this post was submitted on 10 Mar 2024
242 points (95.8% liked)

Asklemmy

43394 readers
1429 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_[email protected]~

founded 5 years ago
MODERATORS
 

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
[–] [email protected] 1 points 6 months ago (1 children)

@ajsadauskas @neil @asklemmy Looks amazing!

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?

[–] [email protected] 1 points 6 months ago

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

[–] [email protected] 1 points 6 months ago

@ajsadauskas @asklemmy
The Netscape logo at the bottom killed me

[–] [email protected] 1 points 6 months ago

@ajsadauskas @asklemmy neko cat website pet thing

[–] [email protected] 1 points 6 months ago

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

[–] [email protected] 1 points 6 months ago

@ajsadauskas @asklemmy

That's brilliant! Those were simpler times, that's for sure :)

[–] [email protected] 2 points 6 months ago

You need to offer something banal for download with a spinning stiffy disk gif.

[–] [email protected] 2 points 6 months ago

Add a visitor counter like this one - https://retrowptheme.com/retro-visitor-counter/

for more vintage gif's check this website - https://gifcities.org

[–] [email protected] 4 points 6 months ago (1 children)

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!

[–] [email protected] 2 points 6 months ago

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.

[–] [email protected] 3 points 6 months ago (1 children)

use html tables with large borders ... or that is how I feel the old times look

[–] [email protected] 1 points 6 months ago* (last edited 6 months ago)

My bank still uses HTML tables in some parts of their website. Im sure its fine but it makes me cringe a bit whenever I see it.

[–] [email protected] 5 points 6 months ago

Needs a blink tag and some old style Microsoft Word art.

[–] [email protected] 2 points 6 months ago

I miss midis.

[–] [email protected] 2 points 6 months ago (1 children)
[–] [email protected] 1 points 6 months ago (1 children)
[–] [email protected] 1 points 6 months ago

Under construction!

[–] [email protected] 8 points 6 months ago* (last edited 6 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.

[–] [email protected] 1 points 6 months ago

The cat art style doesnt look 90ish to me

[–] [email protected] 2 points 6 months ago

You've got the under construction gif. Done.

[–] [email protected] 5 points 6 months ago

It should work at 640x480 and no other resolution.

[–] [email protected] 3 points 6 months ago

Put some more random badges on the bottom
This site has a lot of them: https://web.badges.world/

[–] [email protected] 4 points 6 months ago

Spinning wordart!

[–] [email protected] 1 points 6 months ago

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.

[–] [email protected] 11 points 6 months ago* (last edited 6 months ago) (3 children)

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.
[–] [email protected] 2 points 6 months ago

Use of marquees is a violation of the Geneva convention. You monster.

[–] [email protected] 2 points 6 months ago* (last edited 6 months ago)

I forgot to add - I believe Kirby was popular as ASCII art in the 90s.

Get this Kirby dance on that web site somewhere ASAP:

<(^_^<)
<(^_^)>
(>^_^)>
[–] [email protected] 5 points 6 months ago (1 children)

Needs an animated gif that doesn't properly render transparency, so the background is just a solid color.

[–] [email protected] 1 points 6 months ago

Dont forget a crusty jpeg

[–] [email protected] 3 points 6 months ago (1 children)

Oh man -- you need a blink tag on some of that text. Support for the tag has been removed from all modern browsers.

So you'll need to add it in with javascript that updates CSS or something.

[–] [email protected] 2 points 6 months ago (1 children)

I think CSS animations are enough, no JS needed

[–] [email protected] 1 points 6 months ago

Oh yeah, maybe so!

The world does need a bit less JS on websites :(

[–] [email protected] 2 points 6 months ago

It has a cat gif I don't think it needs anything else I'm sorry

[–] [email protected] 4 points 6 months ago

Background audio player that automatically plays some crusty grunge midis

[–] [email protected] 4 points 6 months ago* (last edited 6 months ago)

256 colors. Especially for that background. Or maybe even less and use dithering.

[–] [email protected] 19 points 6 months ago (1 children)
[–] [email protected] 1 points 6 months ago

This! I remember putting one on a site I built way back then

[–] [email protected] 11 points 6 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.

[–] [email protected] 4 points 6 months ago

Fun idea. ASCII Art!

load more comments
view more: next β€Ί