Issue #251

February 8, 2017

How Flexbox Works — Explained with Big, Colorful, Animated Gifs

Scott Domes dives into the 5 most common Flexbox properties, explores what they do, how you can use them and shows what their results actually look like.

Pocket Guide to CSS only Drawings and Animations

Krystal Campioni created an comprehensive guide on building CSS drawings and animations.

Compose

Cloud Hosted Databases: 9 DBs to choose from, 5 min setup, auto-scaling, Cloud hosted. Free for 30 Days.

Get Started Now

Articles & Tutorials

CSS Grid – Table Layout Is Back. Be There and Be Square.

A nice, concise introduction into CSS Grid.

A Step by Step Guide to the Auto-Placement Algorithm in CSS Grid

Nitish Kumar gets close and personal with the workings of the auto-placement algorithm in the CSS Grid Layout module.

Maintaining Accessibility in a Responsive World

Scott Jehl shares some of the issues his team recently run into at the intersection of responsive design and accessibility, and gives some advice on how to solve them.

Nope, Nope, Nope, Line-Height Is Unitless

Matt Smith on why you should always set line-height to a unitless value.

CSS Exclusions: Making Boring Layouts Less Boring

Louie Rootfield explains how CSS Exclusions work. (Unfortunately, CSS Exclusions are supported only in IE at the moment.)

A Simple Pie Chart in SVG

David Gilbertson shows how to create a pie chart in SVG.

JazzCon.Tech - 3-days of music, food and front-end

An incredible conference in the heart of New Orleans March 22-24 with top speakers and great music. $50 discount with code: JCT17HUI

Get Tickets!

Tools

Astrum

Astrum is a lightweight pattern library designed to be included with any web project.

Check it out

CSSRooster is a bot that writes CSS classes for HTML. It takes your HTML code as input, including CSS styles, and then writes class names for your HTML tags by analyzing the patterns hidden in your code.

Check it out

Inspiration

Writing Less Damned Code

Heydon Pickering gives a thought-provoking talk about writing less code. He identifies some examples of front-end code that are either not needed at all, make the interface worse, or can be replaced by something much, much simpler.

Get inspired