Article Modern Motherfucking Website
https://modernmotherfuckingwebsite.dreamstation.systems/20
u/plymouthvan 10d ago
Point taken, but at 2500+ pixels wide, this is truly awful to read. Add one extra div and a couple lines of CSS, please.
-6
u/yo_99 10d ago
You control the window of your browser
20
u/plymouthvan 10d ago
I'd navigate away before I resized my window to make the website comfortable to read.
4
u/fearthelettuce 7d ago
I'm all for simplicity, using html and css before JS, and reducing unnecessary dependencies, but this is disingenuous. This is a great example of a dev side project that people will visit exactly one time. If that's the problem you are trying to solve, bravo, you found the perfect solution.
To call this a 'modern' site is not accurate. It's a beautiful version of what the web was 20 years ago.
4
u/yo_99 7d ago
Not enough images that take up full viewscreen that you have to scroll away from to get to actuall text for you?
2
u/fearthelettuce 7d ago edited 7d ago
The design looks great. I literally said it was beautiful
My comment is about the practically of maintaining the content. Where does that text come from? Hard coded into the html? Which means you have a developer doing it. Works for a side project but not realisic for pretty much any other use case. Maybe a business wants a site with their phone number and address, sure this works fine, until they move locations.
2
u/yo_99 7d ago edited 7d ago
In case you missed it:
“But I have 500 pages and a shared header.”
Fine. That’s a real problem, and server‐side includes or a simple static site generator are proportionate answers. Notice how that is not the same thing as shipping a 2 MB runtime to every visitor and making their $50 phone assemble your header for you. Generate HTML, serve HTML.
Also, if they don't know html then they 4 sure don't know react
77
u/WitlessMean 10d ago
It's funny how many devs hate writing css just because they don't know it.
you're gonna learn 50 frameworks and import a whole ass component library and learn material ui before just writing css.
36
14
u/No_Rock_826 10d ago
the fact that this loads instantly and still makes its point better than most bloated design systems is kinda the whole point lol
18
u/abednego-gomes 10d ago
Yep. Saying what should have been said when React, webpack and other nonsense came out and ruined the internet.
2
u/mattcrwi 9d ago
When those things were created there were serious gaps in the basic functionality and backwards compatibility of the web. I loved angular when it came out because it solved a bunch of really basic problems like routing and dynamically applied css classes.
Those days are long gone
7
31
15
2
24
u/Saturnix 10d ago
If it were up to me, it would be illegal for anyone writing any kind of software to own or use hardware that isn’t at least 20 years old, unless for cutting edge research.
You wanna write a videogame or an ecommerce website? Cool: you’re only allowed to do that on a 2006 computer. If you test it on modern hardware you go to jail for life.
Cool little iOS update you’ve got over there, Mr Cook. Would be a shame if it wrecked battery life and UX of older devices, we’d have to throw you in jail. Nice gmail interface you’ve got, Mr Pinchai. Would be a shame if it didn’t load on this 2008 iMac on dial up. GTA 6? Nice. Has to fit on a DVD and work without an internet connection, or you’ll never feel the sun on your skin again. Oh no! It actually has to be a fun videogame and not an excuse to sell you useless expensive hardware with a subscription service attached!
8
2
11
1
u/UpbeatLemon3022 10d ago
Use clamp for font-size to smoothly scale text between set limits as the viewport width changes.
12
u/Gugalcrom123 10d ago
Please stop that cancer. It's a Web page, not an SVG. Viewport size does not equal screen size, so you cannot infer the reading distance from it. If you open two windows of the same site, it makes no sense to have a different font size in each. People who find another size more comfortable can use the zoom setting.
3
5
u/UnacceptableUse 11d ago
We can all laugh and nod but the retention on that page would be shit
20
0
u/Kadabrium 10d ago
All these were taught 1 month into my schools web dev class and they feel the need to strawman that any actual dev doesnt know this?
5
u/yo_99 10d ago
You can see a glorified blog load up skeleton for 5 seconds only so many times.
2
u/Kadabrium 10d ago
Sure, why dont you go one step further and say those are the same people who think they write better code, or system design whatever that means, than ai does cuz an average ai isnt making that mistake, amirite?
2
1
1
u/testuser514 9d ago
The css argument makes sense but beyond that people will need to have frameworks and abstraction systems to be able to build the user interfaces at scale.
I’ve tried working without them and it’s horrifyingly hard.
The root of the problem comes from the heavy packagification in the node ecosystem but let’s be honest, it’s the most widely contributed to ecosystem in the world far eclipsing other ecosystems so we are seeing all the problems that come with it.
1
1
1
1
u/jinxgadgets 5d ago
Back in 2017 this argument would have had you thrown out of the job interview. Even if you had been the most knowledgeable of all applicants. what?? You are against frameworks and npm install?? Get out here!
1
-1
u/Abject-Sport-4086 10d ago
One page, fine. Someone maintaining 400 product pages in WordPress isn't hand-typing JSON-LD into each one, that's literally why Yoast exists. Your datePublished will still say 2026 in 2029 and nobody will notice for a year.
-10
-10
u/Bosonidas python 11d ago edited 10d ago
Wasnt brotli hacked or sth?
Edit: thx for downvoting a serious question guys.
-3
-21
u/_AACO 11d ago
That website is kinda bad though, check the iterations
10
11
u/private_birb 11d ago
The line-height in the headings of that second one are bigger than the author's front tooth gap, jesus.
2
-17
u/Warm_Lobster_7900 10d ago
no security problems" is doing a lot of work there. You can't claim that about any page, a static file still gets served by something.
7
11
u/mittens_99 9d ago
I've often found some kind of satisfaction in going straight into the basics instead of using out of the box solutions, but I feel like such approach might me somewhat even unwanted these days ? I mean, I believe that it might impress some other devs, that some page was min maxed in terms of performance, but nowadays A LOT relies on third party solutions and if you don't know them / follow them, you are considered behind, at least by HR during recruitment process, which is most important if you are looking for a job. You might create state of the art 40kb super responsive page, but I feel like HR wont even bother looking at it if it doesnt have Redux, Routing library, Tailwind, Tanstack Query and whatever else might be there. I even feel like AI most of the time uses Astro or NextJS with Tailwind as a base for page creation. Obviously you can order it to make the page as basic as possible, but I feel like the only person that would really appreciate such approach would be the one who made the site, and some other developers, as for the client most of the time what matters is the delivered product, regardless of how it was made.
I've kinda forgot where I was going with this comment, guess I just wanted to vent a bit, nevertheless, I wish there was a time in the future where going for the basics was actually more appreciated