71: Building a CSS Framework with PostCSS

Full Stack Radio

Episode | Podcast

Date: Wed, 30 Aug 2017 04:30:00 +0000

<p>Topics include:</p><ul> <li>What <em>is</em> PostCSS, really?</li> <li>PostCSS vs. other preprocessors like Less and Sass</li> <li>Examples of things PostCSS can do</li> <li>How to use PostCSS to add your own features to CSS</li> <li>How to disguise custom features as valid CSS so PostCSS will parse it</li> <li>Porting Tailwind CSS from Less to PostCSS and why it's been awesome</li> </ul><p>Sponsors:</p><ul> <li> <a href="https://rollbar.com/fullstackradio">Rollbar</a>, sign up at https://rollbar.com/fullstackradio to try their Bootstrap Plan free for 90 days</li> <li><a href="http://codeship.com/">Codeship</a></li> </ul><p>Links:</p><ul> <li> <a href="https://tailwindcss.com/">Tailwind CSS</a>, Adam's upcoming CSS framework</li> <li> <a href="https://adamwathan.me/css-utility-classes-and-separation-of-concerns/">CSS Utility Classes and "Separation of Concerts"</a>, blog post explaining the motivation behind Tailwind</li> <li><a href="http://postcss.org/">PostCSS.org</a></li> <li><a href="http://cssnext.io/">cssnext</a></li> <li> <a href="https://webdesign.tutsplus.com/tutorials/postcss-deep-dive-create-your-own-plugin--cms-24605">"Create Your Own Plugin"</a>, PostCSS tutorial at tuts+</li> <li><a href="http://api.postcss.org/">PostCSS API documentation</a></li> </ul>