Skip to main content

5 top Flexbox and PostCSS resources

There are plenty of helpful resources online to help you with all manner of web design projects, including WordPress tutorials (opens in new tab) and free web fonts (opens in new tab). 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 (opens in new tab)

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 (opens in new tab)

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 (opens in new tab)

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 (opens in new tab)

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 (opens in new tab) issue 285, buy it here (opens in new tab).

Thank you for reading 5 articles this month* Join now for unlimited access

Enjoy your first month for just £1 / $1 / €1

*Read 5 free articles per month without a subscription

Join now for unlimited access

Try first month for just £1 / $1 / €1

Archana is a frontend engineer at Coursera