Wes Bos & Scott Tolinski - Full Stack JavaScript Web Developers

Zpravodajství

Technologické zprávy

Technika

Why is Facebook’s HTML + CSS Such a Mess?

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, Wes and Scott talk about why Threads, Instagram, and all things Facebook have what seems like really messy HTML and CSS?</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://www.threads.net/@stolinski">Scott on Threads</a></li> <li class="has-line-data" data-line-start="6" data-line-end="7"> <a href="https://www.threads.net/@wesbos">Wes on Threads</a></li> <li class="has-line-data" data-line-start="7" data-line-end="8"> <strong><a href="#t=00:35">00:35</a></strong> Threads has got divs</li> <li class="has-line-data" data-line-start="8" data-line-end="9"> <strong><a href="#t=02:42">02:42</a></strong> Tight scoping</li> <li class="has-line-data" data-line-start="9" data-line-end="10"> <strong><a href="#t=09:44">09:44</a></strong> Avoids specificity</li> <li class="has-line-data" data-line-start="10" data-line-end="11"> <strong><a href="#t=10:37">10:37</a></strong> Dealing with ad blockers and scraping</li> <li class="has-line-data" data-line-start="11" data-line-end="12"> <strong><a href="#t=15:45">15:45</a></strong> Divs are free, what’s the big deal?</li> <li class="has-line-data" data-line-start="12" data-line-end="13"> <strong><a href="#t=20:19">20:19</a></strong> Facebook is tracking everything</li> <li class="has-line-data" data-line-start="13" data-line-end="15"> <strong><a href="#t=27:57">27:57</a></strong> React Native</li> </ul> <p><img src= "//assets.libsyn.com/show/100962/Screenshot202023-07-1720at2010.39.3420AM.png" alt="" width="792" height="330" /></p> <p><img src= "//assets.libsyn.com/show/100962/Screenshot202023-07-1720at2010.38.5220AM.png" alt="" width="898" height="612" /></p> <h2 class="code-line" data-line-start="15" data-line-end="16"> <a id="Shameless_Plugs_15"></a>Shameless Plugs</h2> <ul> <li class="has-line-data" data-line-start="17" data-line-end="18"> Scott: <a href="https://sentry.io">Sentry</a></li> <li class="has-line-data" data-line-start="18" data-line-end="20"> Wes: <a href="https://wesbos.com/courses">Wes Bos Tutorials</a></li> </ul> <h2 class="code-line" data-line-start="20" data-line-end="21"> <a id="Tweet_us_your_tasty_treats_20"></a>Tweet us your tasty treats</h2> <ul> <li class="has-line-data" data-line-start="22" data-line-end="23"> <a href="https://www.instagram.com/stolinski/">Scott’s Instagram</a></li> <li class="has-line-data" data-line-start="23" data-line-end="24"> <a href= "https://www.instagram.com/LevelUpTutorials/">LevelUpTutorials Instagram</a></li> <li class="has-line-data" data-line-start="24" data-line-end="25"> <a href="https://www.instagram.com/wesbos/">Wes’ Instagram</a></li> <li class="has-line-data" data-line-start="25" data-line-end="26"> <a href="https://twitter.com/wesbos">Wes’ Twitter</a></li> <li class="has-line-data" data-line-start="26" data-line-end="27"> <a href="https://www.facebook.com/wesbos.developer">Wes’ Facebook</a></li> <li class="has-line-data" data-line-start="27" data-line-end="28"> <a href="https://twitter.com/stolinski">Scott’s Twitter</a></li> <li class="has-line-data" data-line-start="28" data-line-end="29"> Make sure to include <a href= "https://twitter.com/SyntaxFM">@SyntaxFM</a> in your tweets</li> <li class="has-line-data" data-line-start="29" data-line-end="30"> <a href="https://bsky.app/profile/wesbos.com">Wes Bos on Bluesky</a></li> <li class="has-line-data" data-line-start="30" data-line-end="31"> <a href="https://bsky.app/profile/tolin.ski">Scott on Bluesky</a></li> <li class="has-line-data" data-line-start="31" data-line-end="32"> <a href="https://bsky.app/profile/syntax.fm">Syntax on Bluesky</a></li> </ul>

In this episode of Syntax, Wes and Scott talk about why Threads, Instagram, and all things Facebook have what seems like really messy HTML and CSS?
 Show Notes  00:10 Welcome
 Scott on Threads

 Wes on Threads

 00:35 Threads has got divs
 02:42 Tight scoping
 09:44 Avoids specificity
 10:37 Dealing with ad blockers and scraping
 15:45 Divs are free, what’s the big deal?
 20:19 Facebook is tracking everything
 27:57 React Native

 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

Why is Facebook’s HTML + CSS Such a Mess?

Poslechněte si podcast