Wes Bos & Scott Tolinski - Full Stack JavaScript Web Developers

Zpravodajství

Technologické zprávy

Technika

New Viewport Units

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 episode of Syntax, Wes and Scott talk about the new viewport units coming to the web - what are they and when can we use them?</p> <h2 class="code-line" data-line-start="2" data-line-end="3"><a id= "LogRocket___Sponsor_2" name="LogRocket___Sponsor_2"></a>LogRocket - Sponsor</h2> <p class="has-line-data" data-line-start="4" data-line-end="5"> LogRocket lets you replay what users do on your site, helping you reproduce bugs and fix issues faster. It’s an exception tracker, a session re-player and a performance monitor. Get 14 days free at <a href= "https://logrocket.com/syntax">logrocket.com/syntax</a>.</p> <h2 class="code-line" data-line-start="6" data-line-end="7"><a id= "Sanityio__Sponsor_6" name="Sanityio__Sponsor_6"></a><a href= "http://Sanity.io">Sanity.io</a> - Sponsor</h2> <p class="has-line-data" data-line-start="8" data-line-end="9"> <a href="http://Sanity.io">Sanity.io</a> is a real-time headless CMS with a fully customizable Content Studio built in React. Get a Sanity powered site up and running in minutes at <a href= "https://www.sanity.io/create">sanity.io/create</a>. Get an awesome supercharged free developer plan on <a href= "https://www.sanity.io/syntax">sanity.io/syntax</a>.</p> <h2 class="code-line" data-line-start="10" data-line-end="11"> <a id="Show_Notes_10" name="Show_Notes_10"></a>Show Notes</h2> <ul> <li class="has-line-data" data-line-start="12" data-line-end="13"> <strong><a href="#t=00:25">00:25</a></strong> Welcome</li> <li class="has-line-data" data-line-start="13" data-line-end="14"> <strong><a href="#t=01:14">01:14</a></strong> Sponsor: LogRocket</li> <li class="has-line-data" data-line-start="14" data-line-end="15"> <strong><a href="#t=02:24">02:24</a></strong> Sponsor: Sanity</li> <li class="has-line-data" data-line-start="15" data-line-end="16"> <strong><a href="#t=04:19">04:19</a></strong> What are viewport units?</li> <li class="has-line-data" data-line-start="16" data-line-end="17"> <a href= "https://www.bram.us/2021/07/08/the-large-small-and-dynamic-viewports/"> The Large and small and dynamic viewports</a></li> <li class="has-line-data" data-line-start="17" data-line-end="18"> <strong><a href="#t=05:22">05:22</a></strong> What are the new viewport units?</li> <li class="has-line-data" data-line-start="18" data-line-end="19"> <a href= "https://css-tricks.com/the-large-small-and-dynamic-viewports/">Large small and dyanmic viewports</a></li> <li class="has-line-data" data-line-start="19" data-line-end="20"> <strong><a href="#t=07:57">07:57</a></strong> What’s small and large?</li> <li class="has-line-data" data-line-start="20" data-line-end="21"> <strong><a href="#t=11:52">11:52</a></strong> How do viewport units help developers?</li> <li class="has-line-data" data-line-start="21" data-line-end="22"> <strong><a href="#t=12:39">12:39</a></strong> What about the keyboard on mobile?</li> <li class="has-line-data" data-line-start="22" data-line-end="23"> <a href="https://keycode.info">Keycode.info</a></li> <li class="has-line-data" data-line-start="23" data-line-end="25"> <strong><a href="#t=16:37">16:37</a></strong> When can we start using new viewport units?</li> </ul> <h2 class="code-line" data-line-start="25" data-line-end="26"> <a id="Tweet_us_your_tasty_treats_25" name= "Tweet_us_your_tasty_treats_25"></a>Tweet us your tasty treats</h2> <ul> <li class="has-line-data" data-line-start="27" data-line-end="28"> <a href="https://www.instagram.com/stolinski/">Scott’s Instagram</a></li> <li class="has-line-data" data-line-start="28" data-line-end="29"> <a href= "https://www.instagram.com/LevelUpTutorials/">LevelUpTutorials Instagram</a></li> <li class="has-line-data" data-line-start="29" data-line-end="30"> <a href="https://www.instagram.com/wesbos/">Wes’ Instagram</a></li> <li class="has-line-data" data-line-start="30" data-line-end="31"> <a href="https://twitter.com/wesbos">Wes’ Twitter</a></li> <li class="has-line-data" data-line-start="31" data-line-end="32"> <a href="https://www.facebook.com/wesbos.developer">Wes’ Facebook</a></li> <li class="has-line-data" data-line-start="32" data-line-end="33"> <a href="https://twitter.com/stolinski">Scott’s Twitter</a></li> <li class="has-line-data" data-line-start="33" data-line-end="34"> Make sure to include <a href= "https://twitter.com/SyntaxFM">@SyntaxFM</a> in your tweets</li> </ul>

In this episode of Syntax, Wes and Scott talk about the new viewport units coming to the web - what are they and when can we use them?
 LogRocket - Sponsor LogRocket lets you replay what users do on your site, helping you reproduce bugs and fix issues faster. It’s an exception tracker, a session re-player and a performance monitor. Get 14 days free at logrocket.com/syntax.
 Sanity.io - Sponsor Sanity.io is a real-time headless CMS with a fully customizable Content Studio built in React. Get a Sanity powered site up and running in minutes at sanity.io/create. Get an awesome supercharged free developer plan on sanity.io/syntax.
 Show Notes  00:25 Welcome
 01:14 Sponsor: LogRocket
 02:24 Sponsor: Sanity
 04:19 What are viewport units?
  The Large and small and dynamic viewports

 05:22 What are the new viewport units?
 Large small and dyanmic viewports

 07:57 What’s small and large?
 11:52 How do viewport units help developers?
 12:39 What about the keyboard on mobile?
 Keycode.info

 16:37 When can we start using new viewport units?
  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

New Viewport Units

Poslechněte si podcast