Multi-stroke text effect in CSS
Creating complex retro text outlines by stacking CSS elements with varying stroke widths, despite performance limitations.
Browser Compatibility
The challenges of ensuring web features work consistently across different browsers, versions, and platforms, including progressive enhancement, polyfills, and the Interop project.
Reading List
Modern CSS: Replacing Old Hacks with Native Power
708
Native CSS now provides clean, performant replacements for the complex hacks, JavaScript libraries, and preprocessors that were once essential for web development.
Grid Lanes: Native Masonry Layouts with CSS Grid
754
Native masonry arrives in CSS: Grid Lanes uses standard Grid syntax to pack items into flexible lanes, with automatic orientation and tunable placement sensitivity.
ScrollyVideo.js: Scroll-Driven Video with Smart Fallbacks Across Frameworks
A cross-framework scrollytelling video component that auto-tracks scroll and smartly falls back from WebCodecs to HTML5 methods for broad, performant support.
Liquid Glass on the Web with SVG Displacement Maps
495
Use physics-driven SVG displacement maps and a rim-light overlay to approximate Apple’s Liquid Glass in Chrome as a backdrop-filter.