A Vision for Our Sass
Felicity Evans
Felicity Evans gives guidelines on how to work with Sass and evaluate new features and techniques to keep the quality of outputted CSS high.
Issue #147
Using Motion For User Experience On Apps And Websites
Drew Thomas
Have you ever wondered why it’s becoming easier for people to understand computers? No, we’re not getting better, the interfaces are.
From Our Sponsor
Last Day: Responsive Web Development Bundle worth $500+ just for $19
Wanting to help you save some time and spare you of all the stress that comes with coding a website, we brought you an awesome web bundle with lots of WordPress Themes and HTML5 Templates!
Articles & Tutorials
Introducing theguardian.com Responsive Takeover
In this article Patrick Stirling introduces a new ad format pioneered at theguardian.com; it is designed and developed with both users and advertising partners in mind.
Flash of Faux Text—still more on Font Loading
Zach LeathermanZach Leatherman explains how to decrease the amount of reflow a user sees when the font switches from fallback to @font-face.
Center and Crop Images with a Single Line of CSS
Chris NagerChris Nager shows how simple it is to center and crop images using object-fit:cover.
Tour of a Performant and Responsive CSS Only Site
In this article Rajoshi Ghosh & Tanmai Gopal will tell you about the challenges they faced in both design and speed optimization of the new 34 Cross site, and how they overcame them.
Getting to Know LibSass
Kitty GiraudelKitty Giraudel explains what LibSass is, how it works, and what the main differences are compared to the original Sass.
Inspiration
Circular Loader (1 Element, Compact CSS)
Ana Tudor
Ana Tudor created an amazing loader effect with just 1 element and only about ~50 lines of generated CSS.
Also, check this video by Patrick Brosset if you’d like to find out how to use Firefox Dev Tools to understand how exactly this demo works.