スキップしてメイン コンテンツに移動

投稿

11月, 2013の投稿を表示しています

Webフォントのアイコンがカワイすぎる

こんにちは、クリエイティブフレークです。

Webフォントもだいぶ広く使われてきて、使える種類も多くなりましたよね。
アイコンフォントだって負けてないほど、増えていました!

超カワイイ絵文字フォントから、実用性の高いアイコンフォントまで置いてあるfontelloの使い方を。

今回はダウンロードしてそのまま使うサンプルです。



まずはサイトに行って、使いたいフォントを選びましょう。



わたしは顔文字とIEアイコンをチョイス。
顔文字はシンプルで使いやすい感が好きです。それに好き嫌いのない感じですよね。

選んだら、右上の「Download webfont」ボタンを。



ダウンロードしたフォルダにはいろいろと入っているのですが、必要なファイルは以下の通り。
・fontello.css
・fontファイル(中身全部)

それではエディタを開いて、ヘッダー部分にcssファイルを読み込みます。

そしてアイコンフォントを入れたい場所のクラス名なんですが、サイトのひとつ隣のタブ「Customize Names」を選ぶと、出てくるのがクラス名です。



例えば、
<div class="icon-emo-grin"></div>
と書くと顔文字が、
<div class="icon-ie"></div>
と書くと、IEアイコンが表示されるワケです。

もちろん、クラス名をつけてフォントサイズを大きく/小さくしたり、色を変えることもフォントならでは。

画像じゃないから拡大縮小だって問題ないのがうれしい!

こういったカワイイものから、メールアイコンや虫眼鏡アイコンなど汎用性の高いものまでそろっています。



Written by Creative Flake

うるさい広告にさようなら、広告消しの決定版!

こんにちは、クリエイティブフレークです。

Youtubeを見ていると、動画ごとにCMが入る……
Facebookの横の広告がうるさい!

なんて思ったことはありませんか?



そんな広告を一挙に非表示にしてくれる、便利な拡張機能のご紹介です。



今回はChromeブラウザの拡張機能を利用します。

まずは、Chromeウェブストアから、左上の検索ボックスに「adblock」と入力します。


絞り込みで「拡張機能」を選択すると、いっぱい出てきます。

機能はどれも同じようなものですが、今回はAdblockProをインストールしました。
このあたりはぜひお好みで。

実際にfacebookのページを比較してみると一目瞭然!


広告だらけで、「知り合いかも?」でさえ埋もれてしまっていたのに、拡張を入れると見事スッキリ!

YouTubeも複数の動画を連続再生したって、広告でイラッとすることもありません。



Written by Creative Flake

今はこんなに安いの?格安・激安で買えるSSL

こんにちは、Creative Flakeです。

SSLって結構値が張るもの。
っていう認識でいましたがいろいろと調べてみると、こんなに安く買えちゃう時代なの??っていうくらい。



今回は特に安いSSLをご紹介したいと思います。

※すべてのSSLを使用したわけではありません。
※使用したSSLについては今後レビューしていきたいと思いますが、今のところはご自身でお願いします。



記載価格は最低価格、2013年1月現在の価格です。

DEFINE SSL STORE(デファインSSLストア) Rapid SSL ¥1,050/年
Rapid SSL ワイルドカード ¥9,450/年
Quick SSL(GeoTrust) ¥5,250/年
※30日間無料お試しのRapid SSLあり。

SSLストア Rapid SSL ¥1,050/年
Rapid SSL ワイルドカード ¥9,450/年
Quick SSL(GeoTrust) ¥5,250/年

エンジョイSSLダイレクト Rapid SSL ¥1,240/年
Rapid SSL ワイルドカード ¥10,480/年
Quick SSL(GeoTrust) ¥3,430/年
※30日間無料お試しのRapid SSLあり。

NameCheap COMODO SSL $7.95/年
Rapid SSL $9.49/年



ここでは代理店を紹介しましたが、もちろん本家のサイトから購入することも可能です。

Written by Creative Flake