CSSを使って、画像表示をコントロールできます。あらかじめ小さな画像を1枚の大きな画像にまとめておいて、表示をするときに必要な部分だけ見せるという方法をCSS Spriteと呼びます。これについて理解しましょう。
続きを読む
「CSS」タグアーカイブ
アダプティブレイアウト
アダプティブレイアウトについて調べました。
続きを読む
デザインのテンプレート本は参考のために購入しよう
「CSS+HTML Webレイアウト 3rd すぐに使えるアートワーク」を眺めています。こういったデザインのテンプレートは、参考のためにたまに購入して眺めてみるのですが、なかなか実際のデザインでは使えないことが多い気がしています。
続きを読む
CSSギャラリー
Webデザインレイアウト
Webデザインレイアウトについてメモ。
- 最初はfixed layoutでデザイン
- 固定値を相対値(%)へ変換し、fixed layoutからliquid layoutへ変換
- 画像や動画はCSSで制御
- メディアクエリでデバイス毎に表示を変更
HTM5+CSS3では、Grid Layout, Flexible Box Layout, Multi-column Layoutの機能を使う。
Webデザインができるようになるには
Webデザインができるようになるには「Webデザインクリップ|Web制作に便利な情報を集めたまとめサイト」のようなサイトを見たり、書籍を読んだりして勉強することは重要なのでしょうが、きっと毎日1デザインでもいいので、実際になにかページをデザインして作成してみるというのが良いのでしょうね。プログラミングもそうなのですが、毎日1プログラムでもいいのでやっていると身につくものです。最近、調べ物をして動作検証をする、といったことばかりしているので、なかなか具体的なコードを書いたりする時間がとれないのですが、いろいろやってみたいところです。
CSSでclearfixを使う方法
clear:both をなかなか思い出せなくて、検索をしていたら、「clearfixでfloatを解除 | d-spica」という記事を見つけました。最近はこういうテクニックがあるのですね。勉強になります。
続きを読む