HTML・コーディングの練習-レスポンシブデザイン-
HTML・コーディングの練習-レスポンシブデザイン-
今日はコーディングの授業を行った。グリッドレイアウトでレスポンシブデザインのものだ。グリッドデザインだとブロックごとに分かれているためレスポンシブデザインに対応しやすい。
今日は一日コーディングがメインだった。バックをムービーを絶対配置するデザイン。バックに画像を絶対配置にするデザイン等。
最近はPHPの授業がメインだったためコーディングをすると楽しい。出来上がった時にでる安心感が好きだ。
余談だが海外では背景にムービーを動かすデザインが流行っているらしい。日本でもちらほら見かける。ただネックになるのがサイズの大きさだ。レスポンシブだとサイズが大きくなってしまうためスマートフォンはjpgで対応させておくようだ。
時代がすすみ回線が太くなればできることが増えそうだ。その分やらなくてはいけないことが多くなりそうだけど。
参考:清水寺(背景がムービーのHP)
- 出来上がり、レスポンシブ対応グリッドレイアウト。
- コーディングに約1時間位。