What do you call an emotionally in tune web typographer? An empath
a customized `<select>` with: - transitions - anchor() with flipping - custom content in the `<selectedoption>` - spring easings - scrollable picker - sticky optgroup - custom icons - light/dark ⤷
nerdy.dev
Custom <select> boilerplate + transitions · September 19, 2024
You&#39;re going to want this code when you go to kickoff customizing select elements.
learn about #CSS `interpolate-size: allow-keywords;` from @npub159nr...rz7e on the Chrome Blog Animate to height or width `auto`!
Chrome for Developers
Animate to height: auto; (and other intrinsic sizing keywords) in CSS | CSS and UI | Chrome for Developers
Animate to and from intrinsic sizing keywords with `interpolate-size` and `calc-size()`
Custom `<select>` boilerplate with transitions You're going to want this #CSS when you go to kickoff customizing select elements. ⤷
nerdy.dev
Custom <select> boilerplate + transitions · September 19, 2024
You&#39;re going to want this code when you go to kickoff customizing select elements.
thoughts?! image
Fuck this selling point image
Bring a **rad** `clip-path` transition to your light/dark toggle switch with a progressively enhanced `view transition`. Try it
clip-path view-transition light/dark toggle
 Source https://codepen.io/argyleink/pen/NWZZPLZ
nerdy.dev
Light Dark View Transition With Clip Path · September 16, 2024
Bring a rad clip-path transition to your light/dark toggle switch with a progressively enhanced view transition . Try it · View Source
sad… developers have more empathy for the machine (network, main thread, perf metrics, loading times, etc etc etc)… than they do for humans. imagine if all of that brain power was spent on empathizing for users. - accessibility wouldn't be an after thought - UI wouldn't be annoying - and more but no; more time is spent giving the machine what it wants and what keeps it happy