先を見通したHTML

date_range 2024/05/16
エンジニアインターン
_11acdaa1-a8aa-40ee-af04-d53666d8a8d3

こんにちは、WEBプログラマーコースの池田駿です。

今日は昨日作ったサイトに対し、ブラウザの幅を変えた

ときにも対応できるような調整とホバーの実装をしました。

昨日は一旦一定の幅で完成させて、明日ちょっといじるだけかな~

と、昨日の私は思っていましたがそんなことはなくて、

CSSだけでなくHTMLコードも書き直しました。

というのも昨日は一定のブラウザの幅に対して手作業で変化を見ながら

CSSを書いていたので、幅が変わるとサイトが途端にぐしゃっとなってしまいました。

HTMLのほうも適切にクラスを配置できていたとはいえず、何度も組み直しました。

さて、ここからどんな教訓が得られるでしょうか。

HTMLやCSSに限らず、「先を見通すこと」の大切さです。

昨日は「困難を分割せよ」という記事を書きましたが、

分割したからと言って全体の目的や全体像がまったく見えていなくて

よいわけではありません。

あくまで最終目標を忘れずに、分割するときに「形だけ」ではなく

きちんと最終目標につながる道として分割することが大切だと学びました。


-------------------------------------------------------------------------------------------------

池田駿の紹介ページ

https://guardian.jpn.com/member/shun_ikeda/

*COMMENT*

  • 則岡 えり

    則岡 えり

    更新日:2024-05-18 09:33

    *コメント*

    お疲れ様です。
    私もよく、あとからHTML書き直したり、調整で時間がかかってしまいます。
    出来上がりをイメージして始めるのが大切ですね。
    お互いがんばりましょう!

    *コメント*

  • 石川 航

    石川 航

    更新日:2024-05-18 11:40

    *コメント*

    お疲れ様です
    スマホやタブレットは機種によって幅が違うので
    あらゆる幅でも崩れないようにする必要があります
    スマホやタブレット表示用のCSSは固定値じゃなくて%指定やvw指定を使うのがオススメです

    *コメント*

  • 吉村 せいこ

    吉村 せいこ

    更新日:2024-05-19 07:06

    *コメント*

    自分はまだ最近やっと簡単な構築を少しするようになったとこで、幅を変えると崩れることよくあります。
    先を見越す事が大切ですね。

    *コメント*

*コメント*

*ログイン*

メールアドレス
パスワード