How Web Design Has Evolved With Time?

Web

“Conseil Européen pour la Recherche Nucléaire” or CERN as it is called means the European Council for Nuclear Research. It was founded in 1954 by the European Union for the sole purpose of studying the composition of the universe.

It was here that a British scientist named Tim Berners-Lee invented the World Wide Web (www) in 1989. The first website was published by these people in 1993 and to commemorate the 20th anniversary of the website, it was restored to its original URL in 2013.

It is a text only website which explains about the web and its features. The website is very basic as per the technology that existed then. For the sake of some of our inquisitive readers who have a thirst for knowledge, they can visit the world’s first ever web site at http://info.cern.ch

If it had not been for these people, you would not be reading this article today and we wouldn’t be writing it either. Some of you might be wondering as to why we are telling the story about the birth of the web in an article about web design. This question is much like as to why we should study history.

The answer would be that knowing your past helps you to understand the path for your future and besides if the World Wide Web had not been born, why would you require web designing? So now moving away from the history of internet, let us focus on the changes in web designing that have taken place in the past few years.

It would be most appropriate to break up the entire history of the evolution of web design into a timeline in order to make it easy to understand

1. 1993. The first website is published by Tim Berners-Lee. View it here.

2. 1996. Macromedia Introduces Flash:

Macromedia was an American graphics company which introduced Flash in 1996. Macromedia Flash, also called Shockwave was a platform for creating Vector graphics and animations for websites. The introduction of Flash was a turning point in the web design industry and a stepping stone for further development in web designing.

During the late 90’s to early 2000’s period there was hardly any website which did not include an animation created using Flash on the home page. Later on, the company was acquired by adobe and Flash is now a part of Adobe and still popular amongst web designers.

Flash

3. 1998. PHP3.0 is released:

Although PHP was created in 1994, it would be better to mention about PHP 3 as it is quite similar to the PHP we see know in 2015. Written in C language PHP stands for Personal Home Page Tools. PHP 3.0 was a powerful tool for designing websites and web applications.

The need for developing eCommerce websites was the reason PHP 3.0 created. It is still a popular tool and used by web designers. PHP 5.0 was released in 2004 and the latest version 5.6.7 was released in March 2015.

PHP

4. 2003. WordPress arrives at the scene:

WordPress is a CMS (Content Management System) which allows users to create and manage blogs. This revolutionary tool was released in the year 2003 and has changed the face of web designing forever. This tool allows a user to publish, manage and edit the content of his blog with ease.

WordPress has ready-made templates which a user can choose from and form the basic structure of his website. It is by far the most widely used tool for publishing websites. It is even used by professional web designers for creating websites. Based on PHP and MySQL, WordPress release 4.2 has been launched in March, 2015.

5. 2006. jQuery is released:

jQuery was released in 2006 with a tagline “Write less, Do more”. jQuery is an open source JavaScript library designed for scripting HTML. jQuery today is the most popular JavaScript library and the favourite of all web designers. It has made scripting HTML’s easier than it ever was. The basic structure of a website can be created within minutes by the use of jQuery. The structure of jQuery also allows a designer to use ready-made plugins to enhance the features in a website.

jQuery

6. 2008. Mobile Internet users outnumber Desktop Internet users:

The first time ever in the history, mobile internet users outnumber desktop internet users. Today in the year 2015, 2/3rd internet users depend on their smart phones to access the internet.

Responsive

7. 2010. Responsive web design concept is heard for the first time:

The concept of responsive web design started to take shape as early as 2004, but it was not until 2010 that this concept of was heard for the first time and appeared in an article. Responsive web design was listed as the #2 in the list of top web design trends by .net magazine in 2012.

The concept of a responsive web design requires adopting an approach towards web designing by which a website can perform optimally on all types of devices including smart phones. This concept or responsive web design or mobile friendly design has become more important with Google coming up with its new update effective 21st April, 2015, wherein it has made mobile friendliness a criterion for ranking a website. What it means is that a website which is not responsive will lose its rankings.

8. 2014. Arrival of HTML 5:

HTML5 is the latest version of HTML (Hyper text Markup Language). It is the basic code in which web pages are written and designed. The last version HTML 4 was standardized in 1997. This new version 5.0 is a huge leap as it has many things to offer for web designers.

Designing and creating animations is much easier with HTML5. HTML5 is much faster and much lighter than animated GIF’s which have been used over the years. On an average a HTML5 video is almost 10% the size of an animated GIF so requires a much lesser download time, where as an animated GIF will take ages to download. Lower website download time is a boon for mobile internet users as mobile internet connections can be unreliable and intermittent at times.

HTML5 is a perfect tool to achieve a mobile friendly web design.

HTML5

In Conclusion

We hope that the advancement in web designing that we have seen through the years shall keep on continuing with the same pace in the coming years after 2015.

Share:

Related Articles:

This entry was posted in HTML5, jQuery, PHP, Resources, Responsive Design, WordPress and tagged . Bookmark the permalink.

Leave a Reply

Your email address will not be published. Required fields are marked *

*

You may use these HTML tags and attributes: <a href="" title=""> <abbr title=""> <acronym title=""> <b> <blockquote cite=""> <cite> <code> <del datetime=""> <em> <i> <q cite=""> <strike> <strong>