2020年11月2日 書評 Web制作やデザインに関する情報は、インターネット上以外にも書籍を通して体系的に学ぶことができます。今月も様々な本を拝読しました。その中でいいなと思った物、オススメの物をいくつか紹介します! ↑私が10年以上利用している会計ソフト! あたらしい、あしらい。 あしらいに着目したデザインレイアウトの本
![2020年10月に読んだWeb・デザイン関連の本](https://cdn-ak-scissors.b.st-hatena.com/image/square/941ef201f888ff31fbf594f2aea1b39d0791c6e5/height=288;version=1;width=512/https%3A%2F%2Fwww.webcreatorbox.com%2Fwp-content%2Fuploads%2F2020%2F11%2Fthumb_book10.jpg)
<body class="home blog logged-in admin-bar wp-embed-responsive enable-search-modal has-no-pagination showing-comments show-avatars footer-top-visible customize-support"> ※Twenty Twentyのトップページ(投稿一覧)のソースです。ソースを確認すると、投稿一覧なので”home”というクラスが追加されていたり、ログイン中なので”logged-in”というクラスが付いていることがわかります。 このように、body_class()を入れるだけで、ページによって異なるクラスを追加してくれるようになります。 ただ、自動で追加されるクラスだけでなく、独自のクラスを追加したいというケースがあるかもしれません。また、逆に既存のクラス
Screenは必要最低限だけを揃えた、使いやすいミニマルなCSSフレームワークです。 無駄な装飾もなく、軽量で、classを直感的にスタイルする事ができる命名規則を採用しています。 ただ、reset.css、inter.css、Googleフォントがimportされてるので不要なら削除してください。 使い方などサンプルをご覧頂ければ把握できる設計です。基本的にはタグのみで期待するスタイルになります。 更に、同様のスタイルをclassでも使えるようにされているのが印象的でした。 例えばh1なら <h1>見出し</h1>と同じスタイルを <span class="h1">見出し</span>でも出来るようになっています。これは全てではありませんが、多くのタグに設定されているようです。 h1, .h1 {line-height: 1.1;} h2, .h2 {line-height: 1.3;}
リリース、障害情報などのサービスのお知らせ
最新の人気エントリーの配信
j次のブックマーク
k前のブックマーク
lあとで読む
eコメント一覧を開く
oページを開く