HTML5とか勉強会inSENDAIに行ってきた

20140318_001
3月8日、仙台で行われた「HTML5とか勉強会inSENDAI」に行ってきました。トップ画像は戦利品一覧です。

地方住みだとこうした勉強会に参加する機会はあまり無いですし、私自身HTML5に興味を持っていたので軽い気持ちで参加してみました。こうしたIT系の勉強会には今回が初参加で、どんなものか不安だったのですが、いざ参加してみればWeb技術に関する面白い話を色々聞けて満足です。

そこで今回は、この勉強会の中で私が特に気になったフレーズをピックアップしていきながら、勉強会を振り返りってみたいと思います。
もっと見る

アイコンフォントを作ってみた【制作編】

SnapCrab_NoName_2014-2-13_15-20-18_No-00

前回の【導入編】では「アイコンフォント」の紹介と、実際にサイト上で表示させるための導入手順をご紹介しました。

アイコンフォントは拡大・縮小しても画像の見た目が綺麗なまま表示できるということでしたが、ここで私にある考えが浮かびました。「ドット絵をアイコンフォント化すれば、表示サイズを自由に変えられるし、画像も綺麗に表示されるし、いいことづくめでは?」

そこで、今回は【制作編】ということで自作のドット絵をアイコンフォント化してみたいと思います。
もっと見る

アイコンフォントを使ってみた【導入編】

記事更新の少ない私のブログですが、最近こっそりブログ内のデザインを少々変更しました。
SnapCrab_NoName_2014-2-11_22-53-32_No-00
日付やカテゴリー、そして「もっと見る」ボタンの所に小さなアイコンを追加しています。一見すると普通の画像のように見えますが、実は画像ではなく「フォント」を使っています。

これは「アイコンフォント」と呼ばれ、各種アイコンをフォントデータとして一括で読み込み、それを必要な箇所に配置しています。「そんな面倒な事しなくても、普通に画像でいいじゃん」と思うかもしれませんが、アイコンフォントは「フォント」だからこそ可能な多くの利点があります。

今回はそんな「アイコンフォント」の事について書いていきたいと思います。
もっと見る