Web Weekly #182 covers new web platform features like the Navigation API, CSS highlight pseudo-elements, and custom invoker commands.
Learn how to use the new CSS ::search-text and ::search-text:current pseudo-elements to style 'find in page' search results in Chrome.
A front-end developer revisits an 8-year-old CSS shadow prototype and challenges others to improve it with modern techniques.
Explores the new Invoker Commands API for declarative UI actions in HTML, reducing the need for JavaScript.
Explores the CSS corner-shape property for creating beveled, scooped, and other unique border corners with modern CSS.
A developer explores creating an animated focus ring using DOM elements and JavaScript, moving beyond CSS :focus-visible for custom animations.
![Bytes I can delete after all this time [blog]](https://alldevblogs.blob.core.windows.net/thumbs/article-e8c97cc7b845-full-0a040bfe.webp)
A developer shares a list of outdated JavaScript and CSS tricks they've removed from their code, including performance hacks and modern alternatives.
Explores using nested CSS contrast-color() to create accessible focus rings, comparing it to alternative methods like light-dark().
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.
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.
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.
A tutorial exploring CSS Subgrid, showing how it extends grid layouts and enables new UI possibilities beyond basic CSS Grid.
