When the word ‘Internet’ was came into existence and people heard about it then there is nothing to look on web pages there were only text. But now web pages are more dynamic then they were at the first stage of evolution, there are images, animation or even variety of colors available. There were no design which make page attractive no speak out quality, all the text is left align, and colors were also limited to black, white and green. But now things have changed.
As we know browser came into existence which could display images this was the very first step in designing. So there is another option came to structure the information is the concept of tables with already existing HTML which providing a basic building block for web pages. Though the purpose is not purely right because tables are used to structure numbers but still it work for sometime. But the problem with tables is to maintain brittle structure. Now the term slicing became popular. And designer and developers figure out there best way to design fancy layout. Advantages of using tables is align things vertically and defined in pixels and percentages. Somewhere it is closest to grid.
A Flash tool in which designer could design in any shape, layout, animation and interaction by using any font all bind in one file and sent on browser to display. This tool come to break the limitation of existing web pages and provide better freedom to design. Later flash tool comes in plugin which user can use and it worked like magic. But it is not too open and user friendly when Apple decide to use in iPhone it start decay for the web pages.
Cascading style sheet which separate content from presentation which proofs a better approach to structure design. So the look and formatting is defined in CSS and all the content in HTML which is far from flexible in first version but problem with it is adoption rate by browsers. CSS is defined as declarative language.
Browsing the web page on mobile itself define a new problem of content-parity. Designer face so many questions in his mind and the way how to deal them like designing should be same on the tiny screen or should be stripped down or were to put all blinking tags in mobile view and sped also an issue. So to overcome from all these issues column grid idea review and 12 column division come into existence which is used by designer nowadays. Bootstrap and foundation which is also related to the fact that line between a website. But the problem is that another design cannot access without getting the code which is sometimes proves secured also.
Mr Marcotte coined the term Responsive web page design which use HTML and CSS but with the conceptual advancement. But there are so many misconception in term with user and maker. Designer thought it means mocking up multiple layouts and for client it means works on phone. And developer give different definition to the term. So the main benefit it serve is content parity means the same website which works same everywhere.
Ready to support open source software which became popular. Mobile web allow people access internet via cell phone. HTML5 introduced which support do it yourself design tools in which user need to do is drag and drop elements.