As the web moves towards high-definition, retina displays, and a huge variety of resolutions, designers need to make their work resolution independent. That means getting away from raster-based graphics, like .png icons and the like. Grumpicon helps you do that by processing a set of SVG files, generating PNG fallback images for legacy browsers, and exporting a demo page showing how to use the final icons. Super handy.
Fontastic is a handy little service that lets you create your own icon fonts, which you can then use on your website and impress all your design friends or whatever. You can import your own vectors to create fonts out of, or you can use any of their existing 1700 icons. Plus, it’s free! Nice.
Front-end technologies are tough to keep up with, kinda like a herd of sugar-fuelled kids at a birthday party. The tech of front end changes faster than Superman in a telephone booth, but frontendrescue.org is here to help with a microsite designed to keep you up-to-date with front end dev. Which will hopefully prevent you from being the code equivalent of an old man yelling at kids to get off his lawn.
Webflow’s CSS3 Playground lets you check out some of the fantastic UI elements being designed in the upcoming Webflow visual responsive design app. It includes examples of text/background effects, typography, buttons, images, responsive columns, forms and much more. You can immediately access the live CSS code for each example, too.
Hack Design is an easy-to-follow design course for hackers and pretty much anyone interested in web/app design. Sign up, and you get a design lesson in your inbox each week – and each lesson is done up by a respected design pro like Luke Beard. Sounds pretty awesome! And it’s been around for a while, I think, but it’s new to me – that means it counts for this week, right?!