CSS & HTML
Maximize the Use of Hover in Modern CSS
Use hover to beautify links, hide clutter and show extra information, with matching focus states, touch-device fallbacks and reduced-motion support, all in…
Topic
CSS & HTML
Effects, animation, selectors, images and SVG with modern CSS and semantic HTML.
CSS & HTML
Sequential Lists Without jQuery: CSS Counters and sibling-index()
Replace the old jQuery sequential list with CSS counters for numbering, sibling-index() for staggered animation, and IntersectionObserver for scroll triggers.
CSS & HTML
Photo Strip Effect in CSS (No Photoshop Required)
Recreate the classic curved photo film strip with modern CSS: SVG clip-paths, drop-shadow, perspective transforms and gradient highlights, in a responsive component.
CSS & HTML
JavaScript in Modern Web Design: What the Browser Now Does for You
Lightboxes, accordions, tooltips, carousels and validation no longer need plugins. Here is what replaces each one, with code, and where JavaScript still…
CSS & HTML
Parallax Gallery With CSS Scroll-Driven Animations
Layered parallax and a scroll-reveal gallery built with animation-timeline, scroll() and view(). No Flash, no jQuery, with accessible fallbacks.
CSS & HTML
Chroma Wallpapers: Make Glowing Gradient Wallpapers with CSS and SVG
Recreate the classic Chroma wallpaper look with modern CSS and SVG: mesh-style OKLCH gradients, glowing line ribbons, subtle animation and 4K export.