Manoela Ilic shows how to create a simple responsive layout with some fancy page transitions.
Articles & tutorials
Ian Yates explains the most basic concepts of CSS and gives advice on how to approach CSS. A must read if you’ve recently started learning CSS.
Magic numbers in CSS refer to values which “work” under some circumstances but are frail and prone to break when those circumstances change. Chris Coyier explains how to deal with them.
Donovan Hutchinson recreates a part of the opening sequence to the old Zelda game using plain HTML and CSS.
The idea of shame.css is that you have a totally new stylesheet reserved just for your hacky code. The code you have to write to get the release out on time, but the code that makes you ashamed. A very interesting concept by Harry Roberts.
Peter Keating explains how you can test for redundant CSS declarations using CSSCSS and automate testing using his plugin for Grunt.
Responsive Inspector is an extension for the Google Chrome browser that allows viewing defined media queries of visited websites, pixel perfect browser resizing, taking and saving whole page screenshots, CSS media query code viewing, and sharing web designs on Behance service as Work In Progress. Very useful.
Userscript that formats and syntax highlights CSS files you open. You’ll certainly find it quite useful because DevTools don’t do this as of yet.
Until next week