Font]Webフォントを使って洒落たメニューをおっさんが作ってみる。Font]Webフォントを使って洒落たメニューをおっさんが作ってみる。FontWebFontって使ったことないなー。アイコン的に使ってみた。洒落たメニュー作ってみたよ。Awesome」ダウンロードしたファイルを解凍するとcss,fonts,less,scssの4つのフォルダが入ってます。使用するのはcssとfontsのみ。使い方まずはhead内にcssをリンクしましょう。href="css/font-awesome.min.css">これだけでWebフォントは利用できます。fa-home"></i>と書いてあげるだけで家のアイコンが表示されます。Icons」で確認できます。(多くて探すのめんどうだけど・・・)これじゃつまらんのー。ことでサンプル的なメニューを。color:#fff;}色とか色とか色は適当に変更してください。以上でデモの様なメニューは完成です。まとめザッと確認したところIE8以上は大丈夫みたいです。なんかめんどくせーなーと思っていたWebフォントですけど、意外とあっさり実装できてデザインの幅は広がりそうですねー。関連記事[CSS]IEの条件付きコメントを改めてまとめた(まとまってないけど)ちょっと古い情報ですが、質問受けたので書いてみます。Designer」を試してみた。CSS]WordPressの記事本文で1行目を1文字空けたい日本人だからwなんだかタイトルどう付けていいか分からなくなったよ。これでもSEO考えてるよっ。WordPress...記事を読む[jQuery]製作時にGoogleにホスティングされてるjQueryやprototypeなどのscriptタグをコピーできるサイト今更ですが便利なのでメモっておきます。いうわけで作ってみました。最近はul,liを横並びにーとか、商品一覧は横並びにーという時はdisplay:inline-blockを使ってます。理由はcl...記事を読む[CSS]classもidもないtableにcssを当てる簡単なお仕事です。先日Excelから表をコピーしてきてWordPressに貼り付けて、そのtableに色を付けたいという「アイデア出せやコラ」っていう脅迫...記事を読む[CSS,エディター]brackets-cssfierがどんなものか使ってみた(インストール方法とか)Sassネタは今日はお休みしてbrackets-cssfierが気になったので使ってみました。感想やら手順などをちょこっと。ちょこっ...記事を読む[CSS,border-radius]tableを角を丸くするのって結構めんどいよねすっかり寒くなりましたね。次回の更新は暖かくなるころだと思いますはい。Display)のPSDファイル企画書、提案書に便利なiPhone5とiPadのGUIがPSDでダウンロードできます。細かくレイヤー分けされてて使いや...記事を読むスポンサーリンク[CSS]text-shadowをIEでもやってみる。