The Stone Age of Web Design

The Stone Age of Web Design

The last time we had an essay from Speider Schneider, it was Halloween and he told us about his why art directors should never run with scissors. Today, as we celebrate the new year, we have another article from Schneider that takes a look back… waaay back, at the dawn of web design in the 1990′s. Get ready to gasp in horror at just how archaic things were in the Stone Age of Web Design.


The Dawn of Web Design (Queue the Jungle Drums)

While volcanoes spewed molten lava and Velociraptors roamed the earth, the early 1990s was a frightening place for web design. HTML confused the tribe of humans and those of us who understood it were burned as witches for our understanding of the evil devil’s tongue.

It was, of course, true. With a few tippity-taps on a keyboard, which was made from mud and sticks, we could make pages with pictures, message boards and links that once clicked upon, would take you to other pages and places. Wav files of our favorite TV themes, songs and sound bytes were free for the taking and for MAC tribe members, and there was demon software that would change them to system sounds. It was black magic to all as fire had just been discovered and we still feared the dark and the high-pitched squeal of dial-up connecting to the internet. Oonga-boonga!

As with the Bronze Age, suddenly there appeared another magical tool – PageMill. It was intuitive, although still not quite drag and drop technology. It was beyond the understanding of all but a few humans who could read and comprehend the pages of instructions. Today it would be laughable to most five year-olds… but it gave me the courage and ability to label myself as a “web designer.”


The Discovery of (Angel)Fire

My first site, thanks to another disciple of the netherworld of Hades, Angelfire.com, was a site for my newborn son. Angelfire.com offered free sites with a whopping 4 MB of space. It was almost the size of the universe! How could anyone ever fill such a vast space?!

All one had to do was allow them to place a banner at the top of each site. The banner, of course, was easily removed simply by going into the source and deleting the HTML that linked to the banner. Angelfire, probably web mastered by one person, would never catch the revised code… those were the good old days.

The site for my newborn son was simple but fun. There were links, images, animated gifs and it allowed friends and family around the world to see pictures of my son as he grew (granted that they had access to this mystical tool called the internet).

For your enjoyment (and my own humility), here are a few images from that first site:

Each month had a new picture, but I had to somehow make them out of the ordinary. My mother-in-law hated it, and honestly it was all pretty silly, but that was the nature of web design back then. Designers (if you could call us that) were mostly rogue hobbyists and publishers with too much time on our hands and access to early versions of graphics software… which were barbaric compared to 2010.

I had to have a section with “nice” pictures for Grammy. It was balanced with a section of the same photos with snarky comments called…

I had also found that by scanning images from a book and using “Gifbuilder”, I could create moving animations from Edvard Muybridge photos.

   

Going Viral…

What was shocking was the number of hits the site received; The number of incoming visitors far out numbered my friends and family. My son was getting fan mail from around the world. It seems people were so taken by the cyber magic, they were passing links to others and it became “viral.”

Taking full advantage of my growing network of followers (words such as “followers,” “viral” and “network” hadn’t actually yet been coined yet), I started to create other sites on Angelfire.

Victims of my hot and spicy chili always wanted the recipe…more in an effort to destroy it to save future generations, I suppose… so I created a site just for the recipe:

I think the animated gif flames and dancing skeletons really made the site! They certainly made up for the typos. Fink fonts were also just introduced to the market by House Industries and were getting a big workout from every designer on the planet.

Once again, the site became viral. There wasn’t much to garnering a huge audience as there were about 78 web sites back then and 24 of them were mine. More importantly – I was starting to get e-mails and phone calls about creating sites for other people and businesses. It was hard to settle on a price for a site. I didn’t know anyone else who was doing web design.


People Paid For This?!

For about $500, I started creating sites for small businesses and such. It was exciting, but frightening as no one really knew what we were doing. There was no way of telling if they would be successful at selling a service, and $500 seemed like an outrageous fee for something so new, so unknown, and so strange as a website. Would people even see the site? How would they find it? What was a mouse?…

Here are just a few of my earliest examples… mind you these were stellar “Portfolio Pieces” back then, and clients and visitors were impressed beyond words at the time:

Above: A doctor wanted something people who traveled to New York City could use to find her. That sounded great… except no one had a laptop back then. The one model on the market weighed 87 pounds and it was too big to take on trips.

Above: A small museum in Massachusetts wanted a site to highlight their collection and encourage membership. As with the neighboring town of Salem, the board accused me of witchcraft and burned the site.

Above: A glasses frame wholesaler wanted a “sophisticated” site with a page for each line they represented. This was the big time and I made several thousand dollars on a half dozen pages and updates. All I had to do was size photos and fill tables with color blocks.

Above: Simply placing a JPG onto an HTML document worked as a landing page for a company that wanted a web presence. They never even finished the actual site, but the landing page was more than any local business had at the time and the e-mail button and contact information was enough to impress potential clients who stumbled onto the page.

Above: An early attempt at e-marketing in the mid 1990s; A simple JPG was sent to over 300 people via email. Over 200 responses were, “how did you do that?!”

The official response from Mattel was to cease and desist. Legally, it was covered under the Spoofing Law, but in the wild west of the internet, no one really knew what was right or wrong and most big businesses feared the internet as much as they were curious about it. Note the nod to the CD-ROM portfolio. This was just another “new” way to show work in a digital format.


32×32 Icons and the American Museum of Illustration

Thanks to some icon creation program (which name I have long forgotten), I started creating 32×32 icon sets. While they were pitched as giveaways (most companies wanted to sell them). The idea of digital marketing was unheard of and no one could understand the idea of viral free content.

Having created dozens of icon sets, I was invited to show them at the American Museum of Illustration in New York City. The show was entitled 32×32 – Pixelations. The reaction was either negative (as people didn’t consider the computer able to do “illustrations”) or the often repeated statement, “I guess someone has to make these things!”

Yes, someone did have to create them… and the new site iconfactory.com was one of the first with six whole sets of icons for, gasp…free! Nowadays, of course, you can find thousands upon thousands of icons for free.

Finally, the last phenomena worth mentioning from the “dawn of web design” was the discovery of custom desktop graphics (usually saved from the web). Desktop patterns and posters were as easy as creating a .PICT or .JPG, but the impact was huge and they became ridiculously popular in offices. Exhibit A:


Conclusion

So, children of the digital age, that is how it was done almost 20 years ago… when a MAC Performa computer cost $5,000 (with a 14 inch monitor) and 8 MB of RAM was $500. We were astounded at Zip drives holding almost 100 MBs of files and a Syquest disk could be erased just by shaking it like an Etch-A-Sketch! Jazz drives would be a whole new universe of storage and make great drink coasters once CD burners became available!

It’s amazing how far things have come in under two decades… now you can get 16GB on a drive the size of a thumbnail, and all of the “amazing web designs” we created back then are laughable by today’s standard. Then again, maybe it hasn’t gone far enough? Where the heck are those flying jet packs we were promised in the 1970s!?

We hope you enjoyed this little retrospective essay! What were your earliest memories of experiencing web design?

Note: Want to add some source code? Type <pre><code> before it and </code></pre> after it. Find out more
  • http://www.parkeyparker.co.uk/ Aaron Parker

    My earliest memories of web design must have been Year 5/6 of Primary school (Aged 10/11) and I used the most amazing tool for web design – Microsoft Word!! The website was NOT pretty and never actually went online. It started going uphill when I learnt HTML though :)

    • http://MyQuest4Freedom.wordpress.com Pat

      LOL! I too created my first ‘web site’ in Microsoft Word! And no, it never went online either.

  • http://website-and-graphic-design.com/ Anne

    What a great trip down memory lane Speider! Thanks for sharing. Great eye-popping pieces from your portfolio too!

    Amazing how web design and development has evolved – even in just the 10 or so years I’ve been developing (self-taught and proud of it).

    My very first site was on Geocities! I loved hacking the code and “improving” the cruddy templates (not that the results were any better, but I sure learned a lot!), and I used Paint Shop Pro as my very first graphic editor too – cringing at the memory!

    • http://themeforest.net/user/epicera/portfolio?ref=epicera Brandon Jones

      Funny! I wonder how many of us started out by “hacking” the existing sites of the day… I know I learned a ton from Myspace (cringe!), and Geocities before that :)

      I always loved the name, Angelfire… it sounded so frickin cool back in the day (this was before the ubiquity of web2.0 naming conventions).

      • http://www.capitaldesign.ca Adam Rotman

        Oh man – Geocities – that brings me back..And Angelfire, wow. I spent all summer on IRC trying to drive traffic to my Geocities site (hahaha). Had this casino banner ad up there all summer and I remember finally getting a whopping $80 cheque from them…I was the most badass 12 year old on my street! LOL

    • http://speiderschneider.blogspot.com Speider

      Thanks, Anne! Good to see you enjoying another of my rants…articles. ;) I wish I could have found some of my other screen captures of sites.

      Let us not cringe at these early memories. We walk like the dinosaurs and Google denizens owe us as their neanderthal ancestors. Take that Mark Zuckerberg — in your Facebook! (can I have some money, please?) ;)

    • http://MyQuest4Freedom.wordpress.com Pat

      My first actual site was on Geocities as well! I ask friends now if they remember Geocities, and they look at me like I’m speaking a foreign language. My first site was just some ‘cool’ .wav and .bmp files I found on other sites. LOL! Oh man, memories…

      • http://MyQuest4Freedom.wordpress.com Pat

        …I forgot to mention that I Google’d Geocities months ago just out of curiosity and it only exists and Japan now, I believe.

  • http://codecanyon.net/user/Frique Frique

    Enjoyed this very funny and original article!
    I started writing html in notepad until I had the guts to publish something online on geocities (I believe they gave you a cute URL and 100mb storage back then… way more than the competition).

    To be honest i’m not so impressed with the developments in the meantime. 1990 is 20 years ago, but we’re still pulling tricks just to use something other than the 8 default fonts. This year has been great though.

    • http://MyQuest4Freedom.wordpress.com Pat

      The web is still developing. We have come a long way though, as this article shows. I think using Google Web Fonts is the best solution to date. I just can’t wait until they add more fonts to their databases.

  • http://nidenart.se Jocken

    I so remember this. I was probably like 10 years after you with angelfire and made dozens of websites in geocities with the stupid javascript fades and alot of text.

    In sweden we had sites like passagen.se and spray.se, which were considered to be “the internet” back in the days. You could host your sites on those pages, absolutely amazing. The funny thing is that most of the sites are still there. It’s like going back to the beginning of the 21st century.

    http://www.passagen.se/hemsidor/

    I mean, they still have counters and a guestbook. Translate with google translate, it’s hilarious.

    • http://schneidersweb.wordpress.com Speider

      I wish I could remember my old URLs but I doubt any of the sites are still up. I remember geocities. I may have had a site or two hosted there for clients. Too long ago in a galaxy far, far away!

  • http://themeforest.net/user/epicera/portfolio?ref=epicera Brandon Jones

    Hah! I’ve just gotta say what a trip it is to see screenshots from the old browsers and operating systems… thanks Schneider for including those with the article… I’m getting all nostalgic just seeing them in their jagged-pixely goodness.

    • http://speiderschneider.blogspot.com Speider

      It broke my heart to part with my MAC museum before my last move. The MAC llSE was a great nightlight. I still have my Powerbook 1400, which makes a great 27 pound doorstop. Laptop my aching thighs!

      Thanks, Brandon!

      • http://MyQuest4Freedom.wordpress.com Pat

        LOL!

  • http://ccpmultimedia.com Connor Crosby

    Haha, those are great! I am in my late teens so the earliest memories of that stuff was finding animated gifs and saving those. Every now and then I find sites that still look like the 1990s with textured, tiled backgrounds and tables. Great article. I wonder what the designs will look like in 10 years.

  • http://www.monsterwpthemes.com/ JD

    My first website was an AOL home page that reallllllllllly sucked looking back at it but damn was I proud of my “creation” at the time /facepalm

  • Brett

    This is really interesting. I didn’t discover web design (or any really exciting computer-related stuff) until 1999 when I got my first computer (I was 9 years old!). I started messing with stuff in 2004 and even then things felt archaic. I remember all the HTML I learned back then and looking back at it now…it’s basically obsolete. It’s wild.

    Can’t imagine how much the changes are from the 90′s to now if it was that big of a change from 2004 to now.

  • http://speiderschneider.blogspot.com Speider

    Thanks, all! They are great memories. I can hardly wait to see what code and programming evolves into in the future…next week or so! ;)

  • Lukas

    My first web design (read: computer) experience isn’t actually that long ago: 7 years or so (I was 9 years old).
    I remember a geocities ‘site’ with no visitors, moving backgrounds and way too much superfluous javascript. I was really proud when I had my own ‘domain name’ at dot.tk

    Later I made some pages with NVU and published them on geocities. Untill I discovered free hosting without ads. That’s the point where I learnt html and css (I used to redesign the same page over and over again for a year)

    Funny how it evolves so quickly!

  • http://www.bwhiting.co.cc Brian Whiting

    My first experience in web design was making a website in class for a group project. I was placed ahead of the group since I was better at computers and they had me make a website for a final project and this was in middle school. After that I started trying to get better with web design on a weekly basis and now its a daily basis that I try to learn how to code better and more efficiently than before.

  • http://www.lindseygrande.com Lindsey Grande

    I remember the first time I went online was in 1997, at 7 years old. The first website I ever went to was CartoonNetwork.com. My first real experience with web design was at age 10. I got really curious as to how websites were made. I believe I first learned HTML at Neopets.com. They had pet pages which you could edit with HTML. After that, I moved on to trying different hosts like 0catch, brinkster — the quest to find ad-free hosts! Also I dabbled with Flash when I was around 11 or 12. I created full Flash sites for my dad’s company. It all feels funny now but I’m sure our experiences like those all led to what we know today.

    • http://speiderschneider.blogspot.com Speider

      YIKES! Well, that’s one thing about recent generations — we understand the web and technology because it is in our daily life. Every time my grandmother tried to get my email for a distant cousin who wanted to write me, probably for free work because we were “family,” I could never make her understand the “@” part or “dot” com.

      • http://www.lindseygrande.com Lindsey Grande

        I had a bit of problems explaining what I do to some relatives but my dad is very cool about it. He’s the one who actually encouraged me to do all this and bought me an HTML book when I was 10!

        • http://speiderschneider.blogspot.com Speider

          Dads ROCK! Of course mine bought me the U.S. Marines Training Guide. I guess he was telling me to get out of the house asap.

  • http://www.brianfryer.com Brian Fryer

    Flaming gifs! Flaming gifs! Flaming gifs! Flaming gifs!

    Back in 8th grade, I had a GATE class where we learned about web design. And I was the first person in the class to discover the wonder of animated fire. Oh the days…

    What a fantastic read. I feel so nostalgic!!

    • http://speiderschneider.blogspot.com Speider

      Oh, come on! Flaming gifs were the BEST! I loved making gifs with Gifbuilder. Sigh!

  • http://ecustom.ca/ Damon Bridges

    Thanks so much Schneider, this was an awesome post, and just as hilarious as the last one, (although I actually preferred this one, mainly the beginning) I love these types of post that just jump way into left field from the normal flow of a blog… Keep ‘em coming!

    • http://speiderschneider.blogspot.com Speider

      Thanks Damon. It’s not so much planned writing as I just can’t stop going off on tangents I’m wearing new socks today!
      ;)

  • http://www.awesome-intern.com James Burke

    Just like the thousands of others, Geocities was my home away from home (kinda). I started with Pokemon fan sites and slowly moved up to video games, and eventually found that I just enjoyed the medium.

    Some of the most entertaining parts of this field is having to explain new concepts and ideas to the teachers and professors in my web design classes.

  • Robert

    Man, talk about memory lane… I still have SyQuest, jaz, and zip disks and all SCSI of course.

  • http://schneidersweb.wordpress.com Speider

    Here’s another oonga-boonga ancient fun fact; I was one of the first Americans to work on Pokémon products back in the mid ’90s. Not really so long ago but it feels like it.

  • Greg

    Mine was in 1997 – 16 years old (I feel so old). It was a Simpsons fansite on Geocities complete with HTML 3.2, tables, imagemaps, and even frames! I got a letter from Fox and shut it down.

  • jeff

    …..I think of all the hours spent slicing .jpgs,
    setting them in tables, and laughing madly
    at the mouse-over magic…….

  • Pato8

    Won’t you pick somewhere your whole portfolio (if you haven’t done it yet), I’d like to see, how your was your work evolving :)

    • http://speiderschneider.blogspot.com Speider

      It’s actually de-evolved. I’m now using glitter unicorns and rainbows. It doesn’t get any worse than that. ;)

  • http://www.coactumgroup.com Aki

    Excellent article…my first paid for site was at while working at the NYPD used photoshop3 and notepad as an editor. That got me off of walking on the cold streets of NYC as a rookie beat cop. I got the job because I started playing with ms frontpage a made a site for my fathers self published books the site featured animated gifs and all….ahh the memories…

    • http://speiderschneider.blogspot.com Speider

      Hey! I’m a Brooklyn boy. I’m sure you’ve arrested me at one point.

  • GerbenRawr

    This article is so much fun to read for someone of my age. (17) I think it’s really impressive how things got to where they are now. :)

    Geat article!

  • http://www.markdijkstra.eu Mark Dijkstra

    I really love those old skool designs :P

  • Laura

    LoL. Awesome Post. Brings me way back. 10 years or so.

    My earliest days… mmm I think I was 13 , bored in the summer, I was stuck doing Summer School. Just then starting to explore the internet… I got into fansite building, if you don’t know what that is, well its just what it says, a FAN site for fans of a certain actor/actress, tv show, movie, musical group, etc.

    Instead of Angelfire I used Geocities with I think 15mb of space (lol) and Bravenet (which I think is still around, lol…).

    Oh and I learned all my HTML/CSS skills on what is now a ancient website called Lissa Explains it All. Founded in 1997! http://www.lissaexplains.com/ – seriously take a look at it, CAUTION: its very BRIGHT!

    Wow. We’ve come a long way.

    • Laura

      Just remembered, Design wise my weapon of choice was Paint Shop Pro.

    • http://speiderschneider.blogspot.com Speider

      MY EYES! I’m blind! ;)

  • Laura

    um…

    came across this website, that seems to be using stoneage design…

    http://verytea.webs.com/

    • http://speiderschneider.blogspot.com Speider

      YIKES! Even in 1995 this was a nightmare of bad design.

    • http://MyQuest4Freedom.wordpress.com Pat

      WOW! …just… wow!

  • http://www.austinwebsitesolutions.net/ Bryan

    I thought I just did a time travel! xD Ohhh yeah, the HTML days. Great post! :)

    • http://speiderschneider.blogspot.com Speider

      Beware the Morlocks!

  • http://webkohder.net Sara

    My first “website” consisted of one very long fan page full of links and images that didn’t work. I built it with the AOL page builder in 1997, but the program didn’t work well. The discovery of a “show code” type button introduced me to HTML, and I soon learned it by reading the “HTML Goodies” website (it still exists out there) and by viewing the page source of every site I visited.

    My little anime fangirl nerd friends on the Internet and I all tried to one-up each other for awhile with designs based on other people’s artwork and JavaScript tricks we copied and pasted from the Dynamic Drive website. I designed everything in Paint Shop Pro, built with tables, hosted it on Geocities, and tried to have bigger sites by getting three or four free accounts patched together. I got my first domain and “real” hosting in 2000; the domain cost $35 a year for a .net, and you had to buy two years at a time.

    Up until recently, I stilled owned a book on HTML 3.2. The front of it used that water background and those “flame” text effects people used to like. *lol* I remember whole sites using a motif like that, with maybe yellow text so we could “read” it better.

  • http://www.tyleringram.com Tyler Ingram

    I remember using Mosaic and Netscape back in the day. When GIFs were introduced the world changed! lol

    Though, I still use Lynx from time to time. Yes, text-based browsers still have their place ;)

    Wish I still had my GeoCities accounts, those days were fun!

    Don’t forget you can always look at TheWayBackMachine if you’re feeling nostalgic about the dawn of the web ;)

    • http://speiderschneider.blogspot.com Speider

      I wish gifs worked on current social media avatars. That would be so sweet!

  • Chris

    Hey do you remember Excite avatar chat, I would stay up all night in paint shop pro making other chatters custom avatars, and the learning the fine art of building websites (hosted on Geocities) to display all of the avatars that I had created, ahh the good old days…

  • Pingback: Time Travel from 2011 | The Tower's Spire

  • Ian

    My first website was for an engineering firm they wanted it fast so the site had to come in at under 100K.
    Yes text graphics the whole enchilada.

  • http://www.rikmg.co.uk Richard

    I’d forgotten most of this stuff, then with horror as I read on, it all came flashing back!

  • Pingback: Basix: Common Mistakes in Web Design | Webdesigntuts+

  • Pingback: Basix: Common Mistakes in Web Design | Shadowtek | Hosting and Design Solutions

  • http://www.justforthealofit.com/ TheAL

    Ahhh, the memories. Things like “A site with a page for each line they represented. This was the big time and I made several thousand dollars on a half dozen pages and updates. All I had to do was size photos and fill tables” still floor me. And here I meet people today who flinch at paying that much for an e-commerce site with a blog, image gallery, multiple contact forms, enterprise-sized databases, galleries, user accounts, etc.

    I had a friend back in high school (1999-2000) that made a Flash site for a local sporting goods store for $400. I was so jealous. Ha! And I was making stuff fairly comparable to what is shown here, yet I could never find anyone willing to pay for it. One place offered me $250 for a site showing off the parts their factory made. I was 16, very naive, and very desperate to prove myself. I spent a whole summer writing javascript into an IE-only dropdown menu. And this was back when such menus were very “high tech” and rare. Two months of learning a language and writing a script could get a programmer thousands in this day and age, and I ended up losing their business and making $0 because their accountant said he’d make the company site using…drum roll…Angelfire!

  • Pingback: My Stream » Basix: Common Mistakes in Web Design

  • http://nicolarovetta.tumblr.com NIcola Rovetta

    I remember my Performa! Also my Mac IIvx and editing GIFs by the pixel. Maybe this is OOT, but what is your opinion about this:
    In the past, being an advertising man was cool. Series and movies were made about it. Then digital came along. But… why digital is not cool? I mean, it is not something creatives die for. Is it because it doesn’t make money? Or because there’s no mainstream media but a fragmented audience? Or just because in the end you have to be a geek, and geek=nerd?

  • Pingback: Basix: Common Mistakes in Web Design | Geboo

  • http://requiemmedia.com.au Dayne

    My first memory of web design creation was building a ‘Dragon Ball Z’ fan site using the ever popular web program ‘HomeStead’. No actual coding took place but the ability to download 8-15 second clips from the tv show and put them on a page was incredibly cool.

  • http://gnarmedia.com Adam Murphy

    All I want to know is, who remembers Virtual Avenue? Hahahaha, or what about 8op.com? I used to know the guys who ran that one, probably the first hacker-run hosting company in existence.

    I remember 10 (maybe longer) years ago, my buddy’s band printed up like 500 shirts, they were so excited to have shirts, the logo was a rip of The Empire Strikes Back logo with their band name, and on the back was a url to a GeoCities site. hahaha something like http://geocities.com/site16/matamoska85 or something. I was floored they put this on a shirt….

  • Pingback: Basix: Common Mistakes in Web Design « Arcade of Design *Creative Studio

  • Pingback: razor2019