web-dark-ages icon indicating copy to clipboard operation
web-dark-ages copied to clipboard

The old Web features

Open PavelLaptev opened this issue 5 years ago • 34 comments

Describe the old Web features that you remember. If you have references and links, please indicate them.

PavelLaptev avatar Dec 23 '19 12:12 PavelLaptev

"Under construction" signs.

cpcallen avatar Jul 02 '20 11:07 cpcallen

  1. Bold and flashing text backgrounds
  2. Custom pointers (funny ones mostly)

freakynit avatar Jul 02 '20 11:07 freakynit

"HTML Guild" badge. "Webring" badge. Various award badges (Top 100 Websites). Page-hit counters.

AGMSR avatar Jul 02 '20 16:07 AGMSR

"Free Mitnick" gif and page-hit coonters

bigodines avatar Jul 02 '20 17:07 bigodines

At first I expected just a smattering of UnderConstruction gifs but this really tells a history and has great content. I especially liked the default screen size going from portrait to landscape as the years go by. I just want to suggest putting the content also on neocities.org since part of their mission is to keep the 'old web' alive.

donpdonp avatar Jul 02 '20 17:07 donpdonp

  • Snow effect during winter / Christmas.
  • slow, animated navigation drop down menus
  • loads of pop-ups

crepererum avatar Jul 02 '20 19:07 crepererum

Glitter/confetti trailing behind the cursor!

nullbasis avatar Jul 02 '20 21:07 nullbasis

  • analog/digital clock
  • marquee
  • page rank button - http://www.latest-techtips.com/2010/10/how-to-add-page-rank-button-on-your.html
  • no info about cookies :)

redlicadev avatar Jul 03 '20 06:07 redlicadev

<marquee> Element

fxOne avatar Jul 03 '20 06:07 fxOne

The <blink>BLINK</blink> element ! https://developer.mozilla.org/en-US/docs/Web/HTML/Element/blink

honnorat avatar Jul 03 '20 06:07 honnorat

Invisible spacer GIFs 😬

seanmulholland avatar Jul 04 '20 00:07 seanmulholland

That's nice guys! I'll investigate all your comments and update the website 😄

PavelLaptev avatar Jul 06 '20 11:07 PavelLaptev

  • w3c validated badge like this
  • rounded corners technique for browsers who does not support border-radius when you implement it with 4 additional images/backgrounds positioned absolutely.
  • clear: both css rule for dealing with floats
  • bootstrap
  • background images implemented trough the sprites!

andrewMuntyan avatar Jul 06 '20 20:07 andrewMuntyan

CSS hacks to workaround IE6 and IE5.5-for-mac quirks, eg the infamous 'holly hack' https://web.archive.org/web/20150324181023/http://www.communitymx.com/content/article.cfm?page=2&cid=C37E0

koesper avatar Jul 07 '20 15:07 koesper

'superfish' and other dropdown menus

koesper avatar Jul 07 '20 15:07 koesper

nickisnoble avatar Jul 08 '20 03:07 nickisnoble

  • Choosing between 255-colour GIFs or PNGs with the DXImageTransform filter to make IE behave when you wanted a transparent background image (FWIR if you had a transparent channel in a GIF you lost one of the colours, hence 255)
  • MIDI music
  • Using image sprites for JS rollover effects
  • Having to set flash movies to be transparent so dropdown menus weren't clipped behind them
  • Adding "This site is best viewed on ..." at the bottom of your homepage because you only had one computer / browser to test on
  • Mystery meat navigation

nealio82 avatar Jul 08 '20 13:07 nealio82

Enjoyed this, thanks. A few I remember:

Blink

<blink>only works in netscape</blink>

now just a memory

Marquee

<marquee direction="up">only worked in ie</marquee> 

obsolete ... but still works in chrome ... seriously - I'm shocked.

Do not wrap my table cell! Why do we need to use &nbsp;

Frames We still have iframe, but frames are gone. They were once very popular.

<frames>
 <frame name="header" target="main" url="/header.html"/>
 <frame name="sidebar" target="main" url="/sidebar.html"/>
 <frame name="main" target="main" url="/default.html'/>
</frames>

jensf avatar Jul 08 '20 22:07 jensf

The original sharing tools, like delicious and webrings. Also, the start of blogging with small pages: memepool and kottke

7mary4 avatar Jul 08 '20 23:07 7mary4

😂😂😂 Visitor counter!!

image

dfvalero avatar Jul 09 '20 09:07 dfvalero

Rounded corners using images or border-radius.htc.

jhadenfeldt avatar Jul 09 '20 15:07 jhadenfeldt

The now offline German website im.parkverbot.de made fun of the late 90s web and its features (IFrames, Java-Applets, etc) in the style of a mail order catalog. Tagline 'Icon of the Internet! No new content since 1998!'. Sadly, most of their content does not work in modern browsers, but here is a snapshot from 2006 anyway:

https://web.archive.org/web/20060428110842/http://www.parkverbot.de/

okket avatar Jul 09 '20 16:07 okket

I second Java applets. Before there was Flash, Java applets were the thing, and it's possible Java applets were the inspiration for the name of JavaScript.

goodevilgenius avatar Jul 30 '20 12:07 goodevilgenius

What about ALL CAPS HTML? Remember when your code used to yell at you all the time? Also, <maps>

admbradford avatar Jul 30 '20 19:07 admbradford

Visit Counters and Web Rings!

Grockell avatar Jul 30 '20 22:07 Grockell

Describe the old Web features that you remember. If you have references and links, please indicate them.

This website works better only on Internet Explorer and Netscape navigator . Many sites had them in footer

TechRova avatar Jul 31 '20 04:07 TechRova

Describe the old Web features that you remember. If you have references and links, please indicate them.

VB script !!!! Lots of websites used them and it's supported by Internet Explorer only

Many browser specific HTML tags , CSS properties and even some JS objects, those works only in particular browser

TechRova avatar Jul 31 '20 04:07 TechRova

https://gifcities.org/

On Fri, Jul 31, 2020 at 12:36 AM TechROVA [email protected] wrote:

Describe the old Web features that you remember. If you have references and links, please indicate them.

VB script !!!! Lots of websites used them and it's supported by Internet Explorer only

Many browser specific HTML tags , CSS properties and even some JS objects, those works only in particular browser

— You are receiving this because you commented. Reply to this email directly, view it on GitHub https://github.com/PavelLaptev/web-dark-ages/issues/1#issuecomment-666913725, or unsubscribe https://github.com/notifications/unsubscribe-auth/AQE5OPC2FH5BR22MNAVF54DR6JC3ZANCNFSM4J6TLIEA .

AGMSR avatar Jul 31 '20 13:07 AGMSR

Shoutboxes! i.e. https://twitter.com/WebDesignMuseum/status/1290003500081000454?s=20

thomasgraham97 avatar Aug 03 '20 05:08 thomasgraham97

http://www.coppeliapique.com/rsc/js/pngFix/

pbaris avatar Aug 04 '20 13:08 pbaris