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…
Tag: forms
CSS & HTML
The Power of CSS Selectors and How to Use Them
Learn the CSS selectors that matter now: :has() for parent styling, :is() and :where() for specificity, :user-invalid for forms, attribute selectors and…
UI Components
HTML Placeholder Text: Styling, Floating Labels and Accessibility
The placeholder attribute works everywhere now, so drop Modernizr and jQuery. Style it, build a CSS-only floating label, and keep forms accessible.
UI Components
How to Build a Beautiful CSS Search Form
Build a pill-shaped search form with plain CSS: inset depth, a focus ring around the whole field, an OKLCH gradient button, dark…
CSS & HTML
5 Simple but Useful CSS Properties Every Designer Should Know
aspect-ratio, gap, clamp(), accent-color and text-wrap: balance each replace a classic CSS hack. Copy-ready code, plus what to check before you ship.