[WordPress Core] 検索フォームのサブミットボタンをアイコンフォントに変更する

サーチウィジェットが自動生成するサブミットボタンのテキストを、WordPress に組み込まれている Dashicons フォントに変更します。
続きを読む »

[WordPress Core] WordPress が自動挿入する Google Fonts API の head tag を remove してパフォーマンスを向上させる

対策済みと思っていた Google Fonts API に盲点がありました。
続きを読む »

[Front-End] font-awesome をローカルにインストールする方法

CDN ではなくサーバに設置する手順(Sass)。
続きを読む »

[Front-End] CSS Sprite, SVG Sprite との今後のつきあい方

おれおれボイラープレートから Compass を正式に外すにあたって、CSS Sprite を今後どう扱うかを検討してまとまったので個人的なまとめ。
続きを読む »

[HTML & CSS] CSS で SNS シェアボタンをカスタマイズする

シンプルなリンクにデザインをあて、表示を高速化する。
続きを読む »

[Front-End] Google Fonts を API もしくは Local から利用する方法

フォント選択後、下向きの矢印をクリックするとフォントをダウンロードできる。
続きを読む »

[Bootstrap 3] Font Awesome や Bootstrap Glyphicons の width をそろえる

Glyphicon にも Font Awsome に用意されている .fa-fw class を利用すると良い。
続きを読む »

[Bootstrap 3] Bootstrap や Font Awesome の icon font を css background image として扱う

[Bootstrap 3] icon font を input box 内に表示する

[Middleman 3] Middleman: font-awesome-sass を gem で手っ取り早くインストールする

middleman v.4.0 のリリースが近づいているようなので、これまで触って得たナレッジをまとめておきたいシリーズ。
続きを読む »