Wes Bos & Scott Tolinski - Full Stack JavaScript Web Developers

Zpravodajství

Technologické zprávy

Technika

698: Why You Should Be Using CSS @Layers

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.

What are @Layers in CSS, when and where should you be using them, how do you write them, and who’s using them already? <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:23">00:23</a> Welcome</li> <li class="has-line-data" data-line-start="5" data-line-end="6"> <a href="#t=01:49">01:49</a> Syntax Brought to you by Sentry</li> <li class="has-line-data" data-line-start="6" data-line-end="7"> <a href="#t=02:55">02:55</a> Where is this supported?</li> <li class="has-line-data" data-line-start="7" data-line-end="8"> <a href="#t=07:21">07:21</a> How do we write layers?</li> <li class="has-line-data" data-line-start="8" data-line-end="9"> <a href="#t=10:47">10:47</a> How do you write your CSS?</li> <li class="has-line-data" data-line-start="9" data-line-end="10"> <a href="#t=16:20">16:20</a> Nesting</li> <li class="has-line-data" data-line-start="10" data-line-end="12"> <a href="#t=20:35">20:35</a> Who else is using @Layer?</li> </ul> <h3 class="code-line" data-line-start="12" data-line-end="13"> <a id="Hit_us_up_on_Socials_12"></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>

What are @Layers in CSS, when and where should you be using them, how do you write them, and who’s using them already?
 Show Notes  00:23 Welcome
 01:49 Syntax Brought to you by Sentry
 02:55 Where is this supported?
 07:21 How do we write layers?
 10:47 How do you write your CSS?
 16:20 Nesting
 20:35 Who else is using @Layer?
  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

698: Why You Should Be Using CSS @Layers

Poslechněte si podcast