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

Full Stack Radio

Episode | Podcast

Date: Wed, 25 Sep 2019 18:00:00 +0000

<p>Topics include:</p><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><p>Sponsors:</p><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><p>Links:</p><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>