date_range
2026/08/17
先を見通したHTML
date_range
2024/05/16
エンジニアインターン
こんにちは、WEBプログラマーコースの池田駿です。
今日は昨日作ったサイトに対し、ブラウザの幅を変えた
ときにも対応できるような調整とホバーの実装をしました。
昨日は一旦一定の幅で完成させて、明日ちょっといじるだけかな~
と、昨日の私は思っていましたがそんなことはなくて、
CSSだけでなくHTMLコードも書き直しました。
というのも昨日は一定のブラウザの幅に対して手作業で変化を見ながら
CSSを書いていたので、幅が変わるとサイトが途端にぐしゃっとなってしまいました。
HTMLのほうも適切にクラスを配置できていたとはいえず、何度も組み直しました。
さて、ここからどんな教訓が得られるでしょうか。
HTMLやCSSに限らず、「先を見通すこと」の大切さです。
昨日は「困難を分割せよ」という記事を書きましたが、
分割したからと言って全体の目的や全体像がまったく見えていなくて
よいわけではありません。
あくまで最終目標を忘れずに、分割するときに「形だけ」ではなく
きちんと最終目標につながる道として分割することが大切だと学びました。
-------------------------------------------------------------------------------------------------
池田駿の紹介ページ
*コメント*
NEW
-
-
date_range 2026/08/17
プログラミングはコード...
-
date_range 2026/08/17
長期インターンを始める...
-
date_range 2026/08/14
長期インターンを始めた...
-
date_range 2026/08/12
AI活用を実践するインタ...
*COMMENT*
則岡 えり
*コメント*
私もよく、あとからHTML書き直したり、調整で時間がかかってしまいます。
出来上がりをイメージして始めるのが大切ですね。
お互いがんばりましょう!
*コメント*
石川 航
*コメント*
スマホやタブレットは機種によって幅が違うので
あらゆる幅でも崩れないようにする必要があります
スマホやタブレット表示用のCSSは固定値じゃなくて%指定やvw指定を使うのがオススメです
*コメント*
吉村 せいこ
*コメント*
先を見越す事が大切ですね。
*コメント*