Widely Available Web Platform Features I'd Like To Learn
A web developer's list of widely available CSS, JavaScript, and DOM API features to learn, based on Google's Baseline project and W3C resources.
A web developer's list of widely available CSS, JavaScript, and DOM API features to learn, based on Google's Baseline project and W3C resources.
Explores using CSS contrast-color() and if() statements to create more nuanced, color-harmonious hover states by adjusting lightness instead of mixing black/white.
Explains how to use CSS contrast-color() with design system colors, including a workaround for current browser support.
Explores using CSS contrast-color() for algorithmic hover states and accessible color systems in web design.
A guide to organizing and simplifying CSS named colors into reusable custom property palettes for consistent design across projects.
A technical blog post explaining how to style markdown-generated blockquote attributions with targeted CSS selectors.
Explores the new CSS scroll-state(scrolled) query for applying styles based on scroll direction, with examples and use cases.
A developer builds a print-ready gift tag generator using the Goose AI agent, tackling CSS challenges for fixed print dimensions.
A developer shares patterns and best practices for creating single-file HTML tools using LLMs, covering prototyping, dependencies, and deployment.
A developer details implementing a dark mode toggle using CSS, media queries, localStorage, and tools like Claude Code and ImageMagick.
Introducing Invoker Commands in Chrome 135, enabling declarative control of <dialog> and [popover] elements without JavaScript.
A developer uses the Goose AI agent and Claude Sonnet 4.5 to build and deploy a themed winter festival website to Netlify, detailing the technical process.
Explains the CSS clamp() function for responsive design, covering its syntax, use cases, and advantages over media queries.
Using the CSS scrollbar-gutter property to prevent layout shifts when a scrollbar appears or disappears on a webpage.
A tutorial exploring CSS Subgrid, showing how it extends grid layouts and enables new UI possibilities beyond basic CSS Grid.
A developer shares a minimal CSS starter template with personal preferences on resets, scroll behavior, typography, and dark mode.
A tutorial introducing the new CSS if() function for inline conditional logic, comparing it to traditional workarounds like media queries.
Explains the differences between the CSS light-dark() function and prefers-color-scheme media queries, highlighting key implementation requirements.
Explores three CSS snippets for conditionally applying border-radius to prevent visual issues when elements touch viewport edges.
Explains the experimental CSS corner-shape property for creating advanced corner shapes like squircles, scoops, and notches directly in CSS.