Automated accessible text with contrast-color()
Introducing the CSS contrast-color() function for automated accessible text color selection based on WCAG contrast ratios.
Introducing the CSS contrast-color() function for automated accessible text color selection based on WCAG contrast ratios.
A daily roundup of tech links covering TypeScript 6.0 RC, VS Code extensions, .NET patterns, AI coding tools, WebGPU, and Windows Insider builds.
Announcing the release of 'Mad CSS Round One' on YouTube, a video series about creative CSS techniques.
A technical exploration of creating artistic designs using advanced CSS properties like gradients, corner-shape, and skew transforms.
Explains how to use the CSS property `font-variant-numeric: tabular-nums` to align numbers perfectly in tables, dashboards, and clocks.
Refactoring Vaadin Flow applications to separate UI logic from styling by moving inline CSS out of Java code for better maintainability.
A guide to hosting interactive HTML/CSS/JS demos with source code display using GitHub Pages.
A technical guide on implementing CSS scroll indicators for tables with colored backgrounds using modern animation-timeline and grid techniques.
A reflection on the 'Beautiful Web' of homemade, authentic websites driven by passion and personal expression, contrasting with commercial web trends.
An introduction to CSS container queries, explaining their use case for component-based responsive design beyond viewport media queries.
Explains how to use the CSS `text-size-adjust` property to respect user's system font scaling for better web accessibility.
Learn how to use the new CSS ::search-text and ::search-text:current pseudo-elements to style 'find in page' search results in Chrome.
Web Weekly #182 covers new web platform features like the Navigation API, CSS highlight pseudo-elements, and custom invoker commands.
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.
A developer shares a list of outdated JavaScript and CSS tricks they've removed from their code, including performance hacks and modern alternatives.
A tutorial on creating a water ripple text effect using SVG filters and CSS, with code examples and explanations.
Explores using nested CSS contrast-color() to create accessible focus rings, comparing it to alternative methods like light-dark().