Adam Wathan

Technika

68: Building Interfaces with Utility-First CSS

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.

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. 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="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&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>

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. 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="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&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>

Aplikace Youradio Talk

68: Building Interfaces with Utility-First CSS

Poslechněte si podcast