DJみならいのモデルガンブログ

20年近くだらだらと書いています。モデルガン、自転車などの記録。

ホームページ進捗

2022-05-21 16:57:46 | ひとりごと

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

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

 

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

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


最新の画像もっと見る

コメントを投稿