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

Zpravodajství

Technologické zprávy

Technika

713: The CSS OG Eric Meyer. 1994 CSS, JS in Fridges, Tailwind, and Web Standards

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 supper club episode of Syntax, Wes and Scott talk with Eric Meyer about his start on the web, the early days of CSS, where CSS is headed, are we going to lose a browser, and more!</p> <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"> <strong><a href="#t=00:32">00:32</a></strong> Welcome</li> <li class="has-line-data" data-line-start="5" data-line-end="6"> <strong><a href="#t=01:26">01:26</a></strong> Who is Eric Meyer?</li> <li class="has-line-data" data-line-start="6" data-line-end="7"> <strong><a href="#t=05:44">05:44</a></strong> In the earliest days, what browsers supported CSS?</li> <li class="has-line-data" data-line-start="7" data-line-end="8"> <strong><a href="#t=10:23">10:23</a></strong> The current web platform test suite</li> <li class="has-line-data" data-line-start="8" data-line-end="9"> <a href= "https://web-platform-tests.org/">web-platform-tests</a></li> <li class="has-line-data" data-line-start="9" data-line-end="10"> <strong><a href="#t=17:59">17:59</a></strong> Are CSS features shipping faster these days?</li> <li class="has-line-data" data-line-start="10" data-line-end="11"> <strong><a href="#t=20:45">20:45</a></strong> CSS learning from preprocessors</li> <li class="has-line-data" data-line-start="11" data-line-end="12"> <strong><a href="#t=26:24">26:24</a></strong> What do you think about Tailwind and inline CSS?</li> <li class="has-line-data" data-line-start="12" data-line-end="13"> <strong><a href="#t=33:26">33:26</a></strong> Alternative spaces where CSS may be used</li> <li class="has-line-data" data-line-start="13" data-line-end="14"> <a href="https://www.w3.org/TR/css-speech-1/">CSS Speech Module Level 1</a></li> <li class="has-line-data" data-line-start="14" data-line-end="15"> <a href="https://www.w3.org/press-releases/1998/css2/">The World Wide Web Consortium Issues CSS2 as a W3C Recommendation</a></li> <li class="has-line-data" data-line-start="15" data-line-end="16"> <strong><a href="#t=37:17">37:17</a></strong> Do companies push CSS forward for a business use case?</li> <li class="has-line-data" data-line-start="16" data-line-end="17"> <strong><a href="#t=44:06">44:06</a></strong> Trying to keep up with all the things is difficult</li> <li class="has-line-data" data-line-start="17" data-line-end="18"> <strong><a href="#t=48:19">48:19</a></strong> What’s on Eric Meyer’s CSS wishlist?</li> <li class="has-line-data" data-line-start="18" data-line-end="19"> <strong><a href="#t=54:35">54:35</a></strong> Supper Club Questions</li> <li class="has-line-data" data-line-start="19" data-line-end="20"> <a href="https://brucelawson.co.uk/">Bruce Lawson</a></li> <li class="has-line-data" data-line-start="20" data-line-end="21"> <a href= "https://www.mozilla.org/en-CA/firefox/channel/desktop/">Firefox Nightly desktop, Android and iOS.</a></li> <li class="has-line-data" data-line-start="21" data-line-end="22"> <a href="https://serenityos.org/">SerenityOS</a></li> <li class="has-line-data" data-line-start="22" data-line-end="23"> <a href="https://ladybird.dev/">The Ladybird browser project</a></li> <li class="has-line-data" data-line-start="23" data-line-end="24"> <a href="https://www.thunderbird.net/en-US/">Thunderbird — Free Your Inbox. — Thunderbird</a></li> <li class="has-line-data" data-line-start="24" data-line-end="25"> <a href="https://arc.net/">Arc from The Browser Company</a></li> <li class="has-line-data" data-line-start="25" data-line-end="26"> <a href="https://foundation.mozilla.org/en/">Mozilla Foundation - Homepage</a></li> <li class="has-line-data" data-line-start="26" data-line-end="28"> <strong><a href="#t=01:58">01:58</a></strong> Sick Picks</li> </ul> <h3 class="code-line" data-line-start="28" data-line-end="29"> <a id="Sick_Picks_28"></a>Sick Picks</h3> <ul> <li class="has-line-data" data-line-start="30" data-line-end="32"> <a href="https://polypane.app/">Polypane</a></li> </ul> <h3 class="code-line" data-line-start="32" data-line-end="33"> <a id="Shameless_Plugs_32"></a>Shameless Plugs</h3> <ul> <li class="has-line-data" data-line-start="34" data-line-end="35"> <a href="https://www.igalia.com/">Igalia - Open Source Consultancy and Development</a></li> <li class="has-line-data" data-line-start="35" data-line-end="37"> <a href= "https://meyerweb.com/eric/writing.html">meyerweb.com</a></li> </ul> <h3 class="code-line" data-line-start="37" data-line-end="38"> <a id="Hit_us_up_on_Socials_37"></a>Hit us up on Socials!</h3> <p class="has-line-data" data-line-start="39" data-line-end="40"> 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></p> <p class="has-line-data" data-line-start="41" data-line-end="42"> 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></p> <p class="has-line-data" data-line-start="43" data-line-end="44"> 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></p>

In this supper club episode of Syntax, Wes and Scott talk with Eric Meyer about his start on the web, the early days of CSS, where CSS is headed, are we going to lose a browser, and more!
 Show Notes  00:32 Welcome
 01:26 Who is Eric Meyer?
 05:44 In the earliest days, what browsers supported CSS?
 10:23 The current web platform test suite
 web-platform-tests

 17:59 Are CSS features shipping faster these days?
 20:45 CSS learning from preprocessors
 26:24 What do you think about Tailwind and inline CSS?
 33:26 Alternative spaces where CSS may be used
 CSS Speech Module Level 1

 The World Wide Web Consortium Issues CSS2 as a W3C Recommendation

 37:17 Do companies push CSS forward for a business use case?
 44:06 Trying to keep up with all the things is difficult
 48:19 What’s on Eric Meyer’s CSS wishlist?
 54:35 Supper Club Questions
 Bruce Lawson

 Firefox Nightly desktop, Android and iOS.

 SerenityOS

 The Ladybird browser project

 Thunderbird — Free Your Inbox. — Thunderbird

 Arc from The Browser Company

 Mozilla Foundation - Homepage

 01:58 Sick Picks
  Sick Picks  Polypane

  Shameless Plugs  Igalia - Open Source Consultancy and Development

 meyerweb.com

  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

713: The CSS OG Eric Meyer. 1994 CSS, JS in Fridges, Tailwind, and Web Standards

Poslechněte si podcast