Blog - Web Designer Wall

CSS text-box-trim: Remove the Extra Space Above and Below Text

A practical guide to CSS text-box-trim: why text has invisible space, what cap, ex, text and alphabetic edges do, and how to…

Oct 30, 2026 15 min read

UI Components

Customizable Select: Style the Native Select Element with CSS

Style the real select element with appearance: base-select: button, picker, icons, avatars and animation, with tested code, Baseline support and a safe…

Oct 30, 2026 15 min read

CSS & HTML

View Transitions API: A Practical Guide to Page and DOM Animation

A practical guide to the View Transitions API: animate DOM changes and page navigations, name shared elements, handle reduced motion, and ship…

Oct 30, 2026 13 min read

CSS & HTML

CSS Anchor Positioning: Tooltips, Dropdowns and Popovers Without JavaScript

A practical guide to CSS anchor positioning: build tooltips and Popover API dropdowns that flip at screen edges, with Baseline support status…

Oct 30, 2026 13 min read

UI Components

Build an Accessible Lightbox with the Dialog Element

Skip the jQuery plugin. A native dialog gives you the backdrop, focus handling and Escape key, and a few lines of CSS…

Updated Oct 30, 2026 13 min read

CSS & HTML

CSS Image Styles: Rounded, Glossy, Masked and Shaped Images

Give images rings, gloss, fades, shapes and colour effects with modern CSS: aspect-ratio, object-fit, mask-image, clip-path and filter. No jQuery, fully responsive.

Updated Oct 30, 2026 5 min read

CSS & HTML

Working with SVG: Inline Icons, Animation and Clipping

A practical guide to SVG for designers: choosing inline vs img, currentColor icons, CSS stroke animation, clip paths, accessibility and clean exports.

Updated Oct 30, 2026 7 min read