Scott and Wes face off in a CSS-themed round of STUMP’d, quizzing each other on shape functions, scroll snap types, obscure functions, and long-forgotten spec history. From ray() to cross-fade() to print-color quirks, this episode is packed with rapid-fire frontend trivia guaranteed to sharpen your CSS brain.
<h3 class="code-line">
<a></a>Show Notes</h3>
<ul>
<li class="has-line-data">
<a href="#t=00:00">00:00</a> Welcome to Syntax!</li>
<li class="has-line-data">
<a href="#t=00:54">00:54</a> Which of the following are valid <a href="https://developer.mozilla.org/en-US/docs/Web/CSS/Reference/Values/basic-shape/shape">CSS Shape Functions</a>?</li>
<li class="has-line-data">
<a href="#t=02:03">02:03</a> CSS Selectors 4 specification demo.</li>
<li class="has-line-data">
<a href="#t=03:20">03:20</a> How many <a href="https://developer.mozilla.org/en-US/docs/Web/CSS/Reference/Values/Functions">functions</a> are there in CSS?</li>
<li class="has-line-data">
<a href="#t=04:22">04:22</a> Brought to you by <a href="https://sentry.io/syntax">Sentry.io</a>.</li>
<li class="has-line-data">
<a href="#t=04:47">04:47</a> Explain the 3 <a href="https://developer.mozilla.org/en-US/docs/Web/CSS/Reference/Properties/scroll-snap-type">CSS Scroll Snap</a> types.</li>
<li class="has-line-data">
<a href="#t=06:38">06:38</a> What does the <a href="https://developer.mozilla.org/en-US/docs/Web/CSS/Reference/Values/basic-shape/xywh">xywh()</a> do?</li>
<li class="has-line-data">
<a href="#t=09:15">09:15</a> What about <a href="https://developer.mozilla.org/en-US/docs/Web/CSS/Reference/Values/ray">ray()</a>?</li>
<li class="has-line-data">
<a href="#t=11:25">11:25</a> What do <a href="https://developer.mozilla.org/en-US/docs/Web/CSS/Reference/At-rules/@namespace">CSS Namespaces</a> do?</li>
<li class="has-line-data">
<a href="#t=14:37">14:37</a> What year was <a href="https://developer.mozilla.org/en-US/docs/Web/API/CSS_Painting_API">CSS paint() bug tracker</a> introduced in Firefox?</li>
<li class="has-line-data">
<a href="#t=17:34">17:34</a> What does <a href="https://developer.mozilla.org/en-US/docs/Web/CSS/Reference/Properties/print-color-adjust">print-color-adjust</a> do?</li>
<li class="has-line-data">
<a href="#t=20:26">20:26</a> What is <a href="https://developer.mozilla.org/en-US/docs/Web/CSS/Reference/Values/cross-fade">cross-fade()</a>?</li>
<li class="has-line-data">
<a href="#t=23:54">23:54</a> Name 3 reasons you might use <a href="https://developer.mozilla.org/en-US/docs/Web/CSS/Reference/At-rules/@property">CSS @property</a>.</li>
<li class="has-line-data">
<a href="#t=27:36">27:36</a> List all 10 <a href="https://developer.mozilla.org/en-US/docs/Web/CSS/Reference/Properties/filter">CSS Filter Functions</a>.</li>
<li class="has-line-data">
<a href="#t=32:41">32:41</a> Name 5 <a href="https://developer.mozilla.org/en-US/docs/Web/CSS/Reference/Properties/font">font properties</a>.</li>
</ul>
<h3 class="code-line">
<a></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>
Randy: <a href="https://twitter.com/randyrektor">X</a> <a href="https://www.instagram.com/randyrektor/">Instagram</a> <a href="https://www.youtube.com/@randyrektor">YouTube</a> <a href="https://www.threads.net/@randyrektor">Threads</a>

Podurama

Home

Trending

Personal

Your Podcasts

New Episodes

My Files

Favourite Episodes

Tags (Folders)

Recently Played

Bookmarks

Followed Playlists

957: CSS: Advanced and Obscure

Syntax - Tasty Web Development Treats

AI Chapters

AI Insights

Reviews