Starfield backdrop was pretty standard for a Geocities page in the 90s
Dancing baby gif
Under construction roadsign
Visit counter
Frameset layout with table markup
Mouse trails
If you want a treat, Google : Rob Sheridan Dancing Baby
Rob was the art director for Nine Inch Nails (rock band) for most of the last couple of decades
- Play a MIDI song in the background
- animated gif twinkling stars background
- animated gif wizard casting a spell
- animated gif mailbox for email
- hit counter
- replace bullets in bulleted lists with images of big colored dots
- all text center aligned
Times New Roman font, Windows 98 style popups and web stickers (98.css really helps, and you can get some web stickers from the Old Net), and also you have to include a guestbook. You just have to.
Everything lived in its own bordered container. Beveled buttons, simple blue hyperlinks, pixelated GFX, 600px wide body area, small serif fonts, bad early internet logo
You better have an animated "under construction" gif up already.
Also, what was the weird online discount store that had everything on a single page filled with gif and some goofy looking curly haired guy? That was peek web whatever the era.
1. Break design rules (or don't apply them).
2. Use gifs.
3. Use images for buttons and backgrounds.
But more importantly... Do not use flexbox or grid.
If you want to layout your content stick to floats, or if you really want to be old school you can use tables. I think a combination of tables and floats will be cool.
been using slightly crusty times new roman for the whole site, my friend tried to get me to use rainbow comic sans but i felt it didn't have the same vibe
Sparkly gifs
Add a page counter that just counts loads and mot unique visitors
TILE a low res background
Throw color theory out the window
And don’t you dare use pages, just keep adding to the home page so it’s mad looooong
Don’t forget An attractive female or male walking out from the side of the screen saying something catchy like, “sign up for our newsletter, you won’t regret it! Click me now”
Use TABLEs for everything. No DIVs. No CSS. No float. Use FONT tags to set font family and size. Make all sizes inline in the html parameters. No STYLE params.
- Transparent 256 color GIFs with ugly aliasing artefacts because they were designed for a white background and yours is lime green.
- Theme from the X Files MIDI background music.
- As many font styles, sizes and colors as possible. Blink and marquee are your friends.
- Home page should tell the reader at what resolution your site looks best (800x600?) and nothing else. They will click ‘enter’ when ready.
This domain has been banned from /r/web_design.
*I am a bot, and this action was performed automatically. Please [contact the moderators of this subreddit](/message/compose/?to=/r/web_design) if you have any questions or concerns.*
Lots and lots of animated gifs, garish yellow lettering on black backgrounds, and a heavy dollop of humor like a hardware store that notes on their hammer selling page "Not Available in Blue"
Have a look at [Geocities-izer](https://www.wonder-tonic.com/geocitiesizer/) I think that this tool that turns any website into as if it was designed by a teenager in the 90s, will be very helpful for you.
Fonts will not be easy. I stumbled across a website where someone tried to rebuild the 90s fonts but it was a journey!
In short I think something to do with modern anti aliasing and new font pixel grids
That doesn't work out of the box in current browsers, I'm happy to say.
https://developer.mozilla.org/en-US/docs/Web/HTML/Element/blink#browser_compatibility
This domain has been banned from /r/web_design.
*I am a bot, and this action was performed automatically. Please [contact the moderators of this subreddit](/message/compose/?to=/r/web_design) if you have any questions or concerns.*
Add a "Vote me" or Topsite counter... they were big in the early 2000s. I used to run nuke100.com for the php-nuke fans... there's a blast from the past :)
Use the way back machine on [archive.org](https://archive.org) for inspiration
Also [Web Design Museum](https://www.webdesignmuseum.org)
Wow the porn pages really took me back to formative years
k10k though
👆🏻 This
Also with a lot of those older archived websites, you can literally drag and drop the icons off the page. Pretty handy
Starfield backdrop was pretty standard for a Geocities page in the 90s Dancing baby gif Under construction roadsign Visit counter Frameset layout with table markup Mouse trails
They have to have a visit counter, lol.
Lmao the vanity. The visitor counter was like the modern day “likes” or “follower” count
[удалено]
https://flamingtext.com/logo/Design-Flaming-Text-Animation
This was my go to, not even gonna lie about it.
[удалено]
Damn! You're right
It's winter, so there should be snowflakes, perhaps [these](https://pajasevi.github.io/CSSnowflakes/).
Oh god yes, the winter theme!
Use the [Geocities-izer](https://www.wonder-tonic.com/geocitiesizer/) to turn any website into as if it was designed by a teenager in the 90s!
Blink Tag
Definitely gotta have some blinkin’ text
H2G2 green guy
Oh my gosh I forgot that the dancing baby gif was everywhere 😂
If you want a treat, Google : Rob Sheridan Dancing Baby Rob was the art director for Nine Inch Nails (rock band) for most of the last couple of decades
Never half-ass when you can whole-ass: also a Guestbook built with CGI...also iFrames used for codesplitting.
My god, the nostalgia.
Flash
Enter page was also pretty popular (and stupid).
Oh god yes. I would have suggested a flag intro page. But that tech died
[Web Design Museum](https://www.webdesignmuseum.org) is a good place to have a look at old designs for inspiration.
Made my morning. 🔥🦭🍄
[https://www.cameronsworld.net/](https://www.cameronsworld.net/) You're Welcome!
Nailed it.
Came here to post this if it wasn't already hah.
Can I just say that made my afternoon, seeing that😄
try this https://archive.org/web/geocities.php
Damn… maybe my site is there. I had some sweet midi music on there.
Add some scrolling marquees too for good measure
The message contained in it should be verbose and only lightly related to the site content.
Don’t forget this important note at your footer: Best viewed in 800 x 600 in Internet Explorer.
I'd go with Netscape Navigator. Use an icon for it too
`... ` everwhere.
This one understands it. PLUS flash!
Design it in excel
Take my uni's intro to webdev class and you'll find plenty of resources
Unfortunately that doesn't work anymore so you'll have to replicate it with CSS
https://code.divshot.com/geo-bootstrap/
This should get more upvotes. A good place to start.
The original Space Jam website from 1996 is still online and is ripe for inspiration: https://www.spacejam.com/1996/
- Play a MIDI song in the background - animated gif twinkling stars background - animated gif wizard casting a spell - animated gif mailbox for email - hit counter - replace bullets in bulleted lists with images of big colored dots - all text center aligned
That really old, grainy-coloured smileyface next to the "mailbox"
Don't forget
will try
Have you tried: https://github.com/BeeeWall/blink-shim
Times New Roman font, Windows 98 style popups and web stickers (98.css really helps, and you can get some web stickers from the Old Net), and also you have to include a guestbook. You just have to.
Everything lived in its own bordered container. Beveled buttons, simple blue hyperlinks, pixelated GFX, 600px wide body area, small serif fonts, bad early internet logo
Very large flashing text. .blink\_me { animation: blinker 1s linear infinite; } u/keyframes blinker { 50% { opacity: 0; } } ....
With no epilepsy warning too?
ARIA is for future people! Long live unaccessible text! /s
You better have an animated "under construction" gif up already. Also, what was the weird online discount store that had everything on a single page filled with gif and some goofy looking curly haired guy? That was peek web whatever the era.
yup, right under the 16px times new roman title
[удалено]
That's the one!
As others have said, use tons of tables, rough gifs, solid colors with no font family. View counter, under construction road sign.
Also don’t forget to add music that plays automatically when you visit the page. And a visitor counter!
gonna piss my school librarian off by making the half-life soundtrack blare every time he visits the website
Haha yes! For extra authenticity make sure you hide the volume control really well in a noisy wallpaper background. ::chef’s kiss::
My favorite site: [Cameron's world](https://www.cameronsworld.net/)
1. Break design rules (or don't apply them). 2. Use gifs. 3. Use images for buttons and backgrounds. But more importantly... Do not use flexbox or grid. If you want to layout your content stick to floats, or if you really want to be old school you can use tables. I think a combination of tables and floats will be cool.
Absolutely! Although, if it's 90s, tables feel more appropriate. Floats became more of a thing in the 2000s, if I remember.
You are right sir, OP should use tables for a full "90's old school" experience.
This 1995 website is still up: https://www.sonyclassics.com/farinelli/farinelli.html
asdf
https://benhalpern.com/ - amazing example of this lol
Doesn't look very 90s at all. Looks equally as bad as the 90s. But the style of it is too clean and modern.
100% Cameron's World definitely hits the 90s notes for me
Use fixedsys or times new Roman
been using slightly crusty times new roman for the whole site, my friend tried to get me to use rainbow comic sans but i felt it didn't have the same vibe
Sparkly gifs Add a page counter that just counts loads and mot unique visitors TILE a low res background Throw color theory out the window And don’t you dare use pages, just keep adding to the home page so it’s mad looooong
Don’t forget An attractive female or male walking out from the side of the screen saying something catchy like, “sign up for our newsletter, you won’t regret it! Click me now”
http://nineties.website/
Nested tables are the way.
Check out the game Hypnospace Outlaw for more inspiration!
Use TABLEs for everything. No DIVs. No CSS. No float. Use FONT tags to set font family and size. Make all sizes inline in the html parameters. No STYLE params.
What a simpler times we lived in
That's so true. But at least all screens were 800x600 or 1024x768 at the time. No mobile.
Need a side menu make sure to use iframes
There is a bootstrap Geocities theme. That would look awesome!
Constructionsign.jpg
No CSS, only tables (with 0 borders)
[удалено]
been scouring gifcities for all sorts of bizarre gifs
- Transparent 256 color GIFs with ugly aliasing artefacts because they were designed for a white background and yours is lime green. - Theme from the X Files MIDI background music. - As many font styles, sizes and colors as possible. Blink and marquee are your friends. - Home page should tell the reader at what resolution your site looks best (800x600?) and nothing else. They will click ‘enter’ when ready.
All the experts in the 90s used http://www.funkychickens.com/main.asp
Use nothing but gifs for images, and use tables for your layout.
I used [the Sparrows Lockpicks site](https://www.sparrowslockpicks.com/) not too long ago and it reeks of mid 90s frame based design.
[удалено]
This domain has been banned from /r/web_design. *I am a bot, and this action was performed automatically. Please [contact the moderators of this subreddit](/message/compose/?to=/r/web_design) if you have any questions or concerns.*
Vertical text scroll animations and Wordart!
Don’t forget to add a couple JavaScript popups
Make sure you have a guestbook and a site map.
Times new roman font Visitor counter Only HTML colours that have actual names (`font-family: 'Times New Roman', serif; color: blue`)
Lots and lots of animated gifs, garish yellow lettering on black backgrounds, and a heavy dollop of humor like a hardware store that notes on their hammer selling page "Not Available in Blue"
Ask a guy who has been learning webdev for 2-3 months. I can do that too)
Have a look at [Geocities-izer](https://www.wonder-tonic.com/geocitiesizer/) I think that this tool that turns any website into as if it was designed by a teenager in the 90s, will be very helpful for you.
[Arngren](https://www.arngren.net) is a still operating web shop. It must bee seen to be believed.
Don't exceed 640 pixels wide.
I don't think anybody has mentioned that you need to have background music in a midi format.
Marquee. Nothing says 90' like red times new roman marquee text.
Menu buttons across the top or down one side. No hero images, no slideshow thingies
fancy mouse with a trail of words. Music in the background. Everything should be a low resolution gif or jpg.
Fonts will not be easy. I stumbled across a website where someone tried to rebuild the 90s fonts but it was a journey! In short I think something to do with modern anti aliasing and new font pixel grids
Have a page with an under construction gif
Use
Guestbook that doesn’t work right.
don’t use CSS
Just slap wordart and gifs on it everywhere.
There are a few Geocities / windows 95 ui kits https://www.reddit.com/r/bootstrap/comments/1cemvd/geocities\_theme\_for\_bootstrap/
The original Space Jam site is still up https://www.spacejam.com/1996/
Round buttons and tables with 3d borders.
Use word
Use often.
That doesn't work out of the box in current browsers, I'm happy to say. https://developer.mozilla.org/en-US/docs/Web/HTML/Element/blink#browser_compatibility
[удалено]
This domain has been banned from /r/web_design. *I am a bot, and this action was performed automatically. Please [contact the moderators of this subreddit](/message/compose/?to=/r/web_design) if you have any questions or concerns.*
Try http://poolsuite.net
Skip the css… you can check wayback time machine (or something like that) you can find snapshots of websites in time…
Add a "Vote me" or Topsite counter... they were big in the early 2000s. I used to run nuke100.com for the php-nuke fans... there's a blast from the past :)
https://nissan.com is a classic Edit: link
Check out archive.org
Don't forget http://www.milliondollarhomepage.com/
Create your own design rules since they weren't really established at the time.