Wes Bos & Scott Tolinski - Full Stack JavaScript Web Developers

Zpravodajství

Technologické zprávy

Technika

Supper Club × Polypane with Kilian Valkhof

Syntax - Tasty Web Development Treats

Full Stack Developers Wes Bos and Scott Tolinski dive deep into web development topics, explaining how they work and talking about their own experiences. They cover from JavaScript frameworks like React, to the latest advancements in CSS to simplifying web tooling.

<p class="has-line-data" data-line-start="0" data-line-end="1">In this supper club episode of Syntax, Wes and Scott talk with Kilian Valkhof about his work on Polypane, a browser for developers. How is Polypane built? Why does he have a focus on accessibility in Polypane?</p> <h2 class="code-line" data-line-start="2" data-line-end="3"><a id= "Show_Notes_2" name="Show_Notes_2"></a>Show Notes</h2> <ul> <li class="has-line-data" data-line-start="4" data-line-end="5"> <strong><a href="#t=00:39">00:39</a></strong> Welcome</li> <li class="has-line-data" data-line-start="5" data-line-end="6"> <strong><a href="#t=01:48">01:48</a></strong> Who is Kilian Valkhof?</li> <li class="has-line-data" data-line-start="6" data-line-end="7"> <a href="https://kilianvalkhof.com">kilianvalkhof.com</a></li> <li class="has-line-data" data-line-start="7" data-line-end="8"> <a href="https://twitter.com/kilianvalkhof">@kilianvalkhof on Twitter</a></li> <li class="has-line-data" data-line-start="8" data-line-end="9"> <strong><a href="#t=04:50">04:50</a></strong> What is Polypane?</li> <li class="has-line-data" data-line-start="9" data-line-end="10"> <a href="https://polypane.app/">Polypane</a></li> <li class="has-line-data" data-line-start="10" data-line-end="11"> <a href="https://twitter.com/Polypane">@Polypane on Twitter</a></li> <li class="has-line-data" data-line-start="11" data-line-end="12"> <a href="https://fromscratch.rocks">FromScratch</a></li> <li class="has-line-data" data-line-start="12" data-line-end="13"> <strong><a href="#t=09:31">09:31</a></strong> How is Polypane built?</li> <li class="has-line-data" data-line-start="13" data-line-end="14"> <strong><a href="#t=14:18">14:18</a></strong> What about the Dev tools tab?</li> <li class="has-line-data" data-line-start="14" data-line-end="15"> <strong><a href="#t=20:15">20:15</a></strong> Outline tab</li> <li class="has-line-data" data-line-start="15" data-line-end="16"> <strong><a href="#t=23:23">23:23</a></strong> Color picker</li> <li class="has-line-data" data-line-start="16" data-line-end="17"> <strong><a href="#t=27:33">27:33</a></strong> Canvas rules and guides</li> <li class="has-line-data" data-line-start="17" data-line-end="18"> <strong><a href="#t=32:16">32:16</a></strong> Accessibility background and tools</li> <li class="has-line-data" data-line-start="18" data-line-end="19"> <strong><a href="#t=40:28">40:28</a></strong> How do you parse the CSS?</li> <li class="has-line-data" data-line-start="19" data-line-end="20"> <strong><a href="#t=42:51">42:51</a></strong> What else do you want people to know about Polypane?</li> <li class="has-line-data" data-line-start="20" data-line-end="21"> <strong><a href="#t=44:42">44:42</a></strong> Supper Club questions</li> <li class="has-line-data" data-line-start="21" data-line-end="23"> <strong><a href="#t=53:59">53:59</a></strong> SIIIIICK ××× PIIIICKS ×××</li> </ul> <h2 class="code-line" data-line-start="23" data-line-end="24"> <a id="Shameless_Plugs_23" name="Shameless_Plugs_23"></a>Shameless Plugs</h2> <ul> <li class="has-line-data" data-line-start="25" data-line-end="26"> <a href="https://fixa11y.com">Fix Contrast</a></li> <li class="has-line-data" data-line-start="26" data-line-end="28"> <a href="https://superposition.design">Superposition</a></li> </ul> <h2 class="code-line" data-line-start="28" data-line-end="29"> <a id="Tweet_us_your_tasty_treats_28" name= "Tweet_us_your_tasty_treats_28"></a>Tweet us your tasty treats</h2> <ul> <li class="has-line-data" data-line-start="30" data-line-end="31"> <a href="https://www.instagram.com/stolinski/">Scott’s Instagram</a></li> <li class="has-line-data" data-line-start="31" data-line-end="32"> <a href= "https://www.instagram.com/LevelUpTutorials/">LevelUpTutorials Instagram</a></li> <li class="has-line-data" data-line-start="32" data-line-end="33"> <a href="https://www.instagram.com/wesbos/">Wes’ Instagram</a></li> <li class="has-line-data" data-line-start="33" data-line-end="34"> <a href="https://twitter.com/wesbos">Wes’ Twitter</a></li> <li class="has-line-data" data-line-start="34" data-line-end="35"> <a href="https://www.facebook.com/wesbos.developer">Wes’ Facebook</a></li> <li class="has-line-data" data-line-start="35" data-line-end="36"> <a href="https://twitter.com/stolinski">Scott’s Twitter</a></li> <li class="has-line-data" data-line-start="36" data-line-end="37"> Make sure to include <a href= "https://twitter.com/SyntaxFM">@SyntaxFM</a> in your tweets</li> </ul>

In this supper club episode of Syntax, Wes and Scott talk with Kilian Valkhof about his work on Polypane, a browser for developers. How is Polypane built? Why does he have a focus on accessibility in Polypane?
 Show Notes  00:39 Welcome
 01:48 Who is Kilian Valkhof?
 kilianvalkhof.com

 @kilianvalkhof on Twitter

 04:50 What is Polypane?
 Polypane

 @Polypane on Twitter

 FromScratch

 09:31 How is Polypane built?
 14:18 What about the Dev tools tab?
 20:15 Outline tab
 23:23 Color picker
 27:33 Canvas rules and guides
 32:16 Accessibility background and tools
 40:28 How do you parse the CSS?
 42:51 What else do you want people to know about Polypane?
 44:42 Supper Club questions
 53:59 SIIIIICK ××× PIIIICKS ×××
  Shameless Plugs  Fix Contrast

 Superposition

  Tweet us your tasty treats  Scott’s Instagram

 LevelUpTutorials Instagram

 Wes’ Instagram

 Wes’ Twitter

 Wes’ Facebook

 Scott’s Twitter

 Make sure to include @SyntaxFM in your tweets

Aplikace Youradio Talk

Supper Club × Polypane with Kilian Valkhof

Poslechněte si podcast