Post

It's wild how much JS and old HTML/CSS hacks I can replace with just a few lines of CSS grid, native CSS animations, and the popover attribute…

spacecrab.bsky.social

@spacecrab.bsky.social

16 Jan 2025

Do you have any examples? I agree and have been trying to do the same but always want to learn what others are doing!

Chris Morrell

@cmorrell.com

Not yet, but I hope to replace a lot of unnecessary code on nachi.org with modern CSS alternatives. I have a proof-of-concept but it's not anywhere near ready to deploy.

nachi.org InterNACHI® - International Association of Certified Home Inspectors InterNACHI® is the world’s leading association for home inspectors. We provide free training, online testing and certification, business development, marketing support, discounts on everything from ho...

16/1/25, 12:59 am0 reposts1 like

Andrew Mead

@mead.io

16 Jan 2025

Love that. Curious, what else aside from popover have you find yourself replacing a lot of?

Chris Morrell

@cmorrell.com

16 Jan 2025

<details> and <dialog> are very cool. Browsers now support `loading=“lazy”` on images. <datalist> is interesting but I’m not using it yet. Another one I’ve been using more is the `Intl` APIs—there’s a lot of stuff, especially around formatting, that I used to use a lib for that Intl does natively.

Andrew Mead

@mead.io

16 Jan 2025

Intl is real nice. We’ve been using it for number and currency formatting within our WordPress plugin. mead.io/blog/localiz... I’ll be checking out the others today!

mead.ioLocalizing JavaScript Numbers with your WordPress Site's Locale | Andrew MeadLearn how you can location number in JavaScript while still using your WordPress site's locale.

Daniel Coulbourne

@coulb.com

16 Jan 2025

New one from today: bsky.app/profile/coul...

Daniel Coulbourne@coulb.com

HTML Forms can have multiple submit buttons. Submit buttons support: 🔥 𝙛𝙤𝙧𝙢𝙖𝙘𝙩𝙞𝙤𝙣 attribute to change the endpoint. 🔥 𝙛𝙤𝙧𝙢𝙣𝙤𝙫𝙖𝙡𝙞𝙙𝙖𝙩𝙚 to skip client-side validation. Combine with Laravel session _𝙤𝙡𝙙_𝙞𝙣𝙥𝙪𝙩 to make built in calculators that populate other fields with server-calculated values.