5 top Flexbox and PostCSS resources

The PostCSS Flexbox plugin eases the cognitive load by providing a convenient shorthand for CSS3 Flexbox properties and values.

There are plenty of helpful resources online to help you with all manner of web design projects, including WordPress tutorials and free web fonts. But in this article we're focusing in on articles and videos to learn more about Flexbox and PostCSS. Here are some we like:

01. An introduction to PostCSS

A great introduction by Drew Minns covering what PostCSS is, its history, and detailed setup instructions for how to include PostCSS in your workflow.

02. A complete guide to Flexbox

Chris Coyier wrote this article explaining the basics of CSS3 Flexbox and how to use all its properties and values. This can serve as a helpful cheatsheet. 

03. Building your own PostCSS plugin

Kezz Bracey has put together a PostCSS Deep Dive series on Envato Tuts+, containing multiple informative and actionable articles. This one helps you build your own PostCSS plugin from scratch. 

04. PostCSS Plugins collection

PostCSS.parts lists the plugins available in PostCSS categorised by function. This can be a great starting point to evaluate PostCSS for your development workflow.

05. Writing a PostCSS plugin

This is the documentation from the makers of PostCSS. This offers a boilerplate, guidelines and tools for writing your own PostCSS plugin.

This is an excerpt from an article that was originally published in net magazine issue 285, buy it here.

ABOUT THE AUTHOR

Archana is a frontend engineer at Coursera