Topics include:<ul>
<li>Creating pixel-perfect mockups in advance vs. designing and implementing in tandem</li>
<li>Working with existing JS libraries for interactive UI features vs. hand-rolling a custom implementation from scratch</li>
<li>How design systems play into the design process at Netlify, and how mockups aren't meant to implemented pixel-for-pixel</li>
<li>What tools Netlify uses to design new features and manage the design process</li>
<li>What technologies Netlify uses to keep their UI consistent</li>
<li>Using modern CSS features like CSS grid</li>
</ul>Sponsors:<ul>
<li>
<a href="https://www.digitalocean.com/?refcode=74a1c5d63dac&amp;utm_source=fullstackradio&amp;utm_medium=podcast&amp;utm_campaign=DO_Dev_Signup_Cold_FullStackRadio_Podcast">DigitalOcean</a>, get your free $50 credit at <a href="https://do.co/fullstack">do.co/fullstack</a>
</li>
<li>
<a href="https://cloudinary.com/users/register/free?utm_source=fullstackradio&amp;utm_medium=Sponsored_Podcast&amp;utm_content=fullstackradio_PodCast">Cloudinary</a>, sign up and get 300,000 images/videos, 10GB of storage and 20GB of monthly bandwidth for free</li>
</ul>Links:<ul>
<li><a href="https://www.netlify.com/products/analytics/">Netlify Analytics</a></li>
<li><a href="https://www.highcharts.com/">Highcharts</a></li>
<li><a href="https://www.abstract.com">Abstract</a></li>
<li><a href="https://www.sketch.com">Sketch</a></li>
<li><a href="https://github.com/postcss/postcss">PostCSS</a></li>
<li><a href="https://github.com/postcss/postcss-nested">postcss-nested</a></li>
<li><a href="https://github.com/outpunk/postcss-each">postcss-each</a></li>
</ul>

In this episode, Adam talks to Leslie Cohn-Wein and Rafael Conde about designing and implementing new UI features at Netlify.

Full Stack Radio

124: Leslie Cohn-Wein & Rafael Conde - Designing the User Interface at Netlify