Saba note

醜悪コード Ugly hacks ITものづくり

Font Awesomeの使い方

正直このアイコンがどこまで使えるかという問題があるはあるんですが、Font AwesomeはWebページで使われる典型的なアイコンを文字として扱うことができるサービスです。コーディングするときには、 <img sr […]


Macに新しいFONTを入れる

Macに新しいFONTを入れる

利用可能なFontをダウンロードしておきます。(.otf .ttc .ttf等) アプリケーションにFont Bookというのがあるので、それを開きます。 左メニューからすべてのフォントを選択します。 上部バーの[+]マ […]


Macでsassを使えるようにする

sassのインストール # gem install sass Fetching: sass-3.4.22.gem (100%) Successfully installed sass-3.4.22 Parsing doc […]


Faviconを作成する

http://ao-system.net/favicon/ http://ao-system.net/favicongenerator/ こういったサイトさんがありまして、かなり便利になってます。 最も大きなサイズが19 […]


CentOS6でsassが使えるようにする

サーバーサイドでも直接sassが使えないと結構不便ということで、インストールしてみた。 まずはrubyのインストール yum install -y ruby rubygems ruby-devel libffi-deve […]


CSS角丸いろいろ

border-radius ブロック要素に対して角丸ができます。 (IE9以降、Firefox4以降、Chrome5以降、Safari5以降、Opera11.5以降のみ) border: 3px green solid; […]