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? <a id= "LogRocket___Sponsor_2" name="LogRocket___Sponsor_2"></a>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 <a href= "https://logrocket.com/syntax">logrocket.com/syntax</a>. <a id= "Sanityio__Sponsor_6" name="Sanityio__Sponsor_6"></a><a href= "http://Sanity.io">Sanity.io</a> - Sponsor <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>. <a id="Show_Notes_10" name="Show_Notes_10"></a>Show Notes <ul> <li class="has-line-data" data-line-start="12" data-line-end="13"> <a href="#t=00:25">00:25</a> Welcome</li> <li class="has-line-data" data-line-start="13" data-line-end="14"> <a href="#t=01:14">01:14</a> Sponsor: LogRocket</li> <li class="has-line-data" data-line-start="14" data-line-end="15"> <a href="#t=02:24">02:24</a> Sponsor: Sanity</li> <li class="has-line-data" data-line-start="15" data-line-end="16"> <a href="#t=04:19">04:19</a> 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"> <a href="#t=05:22">05:22</a> 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"> <a href="#t=07:57">07:57</a> What’s small and large?</li> <li class="has-line-data" data-line-start="20" data-line-end="21"> <a href="#t=11:52">11:52</a> How do viewport units help developers?</li> <li class="has-line-data" data-line-start="21" data-line-end="22"> <a href="#t=12:39">12:39</a> 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"> <a href="#t=16:37">16:37</a> When can we start using new viewport units?</li> </ul> <a id="Tweet_us_your_tasty_treats_25" name= "Tweet_us_your_tasty_treats_25"></a>Tweet us your tasty treats <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>

Podurama

Home

Trending

Personal

Your Podcasts

New Episodes

My Files

Favourite Episodes

Tags (Folders)

Recently Played

Bookmarks

Followed Playlists

New Viewport Units

Syntax - Tasty Web Development Treats