Wes Bos & Scott Tolinski - Full Stack JavaScrip...

Zpravodajství

Technologické zprávy

Technika

714: CSS :has() in Every Browser! 10 Uses

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.

CSS :has() is out in all browsers and Wes and Scott have got the top 10 reasons you should start using :has() now. <h3 class="code-line" data-line-start="2" data-line-end="3"><a id= "Show_Notes_2"></a>Show Notes</h3> <ul> <li class="has-line-data" data-line-start="4" data-line-end="5"> <a href="#t=00:25">00:25</a> Welcome</li> <li class="has-line-data" data-line-start="5" data-line-end="6"> <a href="#t=02:28">02:28</a> Syntax Brought to you by Sentry</li> <li class="has-line-data" data-line-start="6" data-line-end="7"> <a href="#t=03:02">03:02</a> Overview of :has</li> <li class="has-line-data" data-line-start="7" data-line-end="8"> <a href="#t=07:09">07:09</a> The anywhere selector</li> <li class="has-line-data" data-line-start="8" data-line-end="9"> <a href="#t=09:41">09:41</a> Previous element</li> <li class="has-line-data" data-line-start="9" data-line-end="10"> <a href="#t=12:59">12:59</a> Layout targetting</li> <li class="has-line-data" data-line-start="10" data-line-end="11"> <a href="#t=15:45">15:45</a> Form validation styling</li> <li class="has-line-data" data-line-start="11" data-line-end="12"> <a href="#t=17:51">17:51</a> All siblings</li> <li class="has-line-data" data-line-start="12" data-line-end="13"> <a href="#t=21:07">21:07</a> Quantity queries</li> <li class="has-line-data" data-line-start="13" data-line-end="14"> <a href="#t=24:19">24:19</a> Empty children</li> <li class="has-line-data" data-line-start="14" data-line-end="15"> <a href="#t=24:56">24:56</a> Nested dropdown navs</li> <li class="has-line-data" data-line-start="15" data-line-end="17"> <a href="#t=26:36">26:36</a> Attribute matching</li> </ul> <h3 class="code-line" data-line-start="17" data-line-end="18"> <a id="Hit_us_up_on_Socials_17"></a>Hit us up on Socials!</h3> Syntax: <a href="https://twitter.com/syntaxfm">X</a> <a href= "https://www.instagram.com/syntax_fm/">Instagram</a> <a href= "https://www.tiktok.com/@syntaxfm">Tiktok</a> <a href= "https://www.linkedin.com/company/96077407/admin/feed/posts/">LinkedIn</a> <a href="https://www.threads.net/@syntax_fm">Threads</a> Wes: <a href="https://twitter.com/wesbos">X</a> <a href= "https://www.instagram.com/wesbos/">Instagram</a> <a href= "https://www.tiktok.com/@wesbos">Tiktok</a> <a href= "https://www.linkedin.com/in/wesbos/">LinkedIn</a> <a href= "https://www.threads.net/@wesbos">Threads</a> Scott: <a href="https://twitter.com/stolinski">X</a> <a href= "https://www.instagram.com/stolinski/">Instagram</a> <a href= "https://www.tiktok.com/@stolinski">Tiktok</a> <a href= "https://www.linkedin.com/in/stolinski/">LinkedIn</a> <a href= "https://www.threads.net/@stolinski">Threads</a>

CSS :has() is out in all browsers and Wes and Scott have got the top 10 reasons you should start using :has() now.
 Show Notes  00:25 Welcome
 02:28 Syntax Brought to you by Sentry
 03:02 Overview of :has
 07:09 The anywhere selector
 09:41 Previous element
 12:59 Layout targetting
 15:45 Form validation styling
 17:51 All siblings
 21:07 Quantity queries
 24:19 Empty children
 24:56 Nested dropdown navs
 26:36 Attribute matching
  Hit us up on Socials! Syntax: X Instagram Tiktok LinkedIn Threads
 Wes: X Instagram Tiktok LinkedIn Threads
 Scott: X Instagram Tiktok LinkedIn Threads

Aplikace Youradio Talk

714: CSS :has() in Every Browser! 10 Uses

Poslechněte si podcast