HTML Can Do That

kept by eddie aug 22

HTML can create interactive UI components, animations, and data handling without JavaScript, leveraging CSS, custom elements, and the Shadow DOM to build rich interfaces directly in markup.

Replacing JavaScript with Just HTML
Native HTML elements like <details>, <dialog>, and <datalist> can replace some JavaScript, but still lack the interactivity and styling needed for complex apps.
also on #html, CSS, #web-development, #user-experience
The golden rule of Customizable Select
Safari 27's customizable select allows full visual styling of `<select>` elements without JavaScript, but requires text or accessible attributes on every option for usability, accessibility, and fallback compatibility.
also on #html, #web-development, #user-experience
5 CSS Properties You Should Know for Better Text Designs – Master.dev Blog
The article explains five CSS properties—background-clip, vertical-align/align-content, box-decoration-mode, letter-spacing, and text-combine-upright—to enhance web typography and text design for better visual appeal.
also on CSS, #web-development, #design, #user-experience
Cropping Images with CSS While Keeping a Focal Point in the Center
The post shows how to use CSS custom properties, object-fit, object-position, clamp, and container queries to crop images while keeping a chosen focal point centered.
also on CSS, #web-development, #design, #user-experience