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.
Get the Creative Bloq Newsletter
Daily design news, reviews, how-tos and more, as picked by the editors.
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