TweetPocketアイコンって実は使いにくいWebデザインの素材としてよく使うのがアイコン。ネット上を探せばフリーで使用できるものがたくさんあり、それらを落として一つずつ使っている方もいるのではないでしょうか。私もPSDでダウンロードしたものを開いて必要なものだけを書き出したり、カラーリングをしてリサイズして・・・と1つのアイコンを使うのにも結構時間がかかったりしています。アイコンフォントとは?そんなときに便利なのがiconfont。クラス名を指定するだけで、フォントと同じように使え、リサイズしてもモザイクになることもありません。カラーも指定することで変更することができるのです。そんなアイコンフォントにも唯一の弱点が。それはほしいアイコンが入ってない場合があるということ。あれとあれはあるのにこれだけがない・・・ということが多く、統一感のためにも泣く泣くPSDのアイコンを使用するということも少なくありません。オリジナルのアイコンフォントを作ろうそんなときに便利なWebサービスを発見。なんと数あるアイコンフォントの中から自由に必要なものを選んで自分だけのアイコンフォントを作れるというものです。それがこちらのサービス。fontello.comこのWebサービスでは以下のアイコンフォントの中から好きなものを好きな数だけ選んで使うことができます。Symbolsこれだけたくさんあれば必要なアイコンはほとんどここで揃うのではないでしょうか?この中から好きなものをクリックやドラッグで選んでダウンロードすることができます。試しに作ってみましょう。アイコンはこのようにドラッグで選ぶこともできます。選択できたら右上のDownloadボタンを押してダウンロードします。アカウント登録などなしでダウンロードできました。ダウンロードしたzipファイルを開いてみるとこのようなファイル構成になっています。アニメーションはスピンに対応しているようです。クラス名にanimate-spinを入れると使えるようになるようです。icon名はdemo.htmlに全て表示されているので安心です。このように必要なものを好きなだけ選んで使えるので大変便利ですね。使うものを選んで自分だけのアイコンセットを作ってみたいと思います。SugimoriBootstrapやCMSを使ったテンプレートの作成やカスタマイズ、既存サイトのレスポンシブ化など、多くの案件でフロントエンドを担当。現在はテンプレートエンジニアとしてTetraThemesでテンプレートを開発中。最近ブログの記事はMarkdownで書いているのですが、ふと思ったのが、Markdownで書いたブログ記事ってSEO的に大丈夫なの?ってことです。前回の投稿でグリッドレイアウトの基本的な使い方についてまとめたので、ここではさらにもう一歩突っ込んだ内容のお話をしたいと思います。一度間違ってないか確認しておきましょう。BlackCubeはEC-CUBE2.13に対応したマルチカラムのレスポンシブテンプレート。Bootstrap3を導入し、様々なコンポーネントも簡単に使えてデザインもシンプルなミニマルデザインを採用。HelloCubeのBlackテーマ。HelloCubeはEC-CUBE3.0向けレスポンシブテンプレートです。どんなショップでも使えるシンプルなデザインと、新着商品や売れ筋商品など便利なプラグインを同梱したテンプレートです。Redはカラーミーショップに対応したレスポンシブテンプレート。Bootstrapを導入しカスタマイズしやすいコードとモダンなデザインを実現。2カラム、3カラム両対応でレイアウトも自由に行えます。CubeMartはEC-CUBE2.13に対応したマルチカラムのレスポンシブテンプレート。Bootstrap3を導入し、様々なコンポーネントも簡単に使えてデザインもシンプルなミニマルデザインを採用。こちらの商品はブルーをメインテーマとしたデザインになっています。HelloCubeのWhiteテーマ。HelloCubeはEC-CUBE3.0向けレスポンシブテンプレートです。どんなショップでも使えるシンプルなデザインと、新着商品や売れ筋商品など便利なプラグインを同梱したテンプレートです。TetraThemesはWordpressやカラーミーショップ、EC-CUBEのテンプレートの販売、CMSのカスタマイズ方法、Bootstrapの使い方などWeb制作に関する記事を書いているサイトです。お知らせ【お知らせ】サイトを移行しました。{td_theme_css.after(splited_css);}}});}})();。