Responsive web design is a web page that resizes itself depending on the type of device it is being seen through. Responsive web design is important because some many more people these days are using tablets and smart phones more than computers and responsive web design allows the web page from a computer resize to the web page on a tablet or smart phone.Media Queries is a CSS3 module which allows content rendering adapt to conditions such as screen resolution. Media Queries gives us greater control over rendering over different devices. Breakpoints are temporary markers you place in your source code to tell the debugger to stop your application at any given line or variable.
http://www.nscs.org
The Layout of the wide one is really spacious and shows a lot of the site. There are a lot of columns an menus to click on for different information.
The Layout of the medium web page isn't as spacious as the wide one but it pretty much still has everything on it to understand the concept of the site. The image size gets bigger in this one and the is a little bigger but the content in the middle is all visible.
The Layout of the narrow web page still has just as much information ad content as the wide one does its just put together differently. As you can see the photos that were on the side on the first 2 make up most of the content for this one. But there is still a menu that you can pull down. The narrow web page is just as handy as a very wide one would be.
Breakpoints in RWD are actually different than what you talked about here.
ReplyDelete