Wes Bos & Scott Tolinski - Full Stack JavaScript Web Developers

Zpravodajství

Technologické zprávy

Technika

Container Queries Explained

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 Hasty Treat, Scott and Wes explain what container queries are, use cases for them, new units of measurement, and possible issues with container queries.</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:28">00:28</a></strong> Welcome</li> <li class="has-line-data" data-line-start="5" data-line-end="6"> <strong><a href="#t=01:46">01:46</a></strong> What are Container Queries?</li> <li class="has-line-data" data-line-start="6" data-line-end="7"> <a href= "https://twitter.com/wesbos/status/1614016671043276815?s=61&t=sSa4pPY_-9xMO1VD41z0oA"> Tweet about Container Queries</a></li> <li class="has-line-data" data-line-start="7" data-line-end="8"> <strong><a href="#t=03:28">03:28</a></strong> Use cases for Container Queries</li> <li class="has-line-data" data-line-start="8" data-line-end="9"> <a href="https://www.home-assistant.io">Home Assistant</a></li> <li class="has-line-data" data-line-start="9" data-line-end="10"> <a href="https://caniuse.com">Can I Use?</a></li> <li class="has-line-data" data-line-start="10" data-line-end="11"> <strong><a href="#t=06:11">06:11</a></strong> The syntax of container queries</li> <li class="has-line-data" data-line-start="11" data-line-end="12"> <strong><a href="#t=13:42">13:42</a></strong> New units</li> <li class="has-line-data" data-line-start="12" data-line-end="14"> <strong><a href="#t=22:27">22:27</a></strong> Old iOS versions may cause issues</li> </ul> <h2 class="code-line" data-line-start="14" data-line-end="15"> <a id="Tweet_us_your_tasty_treats_14" name= "Tweet_us_your_tasty_treats_14"></a>Tweet us your tasty treats</h2> <ul> <li class="has-line-data" data-line-start="16" data-line-end="17"> <a href="https://www.instagram.com/stolinski/">Scott’s Instagram</a></li> <li class="has-line-data" data-line-start="17" data-line-end="18"> <a href= "https://www.instagram.com/LevelUpTutorials/">LevelUpTutorials Instagram</a></li> <li class="has-line-data" data-line-start="18" data-line-end="19"> <a href="https://www.instagram.com/wesbos/">Wes’ Instagram</a></li> <li class="has-line-data" data-line-start="19" data-line-end="20"> <a href="https://twitter.com/wesbos">Wes’ Twitter</a></li> <li class="has-line-data" data-line-start="20" data-line-end="21"> <a href="https://www.facebook.com/wesbos.developer">Wes’ Facebook</a></li> <li class="has-line-data" data-line-start="21" data-line-end="22"> <a href="https://twitter.com/stolinski">Scott’s Twitter</a></li> <li class="has-line-data" data-line-start="22" data-line-end="23"> Make sure to include <a href= "https://twitter.com/SyntaxFM">@SyntaxFM</a> in your tweets</li> </ul>

In this Hasty Treat, Scott and Wes explain what container queries are, use cases for them, new units of measurement, and possible issues with container queries.
 Show Notes  00:28 Welcome
 01:46 What are Container Queries?
  Tweet about Container Queries

 03:28 Use cases for Container Queries
 Home Assistant

 Can I Use?

 06:11 The syntax of container queries
 13:42 New units
 22:27 Old iOS versions may cause issues
  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

Container Queries Explained

Poslechněte si podcast