今回はWEBアイコンフォントであるEvil Iconsについてご紹介します。 直訳で悪のアイコンです・・・ どのような恐ろしいアイコンがあるのかと思いきや、王道のアイコンフォントが揃っていました（笑） Evil Mart…

有名なアイコンフォントでFontAwesome・Material Iconsがありますが、その次にIoniconsが有名といったところでしょうか。 私もそれぞれのアイコンフォントの使用方法について記事を書いていますが、検…

Material Icons（マテリアルアイコン）の自動作成ツールです。 マテリアルアイコンをCSSで自動カスタマイズできるように作成しました。 一覧からお好みのアイコンを選択できるようにし、さらに下記のカスタマイズ項目...

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

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

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

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

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

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