Time saver: iOS App Icon PSD Template
Design an iOS app icon once, automagically render all the smaller size icons (using PS smart objects).
(Nice CSS background position animation on the website too)
Awesome alert: CSS DECK - A collection of pure CSS creations which you can tinker around with - designed to help frontend coders realize the power and flexibility of CSS (via builtwithbootstrap)
Symbolicons: Awesome Icons with an Awesomer Website
Designer Jory Raphael has published a very robust set of vector icons called Symbolicons which have been optimized for both mobile and web apps. The icons are impressive and there are 440 of them, which should cover a number of needs.
While the icons are nice, their dedicated website is what really caught my attention. Most notably the giant robot that Jory calls “Roboticon.” Both because it’s a great illustration and also because it’s animated—with CSS. Yay for CSS3 transform!
I guess he used Sencha Animator to pull it together, which is pretty cool. I purchased Animator a few weeks back to see how it could help me animate my new creatures in the forthcoming update to my Creature Mixup app. Jory’s animated Roboticon affords me some encouragement that this will work out quite nicely.
http://css3test.com/ Test which CSS3 features your browser recognizes. Lea Verou explains more in her blog post
Gridless is a “HTML5 and CSS3 boilerplate for making mobile first responsive, cross-browser websites with beautiful typography.”
“Look up HTML5, CSS3 features, know if they are ready for use, and if so find out to use them – with polyfills, fallbacks or as is”
The Expressive Web - Awesome HTML5 / CSS3 site from Adobe with examples, tutorials and more.
HTML5 CSS3 Advent calendar with pro tips
Responsive Web Design Techniques, Tools and Design Strategies
Doing what Smashing Magazine does best!
A resource summary of “tutorials, techniques, articles, tools and more, all geared toward giving you the specific knowledge you need to create your own responsive designs”
