はてなブログで使えるアイコンWebフォントの一覧と使い方まとめ - しろかい！
はてなブログでは，デフォルトで読み込まれるCSS「globalheader.css」で，79種類のアイコンWebフォントを読み込んでいます．これらのアイコンで間に合うのならわざわざ「Font Awesome」を読み込む必要もなく，ページの軽量化が期待できます．そこで，本記事では，それらのアイコンの一覧と使い方をまとめました． はてなブログのアイコンWebフォント一覧 とりあえず，どんなアイコンが使えるのか見てみましょう． よく使いそうなアイコンはひと通り揃ってそうな気がしますね！ しろかい！でも，一部のソーシャルメディアのアイコンを除き，基本的にはこのWebフォントしか使用していません．Font Awesomeは一切使用していません． では，使い方を見ていきます． 使い方その1：<i>タグを使う アイコンを表示したい部分に，以下のように記述すればOKです． <i class="(使用したい
メディアサイトの記事ページをデザインするときに、参考になる数値まとめ | 株式会社LIG(リグ)｜DX支援・システム開発・Web制作
こんにちは、デザイナーのまきこです。モーニング娘。’16のオーディションのゆくえが気になる今日この頃です。 さて、LIGでは、日々たくさんの企業さまからさまざまなサイト制作についてのお問い合わせをいただいています。その中でわりとご依頼が多いのが、メディアサイトの制作です。 メディアサイトの制作でキモとなるのが、記事ページの文字周りのデザイン。ここがうまくいかないと、いくら魅力的な記事が書かれていても、ユーザーにしっかり読んでもらって価値を提供することができません。そこで今回は、世の中のメディアサイトやWebマガジンの中から「人気がある」「デザインのクオリティーが高い」とわたしが勝手に思うサイトを10点選び、記事ページの文字周りがどんな数値でデザインされているのかを調べてみました。 調べ方について 下記の図のような数値について、PCはMac（ディスプレイ幅1440px）で、SPはiphone
1
リリース、障害情報などのサービスのお知らせ
最新の人気エントリーの配信
j次のブックマーク
k前のブックマーク
lあとで読む
eコメント一覧を開く
oページを開く
