957: CSS: Advanced and Obscure

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.

Show Notes

•
00:00 Welcome to Syntax!

•
00:54 Which of the following are valid CSS Shape Functions (developer.mozilla.org/en-US/docs/Web/CSS/Refer…)?

•
02:03 CSS Selectors 4 specification demo.

•
03:20 How many functions (developer.mozilla.org/en-US/docs/Web/CSS/Refer…) are there in CSS?

•
04:22 Brought to you by Sentry.io (sentry.io/syntax).

•
04:47 Explain the 3 CSS Scroll Snap (developer.mozilla.org/en-US/docs/Web/CSS/Refer…) types.

•
06:38 What does the xywh() (developer.mozilla.org/en-US/docs/Web/CSS/Refer…) do?

•
09:15 What about ray() (developer.mozilla.org/en-US/docs/Web/CSS/Refer…)?

•
11:25 What do CSS Namespaces (developer.mozilla.org/en-US/docs/Web/CSS/Refer…) do?

•
14:37 What year was CSS paint() bug tracker (developer.mozilla.org/en-US/docs/Web/API/CSS_P…) introduced in Firefox?

•
17:34 What does developer.mozilla.org/en-US/docs/Web/CSS/Refer… do?

•
20:26 What is cross-fade() (developer.mozilla.org/en-US/docs/Web/CSS/Refer…)?

•
23:54 Name 3 reasons you might use CSS @property (developer.mozilla.org/en-US/docs/Web/CSS/Refer…).

•
27:36 List all 10 CSS Filter Functions (developer.mozilla.org/en-US/docs/Web/CSS/Refer…).

•
32:41 Name 5 font properties (developer.mozilla.org/en-US/docs/Web/CSS/Refer…).

Hit us up on Socials!

Syntax: X (twitter.com/syntaxfm) Instagram (instagram.com/syntax_fm) Tiktok (tiktok.com/@syntaxfm) LinkedIn (linkedin.com/company/96077407/admin/feed/posts) Threads (threads.net/@syntax_fm)

Wes: X (twitter.com/wesbos) Instagram (instagram.com/wesbos) Tiktok (tiktok.com/@wesbos) LinkedIn (linkedin.com/in/wesbos) Threads (threads.net/@wesbos)

Scott: X (twitter.com/stolinski) Instagram (instagram.com/stolinski) Tiktok (tiktok.com/@stolinski) LinkedIn (linkedin.com/in/stolinski) Threads (threads.net/@stolinski)

Randy: X (twitter.com/randyrektor) Instagram (instagram.com/randyrektor) YouTube (youtube.com/@randyrektor) Threads (threads.net/@randyrektor)