Issue #56

Chris Mills explores what can be achieved by using animations and transitions — along with a little JavaScript — in conjunction with Flexbox.

Manoela Ilic shows how to create a simple responsive layout with some fancy page transitions.

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.

If you want to become a good front-end developer, you ought to know more than just ins and outs of CSS. Naturally, I’m talking about JavaScript. You should (if you haven’t already) really get to grips with it.

JavaScript Enlightenment is truly an excellent book that will definitely take your knowledge to a next level. In it, Cody Lindley walks you through all basic concepts and explains in great detail how things work under the hood.

Even if you’re a seasoned JavaScript developer, there’s a lot you can learn from this book.

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.