リスト要素にfloat:leftを設定して、画像サイズが整数倍異なりブラウザの横幅によって画像を拡大縮小するグリッドデザインのサイトをつくってみたらブラウザの横幅によってはレイアウトが崩れた。http://www.kirin.co.jp/ ↑こんなやつ。画像の縮小で小数点以…

レスポンシブデザインの勉強がてら、レスポンシブ対応されたサイトをトレースした。 なるほどね。各ディスプレイ幅に共通の項目を1つのCSSにまとめ、 異なる項目を専用のCSSファイルに記載しておけばいいのか。 こっちのほうがすっきりする。最初、一番大き…

imgを囲んだpが画像から数ピクセル高くなる。 pに背景色を入れてたので困った。 <p><img src="img.png"></p> 対応内容はこちら↓。 img { vertical-align:bottom; } vertical-alignの初期値がbaselineなので、 baseline〜text-bottomまでのピクセルが画像からはみ出していたようです。 …

知り合いで集まって、「１つのサイトをどれだけはやくまねして作れるか」、 という競争やることになったのでイメトレしときます。 準備 メモ用紙、ペン Dreamweaver起動 フォルダ、ファイル作成 Chrome起動 firefox起動 開始 お題サイトを開く 設計をざっと…