Register now or log in to join your professional community.
<p>The image below is supposed to explain what responsive design is.</p> <p><strong>Name at least three criteria that make the design of a website responsive.</strong></p> <p><img src="http://goodweb.com.au/wp-content/uploads/2012/07/responsive_design.png" alt="" width="500" /></p>
Responsive Web design is the approach that suggests that design and development should respond to the user’s behavior and environment based on screen size, platform and orientation.
- Responsive enough to scale to any size
- Automatically detects the user screen/device and provide the desktop or mobile version of website
- Compatible with mobile and desktop (all devices)
Web site that fully responsive to all type of devices including desktop computer, laptops, tablets and smartphones.
Responsive website auto detects the resolution of screen that is adjust the website all structure including Layout, Headings, Paragraphs, Tables, Lists, Images and videos as per screen resolution.
CSS (Cascading Style Sheet) Level2 & Level3 (CSS3) and some CSS Frameworks like Bootstrap and Foundation are most powerful tools available for responsive design.
Responsive web design is a way of making a single website that works effectively on both desktop browsers and the myriad of mobile devices on the market. Responsive architecture gives the best quality browsing experience - whether on a smartphone, tablet, netbook or e-reader, and regardless of the operating system.
- Fluid Layout
- Smart layout
- scalable content
A resposnive design is display that fits itself as according to the device like smartphone / tablet and laptop etc.
It improves the user experience and through the resp design they can easily navigate through the website.
More technically responsive designs are based frames calculations that website adjust it frames as according the device
Responsive designs is a design which responds according to the device / desktop accessing it.
It molds the website according to the user device size.
Fully responsive web designs website scales and display on any size.
The responsive design has the following criteria:
- Auto Detects screen size / device and deliver optimial version of the website.
- Compaitble with all devices. Wether its desktop or mobile phone.
- Responsive fluid design , Scale to any optimal size.
Responsive web design is a concept of making webpage change its design dynamically with respect to device screen resolution, technically responsive web design can be implemented by using multiple @media queries in css file.
Very nice question Khatim,
A responsive design is a strictly planned design of a page to fit different screen sizes, using CSS techniques or even programming languages to achieve the needs for responsive design.
The most important part is the layout design on the different screens and there is a standards sizes that can be very helpful in a task for Responsive design.
But looking into a simple HTML with absolutely no CSS no JS just a simple skeleton and text it can be called Responsive as well it fit everywhere ;)
Its more on web design, flash or animation that will not heavy on website once uploaded
Mobile and tablet devices as well ; using CSS3 query media
