Issue #267

May 30, 2017

A Unified Styling Language

Mark Dalgleish explains why writing your styles in JavaScript might not be such a terrible idea after all, and why you should be keeping an eye on this rapidly evolving space.

11 Things I Learned Reading the Flexbox Spec

David Gilbertson shares what he learned by reading the flexbox spec. An excellent read that will help you master flexbox.

Build a Community That Inspires

Use CMNTY to bring people together online. Inspire interaction between community members and understand what excites, motivates and concerns them.

Try It Now

Articles & Tutorials

Simplifying CSS Cubes with Custom Properties

Ana Tudor shows the most efficient path towards building a CSS cube, while also explaining what common, but less than ideal cube coding patterns you should steer clear of.

Non-Linear Interpolation in CSS

Mike Riethmuller‏ explains why he thinks that animation-timing-functions belong in responsive design, and shares a Sass mixin that generates CSS for interpolation of length properties.

CSS and the First Meaningful Paint

In this talk, Patrick Hamann explores the current, past, and future best practices for loading CSS in the browser and gives some suggestions on how you can achieve a first meaningful paint within 1000ms.

Watch video

Grid by Example

Rachel Andrew created an excellent collection of usage examples for the CSS Grid Layout specification, that will help you understand how Grid works.

CSS Grid Layout - New Terminology

Stacy Kvernmo built a nice pen that describes and visually shows the new CSS Grid terminology.

Getting design done with Pics.io

Awesome tool keeps all your assets in the same place. Proof completed designs and keep the entire team updated. Use code: PS50-E91-A968 for $50 off.

Try Pics.io for Free

Tools

Muuri

Muuri is a JavaScript library that creates responsive, sortable, filterable and draggable grid layouts.

Check it out

The New Foundation Docs

The new docs, rebuilt from the ground up, include comprehensive video demos and live CodePens of each component so you can experiment with the CSS live without having to download anything.

Check it out