「HTML/CSS」カテゴリーアーカイブ

コマンドでHTML5/CSS/JS等のブラウザ対応を確認できるcaniuse-cmd

photo by Roo Reynolds
HTML5/CSS/Javascript APIなどフロントエンドまわりの最新技術のブラウザ対応状況を確認できるcaniuse.comという便利なサイトがあるのですが、caniuse-cmdはWebブラウザからではなくターミナルからコマンドで調べられる便利なツールです。インストールや使い方も簡単でしたので紹介します。

続きを読む コマンドでHTML5/CSS/JS等のブラウザ対応を確認できるcaniuse-cmd

イラストレーター不要!Twitterアイコン画像をWebフォントに変換しよう

Webfontday der Typographischen Gesellschaft München (tgm)
画像を追加することなくCSSで指定するだけで画面にアイコン画像を表示してくれるアイコンフォントは便利ですね。フォントのサイズ指定するだけで大きさを変更できたり、 Font Awesome Fontello の様なWebサービスはCDNからでも手軽に利用できるので重宝しています。オリジナルのアイコンフォントはIllustratorなどのベクターツールにSVG出力機能があれば簡単に作成できますが、元の画像をトレースしたりと画像によっては結構大変な作業が必要になります。

続きを読む イラストレーター不要!Twitterアイコン画像をWebフォントに変換しよう