Summary: <h2 dir="ltr"><strong>Sponsors</strong></h2> <ul> <li dir="ltr"> <p dir="ltr"><strong><a href="https://www.netlify.com/">Netlify</a></strong></p> </li> <li dir="ltr"> <p dir="ltr"><strong><a href="http://sentry.io/">Sentry</a> use the code “devchat” for 2 months free on Sentry small</strong></p> </li> <li dir="ltr"> <p dir="ltr"><strong><a href="https://triplebyte.com/vue">Triplebyte</a> offers a $1000 signing bonus</strong></p> </li> <li dir="ltr"> <p dir="ltr"><strong><a href="https://www.cachefly.com/">CacheFly</a></strong></p> </li> <li dir="ltr"> <p dir="ltr"> </p> </li> </ul> <h3 dir="ltr"><strong>Panel</strong></h3> <ul> <li dir="ltr"> <p dir="ltr"><strong>Chris Fritz</strong></p> </li> <li dir="ltr"> <p dir="ltr"><strong>Ben Hong</strong></p> </li> </ul> <p dir="ltr"><strong>Joined by Special Guest: Miriam Suzanne</strong></p> <h3 dir="ltr"><strong>Summary</strong></h3> <p dir="ltr"><strong>Miriam Suzanne starts by explaining design systems and design tooling, how they differ and the problems they solve. The panel considers how design systems help teams communicate. Miriam shares tools that make design systems easier. The panel discusses different aspects of design. Miriam explains the advantages and disadvantages of using CSS-in-JS, and why she uses CSS with Vue. The panel discusses Miriam's VueConf talk “Dynamic CSS with Vue”. Miriam explains what her vue applications look like and shares advice for organizing CSS in Vue. She shares the top three CSS features that are the most underutilized. </strong></p> <h3 dir="ltr"><strong>Links</strong></h3> <ul> <li dir="ltr"> <p dir="ltr"><strong><a href="https://www.oddbird.net/herman/">https://www.oddbird.net/herman/</a></strong></p> </li> <li dir="ltr"> <p dir="ltr"><strong><a href="https://www.vuemastery.com/conferences/vueconf-us-2019/dynamic-css-with-vue">https://www.vuemastery.com/conferences/vueconf-us-2019/dynamic-css-with-vue</a> </strong></p> </li> <li dir="ltr"> <p dir="ltr"><strong><a href="https://github.com/mozdevs/cssremedy">https://github.com/mozdevs/cssremedy</a></strong></p> </li> <li dir="ltr"> <p dir="ltr"><strong><a href="https://twitter.com/MiriSuzanne">https://twitter.com/MiriSuzanne</a></strong></p> </li> <li dir="ltr"> <p dir="ltr"><strong><a href="https://github.com/mirisuzanne">https://github.com/mirisuzanne</a></strong></p> </li> </ul> <h3 dir="ltr"><strong>Picks</strong></h3> <p dir="ltr"><strong>Chris Fritz:</strong></p> <ul> <li dir="ltr"> <p dir="ltr"><strong>Get some sleep</strong></p> </li> </ul> <p dir="ltr"><strong>Ben Hong:</strong></p> <ul> <li dir="ltr"> <p dir="ltr"><strong>Taipei, Taiwan</strong></p> </li> </ul> <p dir="ltr"><strong>Miriam Suzanne:</strong></p> <p><strong>Something is Rotten at <a href="https://buntport.com/">Buntport Theater</a></strong></p>
