ホームページ進捗

　極秘の開発画面を公開します(笑)

　1枚目が決定稿で、2枚目が試作（ボツ案）です。HTMLだけのホームページは作ったことがありましたが、CSSは初めてで苦労しました。今まで見てきた色々なページのレイアウトを参考に、極力シンプルにまとめたつもりです。決定稿に挟まっている妙な猫の画像はテスト用のもので、公開の際には撮りおろし(笑)の画像をアップするつもりです。記事は上げているものを全て書くか、統一するか、或いは分割するかまだ決めていません。MGCのP210だけでも5種類くらいありますからね。

 

　そして何と、ホームページはスマホ対応のレスポンシブデザインです！　一定以下の画面幅では4つのブロックが縦に並ぶようCSSを書きました。初めうまく並ばず半日悩んで、HTMLのほうが間違っていたというオチつきです(笑)　プロの制作業者からも聞いたことがありまして、今ネットサーフィン（死語）する人の大半はスマホかタブレットを使うらしく、レスポンシブデザインはホームページを作るうえで避けて通れない道だそうです。スマホはPCより頻繁に縦スクロールするため、レイアウトはどうしても縦並びになりますよね。こちらはChromeのデベロッパーツールを駆使しながらの制作となりました。

　トップページは大方できたので、次は記事本文を作っていきます。