In this episode of Syntax, Wes and Scott try to stump each other with JavaScript and CSS interview style questions including CSS contain, naming the 7 parts of Houdini, what ARIA stands for, 5 limitations of serverless, and more. Show Notes 00:25 Welcome 01:31 Syntax Brought to you by Sentry 02:01 Explain CSS Contain and why it exists? 07:27 In CSS Grid, how would I make a grid of 3 equal columns with 20 pixels between them? Wes Bos on X: 🔥 A visual guide to getting equal width columns in CSS Grid / X 10:31 Which of the following elements are fake? 13:00 Which of the following HTML tags are deprecated? 16:38 What is the samp element? 17:27 Name the 7 parts of CSS Houdini 21:07 In JavaScript for loop with 10 items, how can you exit a loop early? 22:34 What is the difference between a pseudo element and a pseudo class? 25:59 How could you implement CSS :has with JavaScript? 27:56 What are two attributes that would make an SVG more accessible? 29:43 How can you stop your process from exiting if you have an unhandled rejection? 32:27 How do you prevent flex children from getting squished? 34:40 In TypeScript, what does using keyof and typeof together do? 37:19 What does ARIA stand for? 37:39 Name 5 limitations that a serverless or edge function have over tradtional long running server? 40:38 Write an item using Flex code, not grow to fill it’s container, or shrink, and the item will take up only the space based on it’s content size. 42:03 If I’m building an application that needs to announce a change to the user, how would I do that? 43:46 Name the 5 different Git elements methods on a document? 45:39 What does the CSS prospective property do? 48:23 Sick picks Sick Picks Scott: Pushpin hangers Wes: Niimbot Label Maker, Bearclaw Screws) Shameless Plugs Scott: Sentry Wes: Wes Bos Courses Hit us up on Socials! Syntax: X Instagram Tiktok LinkedIn Threads Wes: X Instagram Tiktok LinkedIn Threads Scott: X Instagram Tiktok LinkedIn Threads

This podcast episode discusses the observer pattern in web development, its applications in games, downsides of having too many observers, and different types of observers in JavaScript. It also touches on the desire for an API that combines observables, promises, and streams.

Discussion on new and proposed JavaScript APIs including regex escaping, Intl.DurationFormat, standardized sourcemaps, structured clone, temporal, JSON modules, regex modifiers, array grouping, and array methods. Also covers resolvers in promises, proposal for web charts, and a documentary about an online cult community.

The podcast discusses the concepts of ARIA, aria-label, and Roles in web development. They emphasize the importance of accessibility and the consequences of inaccessible websites. The hosts explore the significance of providing descriptive labels for elements and discuss the use of semantic HTML elements and roles in designing accessible websites. They also mention the importance of installing an accessibility plugin and consider the pricing of Polypane in relation to accessibility considerations.

In this podcast, Wes and Scott interview James Mikrut, Co-founder of Payload CMS. They discuss Payload not just being a CMS, where it fits in the tech stack, why they chose Drizzle, visual editing elements, and the introduction of Payload Cloud. They also explore the need for a 'Rails for JavaScript' solution and managing open-source contributions. The hosts touch on GitHub + AI, the challenges of maintaining MongoDB and Drizzle, and the financial status of the project.

The hosts discuss topics such as the longevity of TypeScript, executing untrusted JS code in Node, modern DevOps for WordPress websites, AI embeddings, MongoDB's vector search capabilities, and provide recommendations for MongoDB APIs and VS Code plugins. They also share sick picks and discuss the importance of using an instant-read thermometer for cooking chicken.

The podcast discusses the usage of CSS @Layers and its support in different browsers. They explore the benefits of using @Layers, such as eliminating specificity order worries and organizing CSS. The concept of nesting layers in CSS and its usage in Tailwind CSS is also explained. Additionally, the hosts delve into the concept of overrides in CSS @Layers and its application on a website.

Salma Alam-Naylor, a DevRel professional, discusses her role in DevRel, avoiding burnout, and which platforms to focus on. They also talk about the challenges of measuring the effectiveness of DevRel, how to get into DevRel, and the importance of creating valuable content for the developer community.

Wes and Scott discuss their approach to building websites in 2023, including starting with design, choosing front-end components, and deciding on a CMS or backend framework. They also explore the use of real vs. fake data, considerations for hosting, and offer some fun recommendations for chip clips and buying used toilet seats on Amazon.

Podcast discusses 5 new CSS features including :nth-child(4 of .neat), CSS Motion Path, Scroll Snap, Scroll Driven Animations, and Margin Trim.