Skip to main content
Enonic Enonic

Websites: past and present

Siw Grinaker on

What did websites look like 20 and 30 years ago? See a comparison of old and new, learn how to dig up fossils, and get a feel of the digital experiences of tomorrow.

It’s quite humorous to look at drawings and photographs from days of yore and see the fashion, culture, and styles now long gone. This doesn’t just apply to clothing and physical things. Ever since the first web page went live in 1991, the web and digital experiences have undergone tremendous change.

In this article we will take a closer look at the essential development of websites from 1991 and up until today. We will also compare new and old of some famous digital experiences, as well as teach you how you can discover old versions and the historical imprints of websites. Finally we will indicate where we’re going next.

A brief history of web design

The first web page was published on 6 August 1991 by Tim Berners-Lee of the European Organisation for Nuclear Research, more commonly known as CERN. The web page included information on the World Wide Web and outlined formats, protocols, and how you could create web pages.

The address was http://info.cern.ch/hypertext/WWW/TheProject.html and in 1992 it looked like this:

 

first-web-page-world

The early web pages were largely text-based, as the internet connections were slow and the technology limited. No special design or page structure was present, but the basic HTML tags for headers, paragraphs, and links made their debut.

Find out: How to optimise your website user experience in 3 steps »

Mid-90s: Tables and colours

Fast forward to 1996, the happy days when DVDs launched in Japan, Spice Girls conquered the world and aliens tried to conquer the world in Independence Day. Things had definitely changed since 1991, as the homepage of BBC illustrates:

web-page-1996-bbc

Gone were the plain texts and layouts of the first websites, and instead we got colours, table-based layouts, flashy GIFs, and website counters. Although websites later moved away from table-based design, the idea of structure continued.

Late 90s: The web and Flash

The late 90s introduced a new innovation: Flash. Growing impatient with the lack of support for animation and video on the web, Macromedia attempted to hijack the web with the introduction of Flash technology.

While Flash isn’t web, the tech nonetheless introduced web designers to an entire new world of possibilities to “augment” their table designs—including splash plages, 3D buttons, colour-changing navigation, and more, well, flashy elements.

Kim Dotcom’s data security company Megacar.com is a point in case:

web-page-1999-megacar

Flash came with serious shortcomings, however, including not being searchable. Flash also caused slow loading times, as users had to run an application in the web browser. When the web finally acquired support for animations and video, Flash died rather quickly.

Early 2000s: CSS

The early 2000s saw the influx of CSS, enabling the separation of content and design. To see what we mean, visit CSS Zen Garden and view the same content in different designs.

Content could be created independently of design, and vice versa, making websites easier to maintain with less code and complexity.

web-page-2001-msn

 

Mid-2000s: Web 2.0

While the term “web 2.0” might be unclear, it may be used to refer to the growth of multimedia applications, interactive content, and the introduction of social media platforms. All of these features started to gain prominence from around 2005 and onwards, and marked the definitive death of Flash.

“Web 2.0” introduced more JavaScript functionality in the web browser, as well as Ajax technology—which downloads and refreshes parts of a website. Now the web went from being static HTML to function more like the web we’re familiar with today. Greater attention were paid to typography, whitespace, colour palette, user experience, and SEO. 2005 also saw the launch of YouTube:

web-page-2005-youtube

Websites today

Further innovations in technologies like HTML5, CSS3, and JavaScript have enabled more advanced and complex websites than before—further emphasised by the addition of mobile and apps.

At the same time more awareness about UX, content strategies, and SEO have made their marks as well, resulting in web pages with minimalist graphics, flat design, blended typography, large images, and single-page structures.

web-page-2018-burberry

The history of websites and web design is an oscillation between content and presentation, where content was first the dominant part, before a period where designers went bananas with Flash and tables, and finally the trend turned back to leverage content again.

This fiery relationship is still going strong, with the addition of multichannel complexity and headless CMS to the mix.

How to deliver the best digital experiences for your customers »

Comparisons: Then and now

Nothing is more striking than a “before and after” comparison. To really get a grip of how much the web has evolved, let’s take a look at some famous brands and their respective websites at different times.

McDonalds.com in 1996:

web-page-then-now-mcdonalds-1996

McDonald’s in 2019:

web-page-then-now-mcdonalds-2018

BBC in 1997:

web-page-then-now-bbc-1997

BBC in 2019:

web-page-then-now-bbc-2018

Floris of London in 2000:

web-page-then-now-floris-2000

Floris of London in 2019:

web-page-then-now-floris-2018

Google in 1998:

web-page-then-now-google-1998

Google in 2019:

web-page-then-now-google-2018

Facebook in 2004:

web-page-then-now-facebook-2004

Facebook in 2019:

web-page-then-now-facebook-2018

Amazon in 1999:

web-page-then-now-amazon-1999

Amazon in 2019:

web-page-then-now-amazon-2018

7 tools you need to run your digital experiences »

Tools for travelling back in time

There are some tools that allow you to venture forth and retrieve old versions of your favourite websites. The most famous of these is the Wayback Machine from the Internet Archive. Just type in your preferred URL and see snapshots way back to the mid 90s in some cases.

internet-archive-wayback-machine-overview

With the Wayback Machine you can explore more than 344 billion web pages that have been saved over time, but bear in mind that the service doesn’t include every website that have existed. Sometimes it also shows snapshots with missing image files or missing Flash animations, thus not providing a completely accurate view of the past.

internet-archive-wayback-machine-star-wars
This is what StarWars.com looked like in April 1997.

Another tool is oldweb.today. This service is based on the Wayback Machine, but adds the twist of seeing the old web pages through an emulated web browser, like Internet Explorer 4.0 or Netscape Navigator 4.08. You could also check out Time Travel, where you can find or reconstruct old websites. Time Travel is based on several sources like the mentioned Internet Archive, but with the addition of several others including Archive-It, British Library, GitHub, Library of Congress, and many more.

If you really want to save a current web page for posterity, enter it and save it through the browser to your local hard drive. This will store image files, style files, HTML files, and more on your computer, ensuring a faithful rendition of the page locally.

Where are we headed next?

The World Wide Web has changed dramatically since the first web page went online in 1991. From primitive text documents through flashy colour explosions to the modern websites of today, the website has finally found a balance between content and design, and is now ready for the future.

Although it’s impossible to predict the future, the trend is fairly clear for where we’re headed next: The ascent of mobile, progressive web apps, omnichannel demand, and headless and hybrid CMS tells us a story of digital experiences with rich functionality in any channel, whether it be smart phones, tablets, wearables, IoT, digital signage, or the classical website.

We’ve had an exciting 30 years of web development—and it will be exciting to see what the next 30 years will bring.

Download infographic top 10 trends in digital experiences

Topics: 
optimise website
digital experiences
world wide web
history
cms
headless cms