TOP  >  WebDesign  >  CSS3だけで実現可能な219種類のアイコンデザイン集「CSS3 Icons」
2013年11月10日

CSS3だけで実現可能な219種類のアイコンデザイン集「CSS3 Icons」

近年Web業界で話題を呼んでいるHTML5とCSS3。今まで画像やFlash、JavaScriptに頼っていた表現方法を、かなりカバーできるようになりました。そんな中、今回はCSS3だけで実現可能な219種類のアイコンデザイン集「CSS3 Icons」を紹介したいと思います。

css3icons_0

よく見る虫眼鏡のアイコンや、扱いやすいグラフ関連のアイコンなど、どれも実用に耐えられるだけの種類とクオリティで219種類ものアイコンが取り揃えられています。

css3icons_1

css3icons_2

css3icons_3

CSSなだけに、画像のアップロードなども不要で、どれもspanタグとCSSを追記するだけで実現可能。導入の手間は無く、さらにCSSで作られているので色の変更やちょとした改変も容易な仕組みとなっています。これらのアイコンを基にして、新たに自分だけのアイコンを作り出すことも面白そうですね。

CSS3はまだ一部のブラウザで対応されていませんが、これらの実用的な使い方があることを知ると、早く使いたいという気持ちが沸き上がってきます。WEB制作に携わっている方も今のうちから学んでおけば、本格的に使われ始めた際にすぐ導入することができるのではないでしょうか。

UIPlayGround | CSS 3 Icons | CSS 3 Icons Generator | CSS 3 Icons Code Generator

※当サイトのに掲載されている一部画像、スクリ-ンショットに文章に置いては第三十二条で定められる引用の範囲で使用していますが、万が一問題があればこちらからご連絡ください。即刻削除いたします。
posted 09:00  |  
Category: WebDesign   

Sponsor

このブログを購読する

facebook
twitter
rss

Designdevelopについて

デザインを開発するという視点からデザイン、WEBデザインに役立つ情報をお伝えします。

ご意見、ご感想、連絡事項があればFacebookページよりお願いたします。

※当サイトのに掲載されている一部画像、スクリ-ンショットに文章に置いては第三十二条で定められる引用の範囲で使用していますが、万が一問題があればFacebookページからご連絡ください。即刻削除いたします。
※本ブログの「プライバシーポリシー」です。

関連サイト

Designdevelopの姉妹ブログ、毎日のインスピレーションに!をコンセプトに、グラフィックデザインからプロダクトデザインまでクリエイティブをテーマに取り上げていくブログ「DesignWorks」を運営中。

【ご注意】「Designworks」の旧ホームページドメインを利用したWEBサイトにご注意ください
Template deisgn by iDEACLOUD inc.
トップに戻る