CSS Sprite を使ってみよう

CSSを使って、画像表示をコントロールできます。あらかじめ小さな画像を1枚の大きな画像にまとめておいて、表示をするときに必要な部分だけ見せるという方法をCSS Spriteと呼びます。これについて理解しましょう。
続きを読む

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プログラムでもいいのでやっていると身につくものです。最近、調べ物をして動作検証をする、といったことばかりしているので、なかなか具体的なコードを書いたりする時間がとれないのですが、いろいろやってみたいところです。