Photoshop grid templates for various screen sizes and common constraints.
An interaction design tool that helps you “create functional, animated UI prototypes while maintaining the focus on user experience at every step”
This is awesome. Drag and drop an image into the browser to “generate product screenshots in realistic environments”.
Gemicon is a free set of 600 handcrafted icons.
A tool that “allows you to preview any URL on large number of mobile devices simultaneously. Just enter a URL, hit enter, and new URL gets automatically loaded on each device. Remote preview works on platforms like Android, Blackberry, iOS, Maemo, Meego, Symbian, Windows Phone and WebOS.”
CSS Pattern Generator
by @ZachInglis “Community-Driven Feedback for Designers”
via @codylindley “A visual way to understand CSS specificity.”
The site discusses good interaction design – how it *works*, not just how it looks. “FJP celebrates the future around us.”
via @stedman “Freebie Downloads and Resources by Dribbbler’s”
Beautifully crafted timelines that are easy, and intuitive to use. TimelineJS can pull in media from different sources. It has built in support for: Twitter, Flickr, Google Maps, YouTube, Vimeo, Dailymotion, Wikipedia, SoundCloud and more media types in the future.
Creating one is as easy as filling in a Google spreadsheet or as detailed as JSON.
“A reworking of the first two examples of “The Cicada Principle and Why It Matters to Web Designers” using CSS gradients. “
Free for both personal and commercial use. Nice.
The most comprehensive explanation as to why we still use raster icons instead of vector, and why SVG is not the answer.