アイコンフォントには数多くの種類がありますが、Googleが提供しているアイコンフォントがあります。 それがMaterial Icons（マテリアルアイコン）です。 ここではMaterial Iconsの導入方法から表示…

Foundation Icon Fonts 3の自動作成ツールです。 アイコンを一覧から選択し、さらに色やサイズをカスタマイズ項目から選ぶことで、画面下にアイコンをプレビュー表示します。 プレビュー表示されたアイコンのコ...

highlight.jsのコード自動作成・比較ツールです。 公式サイトも比較的見やすいですが、個人的には種類も豊富が故に絞り込みにくく感じました。 当サイトでは各ハイライトを色ごとに分類分けしています。 また言語も不要な...

スクロールするとサイトのページトップへ戻るボタンを出現させる。 このボタンを実装しているサイトはよく見かけますね。 例えば下記画像のようなボタンです。   長文の記事を読んでいる場合、記事の上部に戻りたいときに...

今回はアイコンフォントの中でも1番人気のあるFont Awesomeについてご紹介します。 Webサイトは他にはない独自性のあるものにしたい。 誰もが思うことですよね。 まずFont Awesomeを使用したアイコンの使...

2017年末にFont Awesome 5が公開されました。無料版と有料版が公開されましたが、無料版だけでも以前のバージョンからさらに増え、その種類はなんと900以上に！！ 無料版をカテゴリー毎に分けていますので、ご自身...