Flat Icons & Icon Fonts Icon fonts are awesome. Other than the fact that they have to be single color, they are superior to using images as icons in every way. But which do you choose? There are loads of different sets out there. I'm going to attempt to round them all up here and keep this updated (this post has already been updated several times). Pictos Cool Tools are a Must-Have for Web Designers Admit it, as a designer you are always looking for cool new tips, tools and tricks to enhance your projects and make your life a little easier. Thankfully, new tools, products, apps and even great user interface kits hit the market almost daily. There are also a host of old favorites out there a well – some you may know about and others that you might think about trying for the first time. Here (in no particular order) are a dozen we think you’ll like.
StateFace A font you can use in your web apps when you want tiny state shapes as a design element. It's designed to be used at small sizes, and the shapes have been highly simplified to make for a really small font. All 50 states plus D.C., Puerto Rico and a wee continental U.S. map fit in about 22k, and they look great on Retina displays. At ProPublica we're using it in our super PAC tracker. Download: ZIP | tar.gz | Source Repo How to Use
Get your positive thinking from these tiny hand-lettered messages Dexa Muamar is a skilled letterer who enjoys producing small motivational message in tiny format. He mixes typographic styles with talent, using his craftmanship at its best. Surprisingly, Muamar doesn’t have a design or art background, he specializes in economic development. Lettering is just a form of therapy for him, as it has calming abilities. ★★★ ScrapeBox the ULTIMATE SERP Scraper & Auto Blog Commenter with PRStorm Mode ★★★ ScrapeBox "Scrape - Check - Ping - Post" "Harvest" Harvest thousands of URL’s from Google, Yahoo and Bing in seconds! Font-A-Day Ubuntu, the font .. the OS .. the way of life? “The Ubuntu Font Family is very long-term endeavour, and the first time that a professionally-designed font has been funded specifically with the intent of being an on-going community expanded project” Ubuntu is supplied in four flavors; regular, bold, italic, and bold-italic. For more information on this super-high-quality free font check out the project webpage at The new Ubuntu Font Family was started to enable the personality of Ubuntu to be seen and felt in every menu, button and dialog. The typeface is sans-serif, uses OpenType features and is manually hinted for clarity on desktop and mobile computing screens.
Icon Fonts are Awesome Because you can easily change the size Because you can easily change the color Because you can easily shadow their shape Because they can have transparent knockouts, which work in IE6 unlike alpha transparent pngs. Because you can do all the other stuff image based icons can do, like change opacity or rotate or whatever. You'll be able to do things like add strokes to them with text-stroke or add gradients/textures with background-clip: text; once browser support is a bit deeper. The icon font used on this page is Fico by Lennart Schoors then ran through IcoMoon for custom mappings. Here's a large collection of more choices.
Vintageprintable Pages Vintageprintable » Vintage Printable – Printed material, ephemera, typography » Vintage Printable – Printed material, ephemera, typography -2 » Printed matter – 5 Right click to print or save Related pages: Designing With Grid-Based Approach Advertisement The main idea behind grid-based designs is a solid visual and structural balance of web-sites you can create with them. Sophisticated layout structures offer more flexibility and enhance the visual experience of visitors. In fact, users can easier follow the consistency of the page, while developers can update the layout in a well thought-out, consistent way. However, it’s quite hard to find your way through all the theory behind grid systems: it isn’t easy at all. Some important notions and related key-facts can help to learn basics and keep essential techniques in mind.