68: Building Interfaces with Utility-First CSS

Full Stack Radio

Episode | Podcast

Date: Wed, 19 Jul 2017 05:00:00 +0000

<p>They talk about the problems this approach has solved for them, the surprising workflow benefits, and some tips and tricks for using this approach well.</p><p><br />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="http://getbem.com/">BEM</a>, the Block Element Modifier CSS methodology</li> <li> <a href="http://nicolasgallagher.com/about-html-semantics-front-end-architecture/">About HTML semantics and front-end architecture</a>, a blog post by Nicolas Gallagher that heavily inspired the way Adam writes CSS</li> <li> <a href="https://www.youtube.com/watch?v=6EyPqf1Xh2U&amp;t=8s">Implementing Designs with Utility-Focused CSS</a>, a recorded live stream where you can watch Adam implement a design using his work-in-progress CSS framework</li> <li> <a href="http://buildwithbeard.com/">Beard</a>, David Hemphill's utility framework</li> <li> <a href="http://tachyons.io/">Tachyons</a>, a popular utility framework</li> <li> <a href="https://fractures.space/docs">fractures</a> utility framework</li> <li> <a href="http://turretcss.com/">turrettcss</a> utility framework</li> </ul>