Writing Good CSS

<p class="has-line-data" data-line-start="7" data-line-end="8">In this episode of Syntax, Scott and Wes talk about writing good CSS.</p> <h2 class="code-line" data-line-start="9" data-line-end="10"><a id= "LogRocket__Sponsor_9" name="LogRocket__Sponsor_9"></a>LogRocket - Sponsor</h2> <p class="has-line-data" data-line-start="10" data-line-end="11"> LogRocket lets you replay what users do on your site, helping you reproduce bugs and fix issues faster. It’s an exception tracker, a session re-player and a performance monitor. Get 14 days free at <a href= "https://logrocket.com/syntax">logrocket.com/syntax</a>.</p> <h2 class="code-line" data-line-start="12" data-line-end="13"> <a id="Netlify__Sponsor_12" name="Netlify__Sponsor_12"></a>Netlify - Sponsor</h2> <p class="has-line-data" data-line-start="13" data-line-end="14"> Netlify is the best way to deploy and host a front-end website. All the features developers need right out of the box: Global CDN, Continuous Deployment, one click HTTPS and more. Hit up <a href= "https://netlify.com/syntax">netlify.com/syntax</a> for more info.</p> <h2 class="code-line" data-line-start="15" data-line-end="16"> <a id="Show_Notes_15" name="Show_Notes_15"></a>Show Notes</h2> <p class="has-line-data" data-line-start="17" data-line-end="18"> 02:11 - Frameworks</p> <ul> <li class="has-line-data" data-line-start="18" data-line-end="19"> Utility: <a href="https://tailwindcss.com/">Tailwind</a>, <a href="https://tachyons.io/">Taycons</a>, <a href= "https://bulma.io/">Bulma</a></li> <li class="has-line-data" data-line-start="19" data-line-end="20"> Frameworks: <a href= "https://get.foundation/">Foundation</a>, <a href= "https://getbootstrap.com/">Bootstrap</a></li> <li class="has-line-data" data-line-start="20" data-line-end="23"> Classless base starters: <a href= "https://github.com/dbohdan/classless-css">https://github.com/dbohdan/classless-css</a> <ul> <li class="has-line-data" data-line-start="21" data-line-end="23"> <a href="https://html5up.net/">HTML5 UP</a> / A template</li> </ul> </l