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

16 Jan 2025

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...

Andrew Mead

@mead.io

16 Jan 2025

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

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.

Chris Morrell

@cmorrell.com

Ooh. I’ve never seen formnovalidate. Very cool.

17/1/25, 1:02 am0 reposts1 like

Samuel Levy

@imsamlevy.bsky.social

17 Jan 2025

There's also `formmethod="dialog"` to close a modal. Modern HTML has come a long way.