Adam Wathan

Technika

71: Building a CSS Framework with PostCSS

Full Stack Radio

A podcast for developers interested in building great software products. Every episode, Adam Wathan is joined by a guest to talk about everything from product design and user experience to unit testing and system administration.

Topics include:<ul>
<li>What is 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>Sponsors:<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>Links:<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>

Topics include:<ul><li>What is 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>Sponsors:<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>Links:<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>

Aplikace Youradio Talk

71: Building a CSS Framework with PostCSS

Poslechněte si podcast