Sara Soueidan gives an in-depth introduction to animating CSS Shapes. She not only gives excellent examples, but also goes through all prerequisites for animating CSS Shapes while outlining current limitations and gotchas.
Zach Saucier shares a couple of excellent CSS Animation tips & tricks which will enable you to create efficient, reusable and awesome animations.
From our sponsor
Learning the patterns and techniques that appeal to users and enhance their experience can make a huge difference in the success of your site.
With this Usability and UX for Web Design bundle of eBooks from Smashing Magazine, you’ll be fully armed to best tailor your website for users.
Articles & Tutorials
A very nice introduction to Gulp task runner. (If you’re still not using a task runner, I strongly recommend you at least give one a try.)
Aurelio De Rosa introduces <picture>, a new proposed element created to try and solve the problem of serving the version of content images which better suits the device currently visiting a web page.
Dan Tello shares a couple of interesting ideas regarding BEM (block, element, modifier) front-end naming methodology.
Ben Schwarz shows how to use flexbox to position two form elements side by side, where one of the elements fills the “empty” space.
Zing Design explains why they believe Sass is better than LESS and the reasons for choosing LESS in the past no longer apply.
Booking.com -#1 accommodation website- is looking for the world’s smartest designers.
You’re excited about the endless potential of the web and a writer of excellent HTML & CSS? Make meaningful and measurable improvements impacting millions of people. Learn more about us: http://goo.gl/qpOCYU
Animation Studio is a Compass extension for recreating traditional animation techniques with CSS3 animations.
SassyJSON is a Sass-powered API for JSON. It provides you the classic json-encode and json-decode directly from your Sass files.
Until next week