So I'm currently toying around with NeoCities, and decided to trial it by building your classic mid '90s Geocities/Tripod/Angelfire pastiche website.
Some of the most important elements are already in place.
Tile background? Large font? Heading in bright pink with a shadow? Unusual colour choices? Random cat gifs? Under construction gif? Check! Check! Check!
In the true spirit of the '90s DIY web, some more pages (including the links page) are coming soon.
(I'm thinking of adding a page dedicated to either Britney or a nu-metal band.)
Remove adaptive formatting, fixed width everything. Why should you care about my browser and screen size?
That was part of why the pages looked more clunky in later years: the increase in screen resolution were not taken into account, so that pages sat tinily in the top left of the screen.
Generally, lack of useful formatting was widespread. Just writing the text into naked HTML, having a few links (in default blue/purple) and you're good to go. I'm not sure if bullet points were even used.
Once you add some content, put it into a default HTML table without added styling. I don't even know if browsers still display these shitty gray bars, but you saw them everywhere.
And if you want to look professional, of course use frames! Preferably with fixed sites, too much text in them and scrollbars everywhere...
I remember feeling like a webdesign master when I figured out frames. I was always more of a backend guy (perl + CGI = ❤️), but frames enabled me to produce pretty decent looking websites.
Also, no popups. That's both retro and not retro enough. (Or were those introduced for the first round in the early 2000's? I don't know, I'm too young)
Sorry but were you alive in the 90s? That tile background is way too big. Take it down to 128 x 128 anything bigger than that takes too long on my 56k. Also I don't see one frame or table border.
For the authentic experience, you need two versions of the site: An Internet Explorer version, and a Netscape version. The two browsers didn't support the same features back then, so a lot of sites would have two different versions.
Also run it on your own server and limit the transfer speed (can set a rate limit in the Nginx config) so it loads slowly :D
Nice start, this is very nostalgic! If you ever had an old Geocities, Tripod, or even MySpace back in the day, check out the Way Back Machine and look for that old URL for some inspiration.
I recommend the following suggestions to build upon this better:
Good if you can make this an HTTP site rather than HTTPS, although I'm not sure if that's possible on Neocities.
Fix the font choice - back then in CSS you would list a series of fonts that would render - Arial, Helvetica, Tahoma, Verdana, Times New Roman. It's too legible, so switch it to a color pink that is a bit harder to discern from the background. You need black rectangle backgrounds for some of the text.
The framerate on the GIFs is too high. More pixels and less frames - preferably no more than 15 FPS if possible. I used Macromedia Fireworks back in the day and some other Macromedia animation program, good if you could have terrible color profiles on some of the GIFs).
Affiliates sidebar linking some sites. It may be good to link to other retro 90s-inspired sites. They're out there, but I can't think of any off the top of my head.
Include some fake banner ads and sidebar ads - not pop up ads as those were the bane of existence. Maybe old banner ads for Rack Nine web hosting, or something similar (and of course they shouldn't link anywhere).
"Jump to Top" anchor hyperlinks.
You need a low quality midi that plays in the background automatically - no user choice.
Add a Favicon.
Plenty of links on the page that don't go anywhere. And more under construction signs.
Adjust the resolution of the background tile - it's too big and too high quality. Get it to something like 128x128 or 250x250.
Add a Shoutbox. Remember those? Although I'm not sure how to keep it secure.
A link to "Bookmark this site".
You need a fan art page that only has 4 fan arts, says "under construction", and possibly steal other people's fan art and credits them so it looks like there is actually content on the page while hiding the fact that you have no time to work on this web site but you're hoping a million visitors will one day come here.
I already see marquees which is great. Good if you can another marquee that has text moving in a wave/ripple pattern as it slowly (and keyword: very, very slowly) moves across the screen. I don't remember if you could have alternating color text as part of it, my old HTML, PHP, and CSS knowledge escapes me from 20 years ago.
A link to your PHPBB or Invision Power forum that, when clicked, only takes you to a blank white screen with the typical MySQL error. The hyperlink should have a badly inserted text next to it that says "This is currently down, we will fix it with a new Forum software after Finals Week!", the more ASCII art the better. I recommend something like the below.
General Error
SQL ERROR [ mysql4 ]
Table './that90ssite/phpbb_sessions' is marked as crashed and should be repaired [145]
An sql error occurred while fetching this page. Please contact an administrator if this problem persists.
Adding some inspiration from well-developed 90s sites via the Wayback Machine.
These will take a while to load and will appear broken. The Wayback Machine is a free service hosted on the Internet Archive and bandwidth isn’t cheap!
This list of sites is, of course, from the frame of view of a kid growing up in the United States in the 1990s. I visited a lot of other sites but I can't remember them - I only remember the ones I visited in the early 2000s that didn't exist in the 90s.
Your text is too readable, I think it needs to be aliased a lot more. It also wasn't uncommon to see a black box around text. Your text looks good on the background, it shouldn't. There should be something between the text and background.
I don't exactly remember, but it's possible to have the embed start automatically and not show the player. I would suspect that <embed src="ugfyi.mid" autoplay="true" hidden="true"> is at least partially correct or similar.
While the blink html element is no longer supported you could probably sprinkle some JS to toggle the visibility state on the marquee element to really bring back the same feel. It's just not the 90s without blink. Also, there needs to be a page that is just a bunch of links aligned using low res images and tables.
Yes, the background pattern and colours should be chosen to actively interfere with reading any text on the page. For example, it's great if there's large patches of black in the background and the text is also black.
Flashing is also key. A lot of text should be flashing and there should be unreadable ticker tape text at random places.
Nah that was a 2000s thing. It existed, under different names and owned by different companies in the 90s up until 2005 when it was bought by Adobe but you wouldn't likely have seen flash elements on webpages. I think it was more of a vector drawing tool around that time.
That site would have been considered remarkably beautiful and aesthetically pleasing. As such it's not quite realistic.
Much too legible. I recommend less contrast for the text.
I don't see you playing with alignment? I would like more centered text personally. And long lines of text without breaks.
Why not throw in some "lorem ipsum" placeholders.
Are you using a WYSIWYG editor?
Where are your dancing hampsters?
Also is this before or after it became trendy to copy/paste all sorts of scripts into the html? Remember scrolling text on the status bar, how about those ascii things that follow your mouse around?
I'd keep an eye on your page's size, remember we would be loading this on 56k dialup modems... if we were lucky!
Also remember the nearest comparison to building a website, was a book, magazine, or newspaper. So just plop those text and images down as if it was a book, only ever intended to be viewed at one fixed resolution (say, 800x600). No smartphones yet. No apps to inspire us. No web 2.0. No emphasis on minimalism or dynamic content.
Unexpected and unpleasant things should happen with different browsers, window sizes, etc.
Custom curors that animate at rest and during loading so you're not sure which part of the curors clicks, and also not sure sure if something is being loaded or not. Bonus points if the cursor changes to yet another ambiguous animated one as you hover over a tiny button which would pause the midi track.
I had to go dig up the link again. Was looking for this folding license plate step thing I saw once, and found the sellers website.
Looks like it is also straight out of the 90's
@ajsadauskas@linux Image maps? <marquee>? A digital view counter, or one of those gifs of a spinning odometer.
A link that goes to a clip art digger saying 'under construction' in 90s office clip art.
@[email protected]@[email protected] I think I actually have a few of my 90s-era sites archived. One of them should have an auto play midi for the background music. I'll see if I can dig it up!
@ajsadauskas@asklemmy You need to change the mouse cursor to anything but an arrow. Bonus points if it leaves a trail. Like a peace sign cursor that leaves a rainbow trail, or a clock face where the numbers fall off when it moves.
I recommend a "gallery" of photos of whatever topic you want, but probably something obscure like your favorite McDonalds playgrounds or of you holding up fish you've caught. The resolution on the pictures can't more than 640x480 tho.
@ajsadauskas@asklemmy
A little music player with a playlist that plays that eras music. Links to retro sites that no longer exist that actually work, that way we can bring the internet of the past back.
My only question is about whether drop shadows on text was prominent. I’m having trouble remembering how that effect would have been accomplished in the 90s, since I don’t think CSS got it until later. Would it have been something on the <font> tag only supported in Internet Explorer?
@ajsadauskas@neil@asklemmy As for chat, probably the best way to do that today is to use Web Sockets but style it to look like frames or a Java applet on the page.
After some searching I learned that Tripod and Angelfire still exist today as web hosting providers. Your page could have a few more Under construction signs here and there.