Wes Bos & Scott Tolinski - Full Stack JavaScript Web Developers

Zpravodajství

Technologické zprávy

Technika

678: The 2023 State of CSS Survey Part 2 × CSS Frameworks × Tooling × Browser Usage

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 episode of Syntax, it’s part 2 of Wes and Scott’s reactions to the 2023 State of CSS survey including CSS frameworks, tooling, browser usage, SVG and CSS, and the CSS Awards.</p> <h2 class="code-line" data-line-start="2" data-line-end="3"><a id= "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:10">00:10</a></strong> Welcome</li> <li class="has-line-data" data-line-start="5" data-line-end="6"> <a href= "https://syntax.fm/show/672/reacting-to-state-of-css-survey">Reacting to State of CSS Survey — Syntax Podcast 672</a></li> <li class="has-line-data" data-line-start="6" data-line-end="7"> <a href="https://2023.stateofcss.com/en-US">State of CSS 2023</a></li> <li class="has-line-data" data-line-start="7" data-line-end="8"> <strong><a href="#t=01:15">01:15</a></strong> Syntax Brought to you by Sentry</li> <li class="has-line-data" data-line-start="8" data-line-end="9"> <strong><a href="#t=01:29">01:29</a></strong> CSS Frameworks</li> <li class="has-line-data" data-line-start="9" data-line-end="10"> <a href="https://getbootstrap.com/">Bootstrap · The most popular HTML, CSS, and JS library in the world.</a></li> <li class="has-line-data" data-line-start="10" data-line-end="11"> <a href="https://open-props.style/">Open Props: sub-atomic styles</a></li> <li class="has-line-data" data-line-start="11" data-line-end="12"> <a href="https://lightningcss.dev/">Lightning CSS</a></li> <li class="has-line-data" data-line-start="12" data-line-end="13"> <strong><a href="#t=10:57">10:57</a></strong> How happy are you with CSS frameworks?</li> <li class="has-line-data" data-line-start="13" data-line-end="14"> <strong><a href="#t=17:21">17:21</a></strong> Other tools</li> <li class="has-line-data" data-line-start="14" data-line-end="15"> <a href="https://www.projectwallace.com/">CSS Analytics - Project Wallace</a></li> <li class="has-line-data" data-line-start="15" data-line-end="16"> <strong><a href="#t=19:34">19:34</a></strong> Top utilities in use</li> <li class="has-line-data" data-line-start="16" data-line-end="17"> <strong><a href="#t=24:48">24:48</a></strong> Browser usage</li> <li class="has-line-data" data-line-start="17" data-line-end="18"> <strong><a href="#t=29:01">29:01</a></strong> CSS usage</li> <li class="has-line-data" data-line-start="18" data-line-end="19"> <strong><a href="#t=33:25">33:25</a></strong> Browser incompatibilities</li> <li class="has-line-data" data-line-start="19" data-line-end="20"> <strong><a href="#t=36:42">36:42</a></strong> SVG and CSS</li> <li class="has-line-data" data-line-start="20" data-line-end="21"> <strong><a href="#t=44:28">44:28</a></strong> Resources for learning CSS</li> <li class="has-line-data" data-line-start="21" data-line-end="22"> <a href="https://www.kevinpowell.co/">Kevin Powell | CSS Evangelist</a></li> <li class="has-line-data" data-line-start="22" data-line-end="23"> <a href="https://fireship.io/">Fireship - Learn to Code Faster</a></li> <li class="has-line-data" data-line-start="23" data-line-end="24"> <a href="https://levelup.video">LeveUp Tutorials</a></li> <li class="has-line-data" data-line-start="24" data-line-end="25"> <strong><a href="#t=46:55">46:55</a></strong> Awards</li> <li class="has-line-data" data-line-start="25" data-line-end="26"> <a href="https://panda-css.com/">Panda CSS - Build modern websites using build time and type-safe CSS-in-JS</a></li> <li class="has-line-data" data-line-start="26" data-line-end="28"> <strong><a href="#t=50:48">50:48</a></strong> SIIIIICK ××× PIIIICKS ×××</li> </ul> <h2 class="code-line" data-line-start="28" data-line-end="29"> <a id="_SIIIIICK__PIIIICKS__28"></a>××× SIIIIICK ××× PIIIICKS ×××</h2> <ul> <li class="has-line-data" data-line-start="30" data-line-end="31"> Scott: <a href="https://www.youtube.com/watch?v=10WIyMo6B94">A Timeline of the 1970s Heavyweight Boxing Division (Boxing Documentary)</a> / <a href= "https://www.youtube.com/playlist?list=PL40wI-jI7SK7YD5ZLtulDl2HgY6Q5SQhQ"> Full Boxing Timelines</a></li> <li class="has-line-data" data-line-start="31" data-line-end="33"> Wes: <a href= "https://www.amazon.ca/dp/B07B4LCWC4?sbo=RZvfv//HxDF+O5021pAnSA&crid=33NN1VW7R08YX&keywords=step+drill+bits&sprefix=step+drill+bits,aps,110&language=en_US&th=1&sr=8-3&linkCode=gs2&linkId=37a38f2588f4e6ce7f01d30fd071f294&tag=isi777-20"> NEIKO 10181A Step Drill Bit Set</a></li> </ul> <h2 class="code-line" data-line-start="33" data-line-end="34"> <a id="Shameless_Plugs_33"></a>Shameless Plugs</h2> <ul> <li class="has-line-data" data-line-start="35" data-line-end="36"> Scott: <a href="https://sentry.io">Sentry</a></li> <li class="has-line-data" data-line-start="36" data-line-end="38"> Wes: <a href="https://wesbos.com/courses">Wes Bos Tutorials</a></li> </ul> <h2 class="code-line" data-line-start="38" data-line-end="39"> <a id="Tweet_us_your_tasty_treats_38"></a>Tweet us your tasty treats</h2> <ul> <li class="has-line-data" data-line-start="40" data-line-end="41"> <a href="https://www.instagram.com/stolinski/">Scott’s Instagram</a></li> <li class="has-line-data" data-line-start="41" data-line-end="42"> <a href= "https://www.instagram.com/LevelUpTutorials/">LevelUpTutorials Instagram</a></li> <li class="has-line-data" data-line-start="42" data-line-end="43"> <a href="https://www.instagram.com/wesbos/">Wes’ Instagram</a></li> <li class="has-line-data" data-line-start="43" data-line-end="44"> <a href="https://twitter.com/wesbos">Wes’ Twitter</a></li> <li class="has-line-data" data-line-start="44" data-line-end="45"> <a href="https://www.facebook.com/wesbos.developer">Wes’ Facebook</a></li> <li class="has-line-data" data-line-start="45" data-line-end="46"> <a href="https://twitter.com/stolinski">Scott’s Twitter</a></li> <li class="has-line-data" data-line-start="46" data-line-end="47"> Make sure to include <a href= "https://twitter.com/SyntaxFM">@SyntaxFM</a> in your tweets</li> <li class="has-line-data" data-line-start="47" data-line-end="48"> <a href="https://bsky.app/profile/wesbos.com">Wes Bos on Bluesky</a></li> <li class="has-line-data" data-line-start="48" data-line-end="49"> <a href="https://bsky.app/profile/tolin.ski">Scott on Bluesky</a></li> <li class="has-line-data" data-line-start="49" data-line-end="50"> <a href="https://bsky.app/profile/syntax.fm">Syntax on Bluesky</a></li> </ul>

In this episode of Syntax, it’s part 2 of Wes and Scott’s reactions to the 2023 State of CSS survey including CSS frameworks, tooling, browser usage, SVG and CSS, and the CSS Awards.
 Show Notes  00:10 Welcome
 Reacting to State of CSS Survey — Syntax Podcast 672

 State of CSS 2023

 01:15 Syntax Brought to you by Sentry
 01:29 CSS Frameworks
 Bootstrap · The most popular HTML, CSS, and JS library in the world.

 Open Props: sub-atomic styles

 Lightning CSS

 10:57 How happy are you with CSS frameworks?
 17:21 Other tools
 CSS Analytics - Project Wallace

 19:34 Top utilities in use
 24:48 Browser usage
 29:01 CSS usage
 33:25 Browser incompatibilities
 36:42 SVG and CSS
 44:28 Resources for learning CSS
 Kevin Powell | CSS Evangelist

 Fireship - Learn to Code Faster

 LeveUp Tutorials

 46:55 Awards
 Panda CSS - Build modern websites using build time and type-safe CSS-in-JS

 50:48 SIIIIICK ××× PIIIICKS ×××
  ××× SIIIIICK ××× PIIIICKS ×××  Scott: A Timeline of the 1970s Heavyweight Boxing Division (Boxing Documentary) / Full Boxing Timelines

 Wes: NEIKO 10181A Step Drill Bit Set

  Shameless Plugs  Scott: Sentry

 Wes: Wes Bos Tutorials

  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
 Wes Bos on Bluesky

 Scott on Bluesky

 Syntax on Bluesky

Aplikace Youradio Talk

678: The 2023 State of CSS Survey Part 2 × CSS Frameworks × Tooling × Browser Usage

Poslechněte si podcast