Adam Wathan

Technika

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

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.

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&utm_source=fullstackradio&utm_medium=podcast&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&utm_medium=Sponsored_Podcast&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>

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&utm_source=fullstackradio&utm_medium=podcast&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&utm_medium=Sponsored_Podcast&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>

Aplikace Youradio Talk

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

Poslechněte si podcast