A highly compatible design with no ads, unnecessary images, videos, animations, scripts that goes straight to point delivering you exactly the information you need and nothing else? Something that’s easily accessible even with old feature phones allowing older people to get information easily?
Simply something that loads instantly and just works?
yeah, just css is enough.
you don’t need js unless you need to fetch data dynamically.
you can do all of your animations, dropdowns and transitions in css.
like this menu i made. no js in sight.
I’m currently working on a little project that’s interesting to me (a low-spoiler walkthrough system for adventure games) and after a lot of back and forth, I decided to cut all of JS out of the picture. Just get rid of all of it, and do good old 90s server-side rendered HTML with modern CSS placed on top of it.
And that’s, honestly, a joy. The first draft of a page looks like the first screenshot, then you add some semantic classes to the html and throw some simple CSS at it and it looks acceptably neat. And I could get rid of so much janky toolchain I just fail to understand.
A highly compatible design with no ads, unnecessary images, videos, animations, scripts that goes straight to point delivering you exactly the information you need and nothing else? Something that’s easily accessible even with old feature phones allowing older people to get information easily?
Simply something that loads instantly and just works?
Who would want that?
Found the backend dev. “CUT THIS AESTHETICS NONSENSE! GIMME THE VARIABLE CONTENTS ALREADY! WE’RE 3.54 NANOSECONDS BEHIND!”
Frontend: “Come on, this needs at least some flair. This isn’t the 90s.”
Throws React at it
yeah, just css is enough.
you don’t need js unless you need to fetch data dynamically.
you can do all of your animations, dropdowns and transitions in css.
like this menu i made. no js in sight.
https://streamable.com/4ba0gg
also fully accessible and you can tab right into it without clicking enter or whatever
(and respects prefers-reduced-motion)
React ugh, everybody is using NextJs these da- …oh, what’s that? We’ve moved on already?
deleted by creator
Dude, that is the mother of responiveness. It literally supports all the devices.
https://motherfuckingwebsite.com/
Entirely true.
I’m currently working on a little project that’s interesting to me (a low-spoiler walkthrough system for adventure games) and after a lot of back and forth, I decided to cut all of JS out of the picture. Just get rid of all of it, and do good old 90s server-side rendered HTML with modern CSS placed on top of it.
And that’s, honestly, a joy. The first draft of a page looks like the first screenshot, then you add some semantic classes to the html and throw some simple CSS at it and it looks acceptably neat. And I could get rid of so much janky toolchain I just fail to understand.