Animating flexboxes: the lowdown
Chris Mills
Chris Mills explores what can be achieved by using animations and transitions — along with a little JavaScript — in conjunction with Flexbox.
Issue #56
Headlines
Fullscreen Layout with Page Transitions
Manoela Ilic
Manoela Ilic shows how to create a simple responsive layout with some fancy page transitions.
Articles & tutorials
The Best Way to Learn CSS
Ian YatesIan 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
Chris CoyierMagic 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.
Zelda: A link to the CSS
Donovan HutchinsonDonovan Hutchinson recreates a part of the opening sequence to the old Zelda game using plain HTML and CSS.
shame.css
Harry RobertsThe 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.
Automating CSSCSS using Grunt
Peter KeatingPeter Keating explains how you can test for redundant CSS declarations using CSSCSS and automate testing using his plugin for Grunt.
Recommended reading
JavaScript Enlightenment
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.