Evolution of Web Design 1990-2019

Edmonton Web Design

The first website was published in 1990 comparing to today’s website it’s really impressive to see how far we have come in this video we will travel back in time to see each step of web design evolution in the past 30 years let’s check it out 1990 was when the world first website was published there were nothing much except a few texts and links also at the time the available public web browser wasn’t graphical but text only called line mode browser so here is what was the website looked like 1992 was when the first image was posted online and was edited with Photoshop before uploaded into the Internet in 1993 mosaic the world first public graphical browser was available this was when the landing page design was introduced and the first one who did this was MTV web site here was there a landing page in 1994 one of the world most

popular browser Netscape was launched Netscape introduced easy access of the Internet to the public including graphical features like animated gif image text formatting and table w3c was also founded this year to create common standard for web development 1995 the use of table to format the HTML structure was widely adopted javascript was also introduced this year starting the era of interactive content 1996 to 1999 CSS1 was introduced and adopted during this period before that all styles were coded inline into the HTML so CSS is the first step to separate content and presentation and has become the foundation of today’s web design and development rounded corner image was very popular trend as border-radius was not available until ten years later uses of table to format the content had become a standard and at that time an

imitation of 3d effect can be created using images like this javascript was mainly used to create page effect like snow fall or fireworks flash was also a cutting-edge technology to create website animation at that time in 2000 flash 5 and ActionScript 1 were introduced this was the beginning of animated content and flash game also the first draft off css3 specification was published during this year 2001 SVG format was introduced this is the first vector image format for the website it can be written in XML 2003 first version of WordPress was created this year marked the beginning of dynamic content and blogging era instead of static HTML page in 2004 use of CSS sprite was introduced by grouping together smaller images into one and use background position to select which image to show this helped reduce the number of HTML requests and size allowing web designer to put more graphical content on a

page in 2006 the first CSS preprocessor sass was created this year extending CSS features and allowed web designer to create more complex effect in 2007 CSS grid layout was introduced marked the end of table and floating divs era in 2009 CSS flexbox was introduced allowing a designer to create flexible layout without worrying about alignment and spacing a minimal of design concept was also first introduced this year in 2010 the birth of responsive design instead of creating separate mobile site the same content could be used in different layouts depending on the screen size Google font was also launched this year in creating typographic concept to be using web design 2011 with influence of window 8 Metro of that design was very popular bootstrap CSS framework was also released this year increasing web design and development speed dramatically in 2012 media query was introduced this year offering CSS ability to track the screen size which is the core of responsive design

parallax scrolling concept was also introduced this year 2014 was a year of 3D.

A stable and complete version of WebGL was launched allowing 3d rendering with GPU power using javascript additionally CSS 3D transform was starting to become very popular this year – 2015 html5 became widely adopted and in this year YouTube decided to draw a Flash Player and use html5 player instead css3 animation and transition were introduced this year allowing fluid and responsive buttons and menus 2016 this year was a rise of minimal design lots of web designers tend to drop everything down to only basic elements

mobile first and thumb friendly design were also widely adopted this year 2017 to present with the maturity of design tools we started to see lots of various design techniques to impress us a symmetrical design, broken grid layout, animated background using video or WebGL and that’s the past 30 years from just text website to stunning real-time 3d rendering it’s exciting to wait and see what’s coming in the next 10 or 20 years and that’s all for this video feel free to subscribe to stay tuned with us for development tips and tutorial videos thanks for watching and see you next time bye

Edmonton Web Design Call 587.200.3361

 

As found on Youtube