読んだ:これだけで基本がしっかり身につく HTML/CSS&Webデザイン1冊目の本
www.shoeisha.co.jp
いろいろ(※)あっていい加減uisetlistのフロント側をモダン化しないとまずいと思ったため読みました。
※:
ちょっと公開サイト見てみましたがどう見てもuisetlistの上位互換です。本当にありがとうございました。 https://t.co/ZJvbIltclj
— rutilicus (@rutilicus927) 2022年2月17日
これを読んだ人の知識レベル
学んだこととか
- HTMLはもはやコンテンツを書くためにしか書かない。装飾は全部CSSで書く。
- なんなら画像とかも装飾品はCSSで配置する。
- 結構pxをサイズに指定している? Androidやっていたときはpx指定ってdpiによって表示大きく変わるからあまり使わない方がよかったと思ったけど。
- レスポンシブデザインの作り方、表示確認方法
装飾が基本全部CSSで書くというのが印象深いです。HTMLの方の説明なんて全体の4, 5分の1程度だったのではないでしょうか。
画像も地図とかロゴとかのコンテンツに関係あるもの以外はCSSで配置しているようでした。
px指定に関してはフォントサイズをベースとする単位のremがあるようで、ブラウザのフォントサイズ変更機能への対応を考えた場合にこちらが望ましいということがあるようです。実際に作る際には検討します。
レスポンシブデザインについてはHTMLで書く内容がコンテンツだけに絞ったことでできるようなものですね。ディスプレイのサイズに応じてCSSで並べ替え・調整をすればOKという感じでした。
次はいよいよ実演ですね。できるかな