Creating complex layouts for the web with CSS Regions and Adobe Edge Reflow CC
Brian Rinaldi
Brian Rinaldi shows how to create magazine-style layouts for the web using CSS Regions.
Issue #93
Flexible CSS Cover Images
Nicolas Gallagher
Nicolas Gallagher describes how he implemented the option to add a large cover image to the page. Main requirements for this implementation is that the source image is cropped, and below specific maximum dimensions it’s displayed at a predetermined aspect ratio.
From our sponsor
Smashing Bundle: The Essential Coding for Web Design - only $24!
These high-quality bundle from Smashing Magazine will give you the lowdown on HTML and CSS, as well as the most-recent applications for Responsive Web Design and improving your JavaScript and jQuery skills.
Articles & Tutorials
Responsive UI with Luminosity Level
Tomomi ImuraTomomi Imura emulates the yet-to-come CSS Level 4 Media-queires to make a web responsive to the light level.
Six Reasons Why I Love Sass
David SimpsonDavid Simpson explains how Sass has helped him and his team develop, manage and scale large web projects.
Smooth state animations with animation-play-state
Lea VerouLea Verou shows how to use animation-play-state to pause and continue running CSS animations.
String Replacement Function in Sass
Kitty GiraudelKitty Giraudel is constantly pushing the boundaries of Sass. In this blog post he shares a Sass string replacement function. Article is definitively worth reading, even though you’ll probably never need the function itself.
Single Line Comments (//) in CSS
Tab Atkins Jr.You’ll be surprised to hear that there is a way to add single line comments to your CSS. That being said, you probably shouldn’t use this hack.
Jobs
UX Designer
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
Inspiration
The Black Brick Road of O.Z. HTML5 Story Game
Another installment of the The Black Brick Road by Rachel Nabors is ready for your enjoyment. After you’ve finished the game, make sure you check out the source code on Github. You’ll probably learn a thing or two from inspecting Sass files.