FrontEnd Development Zero to Hero (65 Part Series)
Sort of an abridged version and by no means the complete history of web design.
History is a funny thing, sometimes it repeats it self and at times it doesn't. This post is about the history of web design, where it all started, where its been and its possible future.
This can seem like an uphill task to achieve in a single post, but we'll do our best to point out some of the important events that have shaped the field of web design causing a chain reactions that's still in effect till this day.
The history will be given in a timeline nature, just so you know how and when an event occurred and everything that happened afterwards. "Events" in this sense is not only referring to a big software invention but it can also be a blog post or a user comment in response to a particular blog post.
The field of web design is quiet an interesting one, and every single day there are people out there doing innovative works. From the specification, standards, blog posts and everything in between.
Let's go back in time and find how it all began.
In the year 1990, Sir Tim Berners-Lee created the first web browser called the WorldWideWeb which worked on NeXTStep operating system. The browser was later renamed Nexus.
Around the same time Time Berners-Lee launched the first website and also compiled the index of websites called the WWW Virtual Library.
Later that year he designed the first version of HTML influenced by the SGML universal markup language.
The year 1992 saw the creation of the violaWWW browser by Pei-Yuan Wei at UC Berkley.
In July one of the first images was published to the web by Silvano de Gennaro at CERN.
In the year 1993, Marc Adreessen and Eric Bina programmed the Mosaic web browser. Mosaic is considered the first web browser with a Graphical User Interface (GUI).
In 1994 some important innovations were created and some are still around till this day:
- The first HTML Validator
- Tim Berners-Lee founded W3C
This era included innovations that are still around till this day.
Opera software introduced the opera browser which uses a technology called Multiple document interface that allowed users to open several web pages within the browser.
Brendan Eich wrote the Mocha programming language in just 10 days.
In June of 1995, the first version of PHP was designed by Rasmus Lerdorf. The term PHP originally stood for Personal Home Page. Today the name is a recursive acronym for PHP: Hypertext Preprocessor.
August 1995 Microsoft released Internet Explorer 1.0 for Windows 95.
FrontPage a WYSIWYG editor was developed by Vermeer Technologies.
In December 1997 CSS attained a Candidate Recommendation from the W3C and Macromedia released Macromedia Flash 1.0.
At the start of 1997, W3C issued a Recommendation status for HTML 3.2. In April of the same year the Web Accessibility Initiative (WAI) officially launched its activity.
In the months that followed, the world saw the following come into lime light:
- Netscape Communicator 4.0
- Internet Explorer 4.0
- DreamWeaver 1.0
- W3C HTML Validator
- HTML 4.0
1998 saw the birth of A List Apart by Jeffrey Zeldman and Brian Platz, in February of the same year, Netscape released the source code of the Netscape Communicator 5.0 web browser, which serve as the foundation for the open source project called Mozilla.
In March 1998, Andrew Johnstone launched Design is Kinky which was one of the first design community websites. The following month Macromedia released a tool for web designers called Macromedia Fireworks.
Between May and July of 1998 the web witnessed the following:
- W3C issued official Recommendation for CSS 2 specification
- Adobe ImageReady 1.0
In October Michael Schmidt and Toke Nygaard, launched a community website for designers, called Kaliber10000 (K10k).
In Early 1999 Adobe released Adobe Photoshop 5.5, Favicon was standardized by W3C and Microsoft released Internet Explorer 5.0.
In April 1999 the term "Web2.0" was first introduced in an article entitled Fragmented Future by Darcy DiNucci. The following month W3C, in co-operation with the WAI issued the first recommendation for a set of Web Content Accessibility Guidelines (WCAG 1.0).
In November of the same year, 2Advanced studios was founded by Eric Jordan, Tony Novak and John Carrol. The studio was renowned for its design using Flash technology.
Towards the end of the year, Jakob Nielsen published Designing Web Usability: The Practice of Simplicity. The book became one of the basic handbooks in the field of web usability and the emerging field of user experience design (UX).
The early 2000 saw W3C issued official Recommendation for the XHTML 1.0 specification and saw the rise of websites created using Macromedia Flash.
Zeev Suraski and Andi Gutmans completely rewrote the interpreter used in PHP and created version PHP 4.0 based on the open source Zend engine.
In early August of the same year Devian Art made its debut thanks to Scott Jarkoff, Matthew Stephens and Angelo Sotira. Soon after Macromedia Flash 5.0 and ActionScript 1.0 were launched by Macromedia in the same month.
On October 13th, the book Don’t Make Me Think was published by Steve Krug. The book deals with web usability and the interdisciplinary field of HCI.
The beginning of 2001 saw the debut of Wikipedia thanks to Jimmy Wales and Larry Sanger.
Between August and September of the same year the world got to see IE6 and SVG 1.0.
In April 2002, Tantek Çelik came up with the called Box Model Hack while working on Internet Explorer 5 for Mac. The application of this hack makes it possible to change the
DOCTYPE declaration, which allows web developers to define which CSS Box Model will be used in Internet Explorer (IE).
June of 2002 saw the birth of Mozilla 1.0 browser based on the Gecko Rendering engine and in September of the same year, RSS was introduced to the world.
Weeks after Zeldman publication, web developers Matt Mullenweg and Mike Little created the first version of the open source content management system called WordPress. Today Wordpress is the largest blogging platform.
After Apple introduced its web browser Safari 1.0 in June 2003, the world saw the following technology in the second half of that year:
- Macromedia Flash MX 2004 and ActionScript 2.0
In March of 2004, Dave Shea published an article entitled CSS Sprite: Image Slicing Kiss of Death. In the article Dave described a technique called CSS Sprites which allows a website to load faster because it only uploads one image, reducing the number of HTTP requests.
On November 9th 2004 Mozilla Corporation released Firefox 1.0.
In August 2006, Sven Lennartz and Vitaly Friedman created Smashing Magazine.
October of 2006 saw the birth of Syntactically Awesome Style Sheets (Sass) thanks to Hampton Catlin and Natalie Weizenbaum.
On July 4th 2007, Chris coyier launched the now popular CSS-tricks. The following month, Scott Belsky founded the Behance platform, which allows designers, photographers, and artists from different fields to present their creative work in the form of online portfolios. As of January 2020, Behance is owned by Adobe.
Are using CSS Grid in production now? Well it dates back to September 5th 2007 when W3C released the first proposal of the CSS Grid specification.
Google released the beta version of Chrome browser for Windows on September 2nd 2008. In December 2008, the first stable version of Google Chrome 1.0 was released. At the time of publication of this article, Google chrome is the most used browser.
Web Content Accessibility Guidelines (WCAG 2.0) received an official recommendation from W3C in early December of 2008.
In March of 2009 Yandex introduced the BEM naming convention.
Between June and December of 2009 we had the following:
In April 2010, Mozilla, Opera and Microsoft submitted a proposal for the specification of a new Web Open Font Format (WOFF) to the W3C.
Google launched their open source web font library now called Google Fonts containing nearly 900 font families that users can use on their websites for free.
Bohemian Coding released the vector graphics editor Sketch 1.0 around September of the same year. Sketch has grown in popularity over the years and its only available for macOS.
At the end of January 2011, TJ Holowaychuk created a CSS preprocessor name Stylus 0.0.1 based on Less and Sass.
The month of August saw the birth of the Bootstrap framework.
Towards the end of the first half of 2012, Media Queries received the official Recommendation status from W3C.
Bootstrap 3 was released on August 19th 2013 by a team of developers from GitHub.
The following year (2014) material design became a thing after its introduction at the Google I/O conference.
On October 28th W3C adopted the final recommendation for the HTML5 markup language.
EcmaScript 6 (ES6) was released by TC39 in 2015. HTML5 became widely adopted.
CSS3 animations and transitions were introduced this year, allowing fluid and responsive buttons and menus.
2016 saw the rise of minimal design allowing web designers to use basic elements.
Next, we'll take a look at Site Layouts.