CSSでアイコンをデザイン
ものすごく大雑把に言うと今まで画像編集ソフトでやっていた、角を丸くするとか背景をグラデーションにするなどという作業をCSSでやってしまおうというお話。もちろんCSSでできないことは多くあるので万能というわけではないが、できることに限って言えば数行のCSSコードでスクリーンショットのような効果を柔軟に適用することができる。 Demo: Design icon with CSS ul li a { display: block; width: 32px; height: 32px; background-image: url("icons-w.png"); background-repeat: no-repeat; text-indent: -10000px; } 各アイコンになるa要素へのスタイルは以上のような単純なものがベースになる。icons-w.pngがアイコンの前景をつなげたスプライ
50 Amazing Free Icon Sets
President of WebFX. Bill has over 25 years of experience in the Internet marketing industry specializing in SEO, UX, information architecture, marketing automation and more. William’s background in scientific computing and education from Shippensburg and MIT provided the foundation for MarketingCloudFX and other key research and development projects at WebFX. There are a lot of free icon sets out
99 Icon for use in commercial design projects | Creative Nerds
July 5th, 2010 Freebies In today’s blog post, we have compiled a massive collection of 99 icon sets that can be used in commercial design projects. We understand that it can be challenging to find free icon sets that are available for commercial use, which is why we spent a significant amount of time putting together this compilation. We believe that this post will serve as a great reference for d
50 Beautiful Free Icon Sets For Your Next Design - Smashing Magazine
Round-ups of beautiful and useful icons are almost legendary here, on Smashing Magazine. While some readers complain about the annoying “list”-style of some of our articles, we are confident that useful round-ups of relevant resources are very valuable and useful for designers. This is why over months we collect useful links and then present them in posts in the magazine. Like it or hate it, but t
200+ Free Exclusive RSS Icons: “Supra” | Webdesigner Depot
Today we bring you a set of over 200 free and exclusive RSS icons called “Supra”. The icons are provided in both raster and vector formats: The transparent PNG versions are 32×32, 64×64 and 128×128, and we have also included source files for Illustrator so that you can resize and create the icons as needed. The icons are completely free for personal and commercial use. Below you’ll see a full prev
WooFunction: 178 Amazing Web Design Icons | WooThemes
In recent months we’ve worked quite hard to bring you some fantastic free stuff and we think that our growing collection of freebies is pretty awesome. So… Since icons are such a huge element in modern day web design, we decided to partner with one of the best icon designers we’ve come across to bring you a fantastic new web icon set. We’ve worked with Liam McKay before on theme designs (5 to be e
1
リリース、障害情報などのサービスのお知らせ
最新の人気エントリーの配信
j次のブックマーク
k前のブックマーク
lあとで読む
eコメント一覧を開く
oページを開く
100+ Fabric Textures - SloDive
MrIcons.com - Free and Commericial Use Icons
http://www.designwalker.com/2009/11/button-resources.html
シンボルフォントを活用しよう - DesignWalker
Web Design Tools