- Horizontal scrolling because it isn't properly responsive.
- it doesn't reflow when the device orientation changes
- no sound (there's an audio control so I guess there's meant to be..)
- the audio control sits over the flags
- wildly different text sizes everywhere
- so much layout shift
- from an error loading the Korean version I think it's running on a platform that tracks what users do (serverside tracking is mostly fine in my opinion, and unavoidable really, but it's still tracking).
It's fun, and oddly similar to my first website actually, but I'll take the modern Web over this sort of nostalgia every time.
> - Horizontal scrolling because it isn't properly responsive.
It actually is properly responsive: it has horizontal scrolling on desktop too, and by just the exact amount, no matter what the window size is. (At least on FF.)
> it doesn't reflow when the device orientation changes
When you lift a CRT and turn it sideways, it is usually done because it's placed incorrectly (no "reflow" wanted). It's also unusual to attempt to read a website on it at the same time you are risking injury.
And thank whatever deity you may or may not believe in that this changed. Yes, it sucks for these traditional websites, but advertisers abused it so much it hurt.
Indeed. The end of autoplay being on by default or not being a setting at all is a blessing far more than anyone worth their salt has even thought it could be a curse.
No, the browser checks the call stack of the javascript function. If the play() isn't a direct result of some kind of user interaction. It will just deny you from playing audio.
So play upon you open the page is no longer possible. You at least need to wait for the user to touch somewhere on the page.
Yeah there's all sorts of nonsense you can do to do autoplay. I kind of remember at one of my old jobs, to get autoplay working on some elearning courses, when the user clicked 'Start', we'd start the audio but not play anything, and then switch out the file that was played when required which would 'autoplay' as the user had already initiated the sound. At least that was the general idea afaik.
Same experience here. It loads instantly when 99% of the sites need 30s to 1 min to load. It looks decent on mobile (not too big, not too small). Contrast is good, fonts are readable. This guy should give web design lessons.
The only thing worse about this than whichever 2020-era website was the "Right click is disabled!" as I tried to leave. (That made me chuckle). The other stuff is just nostalgia and not really related to the degradation of web UX. Irrelevant gifs and ugly colors are easier to ignore than 1000-page cookie dialogs.
I don't believe it was done by a nostalgic person - rather someone who wasn't really there at the time and just wants to mock it. The things that were great then have nothing to do with the ones presented on that page.
For me it's not nostalgia, it's reality. I could not believe that in 2021 i will experience internet like in 1996 waiting for an image to load. But it seems that we are cursed.
Imgur was again an example of shitty design. I could not use iPhone’s quick look to check the screen shot. I had to open the page only to consent to all cookie usage, and after giving consent the image opened in the Imgur app. Why would it ask for consent again and again, and why didn’t it open the app immediately?
Someone once told me, “you will know what nostalgia truly is, when you see a younger generations nostalgia and think it’s still shit because you are too old for that to have been your childhood”.
The jQuery era is something I’d never want to go back to. Not because jQuery was bad, but because the basic DOM api was so poor, JavaScript was much more limited and incoherent, and webpages made anything outside of text input difficult (e.g. no voice, no gestures).
In this case I could alter that to: "You will know what nostalgia truly is, when you see a younger generations representation of nostalgia and you can point out all the anachronisms in it."
Netscape 3 and websites that looked like that: 1996
In 2006, I was reading [HTML, XHTML, and CSS Bible](https://www.amazon.com/HTML-XHTML-CSS-Bible-3rd/dp/076455739...), which was new-ish at the time and using Netscape as a daily browser, building sites using GeoCities. There were precursors to jQuery (cssQuery, for instance) that made it possible to do some things that Flash was too heavy for but you couldn't do in pure CSS.
And you bet your ass we were still building flashy, wild sorts of sites like that. Still do! Absolutely go check out stuff like Neocities.
Huh. When I read that I assumed Blink referred to the <blink> tag, but reading again you might actually be right that it means Google's browser engine. Truly anachronistic indeed.
Sprinkling a little jQuery in a page to add interactive menus and AJAXify some form submissions was quite nice.
What I don't miss from the jQuery times is how painfully limited CSS was, e.g. to add rounded corners to an element (e.g. a button) required something like 11 nested elements (4 corners + 4 edges + 3 rows to contain them). The corners themselves needed image files: to support different background colours you could either use GIFs with transparent backgrounds, but they appeared "jagged" due to aliasing; you could use PNGs which support an whole alpha channel, but lose IE support; or you could create a bunch of different versions for each occasion.
I remember when web pages looked like that... and it was AFTER I started making websites. I was scrolling through this page thinking "this stuff is too new, look at all these advanced features it's using". Flaming text? That's like 1999, practically cutting-edge! hahah :)
Hey why is it that all these sites are always about how the old web was good and we should make things like the old web, but the only thing they ever make is stuff about how we should make things like the old web.
I mean I would expect them to after making the first site suggesting you do it like this, to make a number of sites showing the aesthetic put to other subjects of interest. Like, Carl's Icosahedron Spot on the WEB might be an example site but no.
It's almost like they don't have anything else to say but make it like it used to be.
So many people make websites that basically look like they are from the 90's (though without all the animated GIFs haha), and use basic features without any strictly-modern stuff. These are just a few off the top of my head:
I stumbled across this one recently, from their Please Read at Least Once:
"A word about the philosophy of this site: These pages are declared to be a fluff-free zone! There will be no unnecessary, superfluous, or useless graphics of any kind - including but not limited to: dancing, gyrating, or other animated icons, colored textured backgrounds that are impossible to read through, or forced downloading of bit intense pictures that may be of no interest to you. Nor, will I ever expect you to use a particular brand of Web browser to be able to effectively access these pages. There are and never will be any advertisements, cookies, or other impositions on your time and space. In the time that it may take wading through a single monstrosity of the professional Web page designers at other sites, you will be able to find out what you want to know, when you want to know it! What a concept. :-) (Note, however, that your browser needs to be configured properly to make sense of the many ASCII diagrams, schematics, and tables. See the document: Suggested Browser Settings for font and other related information.)"
You might notice that the author of the website orignaly included a link section to a crapload of inspirations. Unfortunately CORS policy will block this section on most up to date browsers.
Thanks to Firefox devtools and a bit of quik & dirty regexp here is this list ;)
What people miss isn't the thing, it's the feeling that the thing was novel, exciting, and good enough to be appreciated. People stayed up late creating these quirky little sites full of copy-pasted GIFs and cursor trails and felt proud of them. In retrospect it feels like a simpler and less self-conscious time. I'm not sure if it really was, though. For example, the "under construction" convention was basically a way to say "don't judge my website too harshly."
It's like they got things reversed. What I miss about old web dev is the simplicity of the tooling: no complex build systems, "CI" was just uploading your changes via FTP (maybe using something like Dreamweaver's features for keeping track of which files you've edited), and basically zero server config.
What I love about the web now is the rich features of modern HTML, CSS, and JS. I no longer spend my days debugging weird browser quirks. What I hate most are the fragile build and server environments.
I think the point wasn't that jquery was old, but it was way too new for the rest of the page. Everything on it screams mid 90s, and then jquery which is a good 10 years later.
I guess the point is to make you feel something different, to explore and try to figure the website out. I remember accessing the "hack websites" with black background and red texts in comic sans while thinking "is it a dangerous website?" haha. Today we mostly take some template because it's "cost-efficient" and end up all looking the same with flat design, call to actions everywhere "buy" "talk to sales" "schedule demo", chat on the right bottom corner and so on.
When I wrote my last website (https://kakugo.ch) I factored in how to balance in trying to making it interesting yet presentable for the everyday audience. I don't know if I achieved that but I tried. A few things one can notice there: two easter eggs, a text written from the heart and some peculiar images. If you also have any more ideas, let me know, thanks :)
Recently I've also stumbled upon three.js which is awesome to build sites like this https://bruno-simon.com/. 3D modeling for websites is pretty neat. As the owner of this website said "i like to build websites that look like videogames".
Some of my friends are finding a lot of neat websites under https://neocities.org, a Geocities-inspired service. They are all light and easy to parse, so I hope everyone there the best!
If you have a friend who'd like to mess around with that style but isn't tech-savvy enough, I've had my share of fun on https://mmm.page
We need a simple modern serverless hit counter image like every site used to have back in the day. Maybe a S3 bucket that hosts the hit counter image and then a lambda cron job that wakes up every few hours to crawl the S3 bucket access logs, aggregate the hit count, and write out a new counter image to the bucket.
You can still make shit websites. Lots of people do. The problem is, they're more fun to make than to visit. So don't get huffy if potential visitors go to social media instead.
There are a few things here with `width: 100vw`. This is annoying on platforms that don’t use overlay scrollbars because 100vw is wider than the page and so forces a horizontal scrollbar, and I don’t think it was done deliberately. All should be changed to `width: 100%`.
(The viewport units are fundamentally stupidly broken by design, including scrollbar areas, so that if your website has scrollbars they will give you a wrong answer, that the actual viewport width will be things like 17px less than 100vw. There used to be a convoluted way of unbreaking the units with the mild side-effect of forcing the presence of a scrollbar—it involved `overflow: scroll` on the body element, from memory—but Firefox was the only one that implemented it and after some years they collectively gave up and removed it from the spec. So now I say there are literally zero completely legitimate and reasonable uses of viewport units, though there are a few uses where the amount of error is tolerable, though still not a good idea.)
what this site got wrong is just "remember jquery ?", this was a modern thing back then and almost nobody used. Would make more sense "remember tables for everything ?"
Yep, and 1x1 gifs for sizing certain unsize-able elements.
I'm building a web site currently, after a looong break from web development. It's almost unbelievable how much cleaner HTML, DOM and JS have gotten. It's more of a pleasure (only relatively to the previous eras) building pages and you actually don't need frameworks.
What drove us away from making fun shit? Was it our inferior need to make money? I used to think I was the greatest computer guy around until a guy in his dorm room, one year older than me, suddenly became a millionaire and then a billionaire. He made me feel so inferior, I lost the plot.
It wasn't like being good at art as a kid, feeling valued, and then later on in life, realizing art isn't my thing, in a moment of disappointment, and then dismissing it as a career option.
It was more like, seeing what he did, being greedy to want to copy it, and then seeking to be like a lesser version of zuckerberg, and to make an inferior facebook, while completely losing what I was doing in the first place, like the ultimate distraction.
Interesting, I did not know about shift + right click. It appears to be a browser feature in Firefox to avoid abuse of the contextmenu event. The same trick did not work in Chrome or Safari.
I'm all for it (well not making it "shit", but fun and personal).
My nostalgia filtered memories are that people spent more time creating stuff (however "shit" it was) than consuming. Your feed was a curated list of bookmarks (could be something else today, hello Fraidycat). People had infinitely more freedom (it's my corner with any type content/media), instead of mandated formats ({text, pic, link}, 140 chars max, etc).
Not saying this is the only way. I wish it could co-exist successfully with modern social media.
It's easy to make this kind of one pager, when you don't need to include complex user flows. No registration, no account, no search, no products, no modal, no navigation, not even a form. There's literally just text, images and one embedded HTML5 audio component. When you do, design tends to be attracted to the conventional side.
However, I do miss the concept of websites taking the lighter approach, not trying to imitate enterprise design by fully optimizing every part of the website, and just thinking what's fun.
People do, but your not a kid anymore and don't do it yourself and you don't browse such things anymore either. The tools are bit different this time, the pieces of art different too, but they are still being made. One example I like is CYOAs: https://www.reddit.com/r/makeyourchoice/ or twine games.
Roblox games and minecraft creations are another example.
The good ol' days. When people had limited resources, infinite imagination and they made compromises in there design choices. Now we have infinite resources but we have design and standards and guidelines and boxes and structures and grids and SEO and accessibility....
I think if you are building things on the daily we have to go through a resource limitation sabbatical.
I highly recommend folks play Hypnospace Outlaw, an Internet and OS simulation game, complete with a page builder[1] to achieve a similar aesthetic. (It's hard to describe this game without giving it away so I won't try.)
One of my favorite sites in terms of aesthetics is http://linkdot.link. I don't know anything particularly about the content, and I do have trouble actually reading it, but boy does it feel good to have it enter my eyes.
Drop the annoying music and it's perfect. Beats the "modern" gibberish which requires server grade hardware to be semi-useful(and that is coming from someone who's main computer hasw a dual-socket motherboard with two 14-core xeons filling those sockets).
There s nothing "old" about jquery, quite the opposite. the github projects based on jquery actually work, while almost everything made for the "post jquery" world is abandoned, totally not working, or impossible to develop on.
It looks like shit but it loads faster than Medium and a lot of similar sites that stare at you with a blank page until JS finally shows the text/img content HTML was designed to display since the early 90s.
I wish every site worked like this. Meanwhile I wait for my expensive company notebook to barely handle the 30+ MB of JavaScript Jira downloaded to render a text form which is also completely and utterly broken.
That's what we mostly are doing nowadays. Over 80% of the information on the web could be communicated much more efficiently without 80% of the "modern" bullshit.
One of the funny things that pulls me to web3 is that their websites already kinda look like this and I don’t have to do a lot of design work. Plus most of those apps don’t support mobile so no app dev!
Websites which were like that didn't last long, and mostly were hosted on free webservers.
If you want to get rid of nostalgia please spend 60 whole minutes making sense of HTML+PHP5.6+jQuery copy pasted code. And make it IE6 compatible. And use tables for layout. And don't use stackoverflow, caniuse, or an IDE. You'll soon understand how we reached the current state of things.
t. Boomer that spends 8+ hours straightening PHP5.6 sghettis for a living, who still swears by FTPZilla and jQuery scripts.
Vanilla JS is quite nice these days, the only advantages jQuery has now is the fact that it's somewhat less verbose for DOM things and has support for old browsers.
// For example, instead of
$("#somebutton").click(() => alert("Hello"))
// You would do
document.querySelector("#somebutton").addEventListener("click", () => alert("Hello"));
// Instead of
$("#message").text("Important Message")
// You would do
document.querySelector("#message").textContent = "Important Message";
// Instead of
$("#things .thing").css("color", "red")
// You would do
for(let e of document.querySelectorAll("#things .thing")) e.style.color = "red";
// Instead of
await $.ajax("https://httpbin.org/get").then((_1, _2, {responseJSON}) => responseJSON)
// You would do
await fetch("https://httpbin.org/get").then(e => e.json())
This is one of my favorite sites from a design pov. Oddly enough i initially found it by searching for 'the worst sites on the internet'. In an earlier incarnation it also handled sales and had individual listings in the same style. Awesome stuff whoever you are.
This is a bit heavy but it's creative. And the info is not hidden after dark patterns or hamburgers. One can see where the menu is and can easily navigate to rent a car.
It's designed incredibly well and the aesthetic makes it stand out from just about everyone while still being accessible and usable. The designers and devs must know their stuff to pull it off. Kind of like Les Dawson playing the piano.
It loads quick.
I saw no ads.
It was reasonable straight to the point: no explanation about this being grandmothers pie recipe or anything to that effect.
(In fact, if you consider the point of the website to be funny it is actually straight to the point.)
If it is fast, doesn't track me and provides the answers I need I can put up with some animations.
I'd say what we have today is far more problematic than a few animations.
Also, most surviving websites from that era aren't that bad when it comes to animation: use marginalia to search for food recipes and see what I mean.