background preloader

Icons

Facebook Twitter

SpritePad - Create and edit css sprites. Favicon Generator for all platforms: iOS, Android, PC/Mac... Favicon Generator. Login to your account. CSS Sprite Generator, Editor, and Code. Csscss by zmoazeni. What is it? Csscss will parse any CSS files you give it and let you know which rulesets have duplicated declarations. What is it for? One of the best strategies for me to maintain CSS is to reduce duplication as much as possible. It’s not a silver bullet, but it sure helps. To do that, you need to have all the rulesets in your head at all times. That’s hard, csscss is easy. Let it tell you what is redundant. How do I use it? First you need to install it. . $ gem install csscss Note: csscss only works on ruby 1.9.x and up.

Then you can run it in at the command line against CSS files. Run it in a verbose mode to see all the duplicated styles. $ csscss -v path/to/styles.css Run it against remote files by passing a valid URL. $ csscss -v You can also choose a minimum number of matches, which will ignore any rulesets that have fewer matches. $ csscss -n 10 -v path/to/style.css # ignores rulesets with < 10 matches $ gem install sass $ csscss path/to/style.scss I found bugs. Typicons. Create your Icon Font in seconds - 9000 Vector Icons Available - Free Icon Font Generator.

App - Icon Font & SVG Generator. Font Reactor. NounProject. Iconvau.lt. Create Your Own @font-face Kits. 8 Great Icon Font Generators to Give Your Site a Custom Feel. High-quality images can make the difference between a good website and a great website. However, they also add file weight, aren't easily scaled, edited or manipulated, and result in additional HTTP requests. When it comes to responsive design, the best solution is often not to use an image at all, and instead use icon fonts when appropriate. They're easily customized, allow for transparency and have good browser support. And because they contain fewer characters than a complete typeface, they also take up less memory. Creating icon fonts doesn't have to be time-consuming, because there are several generators that let you build your own custom font — using only the icons you really need — to help reduce file size.

These also provide a download package with font and CSS files, ready to integrate straight into your website. We've rounded up eight of the best icon font generators to help you start using scalable, lightweight, resolution-independent fonts in your own projects. Show As Gallery.