242
submitted 8 months ago* (last edited 8 months ago) by ajsadauskas@aus.social to c/asklemmy@lemmy.ml

What should I add to my '90s website?

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

You can see the page so far here: https://that90ssite.neocities.org/

There are a few things that I want to add to make it complete, and I'm looking for suggestions.

The first, is to embed a midi file that plays automatically. Any suggestions on the best way of doing this?

Second, it's just not going to be complete without a guestbook.

Third, any webring suggestions?

Fourth, what's the best way of adding a java chat room in 2024?

Finally, anything else that really needs to be a part of a great '90s website?

UPDATE: Thanks for all the feedback! I've added more annoying GIFs, a guestbook, a links page, and a cyber cat hangout.

UPDATE 2: And added even more gifs, an amazing Amiga demo, and a ton of links.

@asklemmy #tech #webdev #neocities #technology

top 50 comments
sorted by: hot top controversial new old
[-] siv9939@lemmy.zip 108 points 8 months ago

You 100% need a visitor counter at the bottom.

[-] SkaveRat@discuss.tchncs.de 29 points 8 months ago

maybe even a fake gif one, that speeds up more and more until it explodes

[-] Tar_alcaran@sh.itjust.works 8 points 8 months ago

And a guestbook, though thats a bit trickier nowadays with bots everywhere.

load more comments (1 replies)
[-] JimmyBigSausage@lemm.ee 82 points 8 months ago
[-] jballs@sh.itjust.works 11 points 8 months ago

Holy shit it's been a while since I've seen that gif

load more comments (1 replies)
[-] Tar_alcaran@sh.itjust.works 50 points 8 months ago

Why are there no sparkles that follow my mousepointer?

[-] elvith@feddit.de 14 points 8 months ago

Remember that JS file that rendered a text besides your mouse pointer and when you moved your mouse, the text would follow it letter by letter?

load more comments (1 replies)
[-] IrregularActivity@lemmy.world 35 points 8 months ago

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

:funnytagthatonlytranslatedtoanemojionaspecificbulletinboard:

load more comments (4 replies)
[-] Hikermick@lemmy.world 33 points 8 months ago

Visitor counter

[-] deranger@lemmy.world 32 points 8 months ago

Absolutely needs a hit counter.

[-] Furbag@lemmy.world 27 points 8 months ago* (last edited 8 months ago)

Guestbook, hit counter, a midi file playing in the background, and a dead hyperlink to another page of the same website.

Edit: omg I can't believe I forgot about marquees. Do that too.

[-] HobbitFoot@thelemmy.club 27 points 8 months ago

Are you in a webring with other 90's websites?

[-] FunderPants@lemmy.ca 9 points 8 months ago

I second this, they need a webring, it's what I went looking for.

[-] ajsadauskas@aus.social 8 points 8 months ago

@HobbitFoot I'm not yet, but if there's a good one then I'd be happy to add it...

load more comments (2 replies)
[-] elvith@feddit.de 24 points 8 months ago

Remember <marquee>? And maybe add some dancing hamsters?

[-] wuphysics87@lemmy.ml 19 points 8 months ago
load more comments (1 replies)
[-] Turun@feddit.de 18 points 8 months ago

It's readable on mobile. You need to unfix that immediately. The font must not appear bigger than 5px. Responsive layout is forbidden.

[-] CanadaPlus@lemmy.sdf.org 7 points 8 months ago* (last edited 8 months ago)

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)

[-] TheHottub@lemmy.world 16 points 8 months ago

I was fully prepared for the experience from my teens. My first thought was "that loaded way too fast."

[-] Simon@lemmy.dbzer0.com 15 points 8 months ago

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.

load more comments (1 replies)
[-] gapbetweenus@feddit.de 14 points 8 months ago

Iframes with more iframes inside.

[-] dan@upvote.au 8 points 8 months ago

Regular frames, not iframes. We didn't have iframes back then!

load more comments (3 replies)
[-] xmunk@sh.itjust.works 14 points 8 months ago

Needs 300% more skull trumpet.

load more comments (2 replies)
[-] yum_burnt_toast@reddthat.com 14 points 8 months ago* (last edited 8 months ago)

there is a website for a pizza place in seattle whose website does this, maybe you can get some inspiration. dinos

[-] GoOnASteamTrain@lemmy.ml 14 points 8 months ago

Signed the guestbook :)

I think it could do with a very literal under construction image, with some sort of machinery- every website seemed under construction at the time!

Something like this?!

[-] czardestructo@lemmy.world 13 points 8 months ago

Every link should open a separate pop up window. Add an under construction gif of a dude digging.

load more comments (1 replies)
[-] nightwatch_admin@feddit.nl 13 points 8 months ago

Awards! Everything had awards back then!

[-] dan@upvote.au 12 points 8 months ago* (last edited 8 months ago)

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

[-] tyrant@lemmy.world 12 points 8 months ago

Page view counter!

[-] SuzyQ@sh.itjust.works 12 points 8 months ago

Blinkies - those small gifs that blinked to give the impression of glitter.

iframes - precursor to divs, but definitely added that "only works in IE" feel.

More contrast between font color and background image - it's too easy to read.

12pt Times New Roman font - gotta squint to read and default font for everything

Flashy gif banner at your header and footer - bonus points if they're the same image

All urls default to underlined blue and purple.

Mouse cursor with trails. The more sparkles, the better.

Clip art. Clip art everywhere.

[-] pelletbucket@lemm.ee 11 points 8 months ago

do you have a click counter at the bottom

[-] Hayduke@lemmy.world 11 points 8 months ago

Uppercase all of your html elements in the markup. Image mapped links. A background that doesn't quite tile properly. Max width 800px

And like a gif of a skull opening his mouth that shows a flame "E-mail" materialize from it or something.

[-] foggy@lemmy.world 11 points 8 months ago
load more comments (1 replies)
[-] CatZoomies@lemmy.world 11 points 8 months ago* (last edited 8 months ago)

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.
load more comments (3 replies)
[-] some_designer_dude@lemmy.world 10 points 8 months ago

Don’t forget at least one banner ad across the top, flashing obnoxiously

[-] ulkesh@beehaw.org 10 points 8 months ago

Not one person suggested a marquee. Wow.

Granted, the HTML tag is deprecated in the spec, but you can easily set up a marquee using CSS.

[-] InputZero@lemmy.ml 9 points 8 months ago

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.

[-] redcalcium@lemmy.institute 8 points 8 months ago
[-] colinfry666@aus.social 8 points 8 months ago

@ajsadauskas @asklemmy Add a Web ring link … even if it’s just a link back to your site

[-] rodbiren@midwest.social 8 points 8 months ago

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.

[-] neidu2@feddit.nl 8 points 8 months ago
load more comments (3 replies)
[-] AFKBRBChocolate@lemmy.world 8 points 8 months ago

Seems like it's missing one of those section break bars that's an animated rainbow

[-] CatZoomies@lemmy.world 8 points 8 months ago* (last edited 8 months ago)

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.

[-] WhatsHerBucket@lemmy.world 7 points 8 months ago

Don’t forget the creepy dancing baby

[-] JackLSauce@lemmy.world 7 points 8 months ago

Design is too mobile responsive

[-] Nath@aussie.zone 10 points 8 months ago

The great irony is: websites in the 90's would have been made to cater to resolutions of 640x480. Fancy monitor resolutions went up to 1024x768.

So, viewing it on a mobile screen should be nicer than what a full computer in the 90's could offer.

load more comments (1 replies)
[-] M500@lemmy.ml 6 points 8 months ago

There is not enough contrast or too much contrast between your text and the background.

What I’m trying to say is that is too easy on the eyes to read the text. 😂

load more comments (2 replies)
[-] Aussiemandeus@aussie.zone 6 points 8 months ago

Heres a site in the similar vain, https://anarchymeanything.com/

Guest book,

Webring

Visit counter

Good luck, i like the older internet so much nostalgia

load more comments
view more: next ›
this post was submitted on 10 Mar 2024
242 points (95.8% liked)

Asklemmy

43989 readers
1252 users here now

A loosely moderated place to ask open-ended questions

Search asklemmy 🔍

If your post meets the following criteria, it's welcome here!

  1. Open-ended question
  2. Not offensive: at this point, we do not have the bandwidth to moderate overtly political discussions. Assume best intent and be excellent to each other.
  3. Not regarding using or support for Lemmy: context, see the list of support communities and tools for finding communities below
  4. Not ad nauseam inducing: please make sure it is a question that would be new to most members
  5. An actual topic of discussion

Looking for support?

Looking for a community?

~Icon~ ~by~ ~@Double_A@discuss.tchncs.de~

founded 5 years ago
MODERATORS