2 •What Is A responsive Website ?
3 •what does a responsive website actually do?
4 •Why To Use responsive Website?
5 •Content Adaptation Techniques
6 •Major Components of a Responsive Website.
• Nowadays we are facing a great number of
different devices, with different input modes, All
these devices had browsers and even more than
• If the input way and user expectation isn't always
the same in all these devices, should the design
deliver be equal?
4. What is A responsive
• Responsive Web design (RWD) is a Web design
approach aimed at crafting sites to provide an
optimal viewing experience, easy reading and
navigation with a minimum of resizing, panning,
and scrolling, across a wide range of devices (from
mobile phones to desktop).
5. what does a responsive
website actually do?
• Responsive site architecture and design provides a
fluid layout for your website that automatically
changes 'responsively' and renders the optimum
website experience to best suit the user’s viewing
device - smartphones, Tablets, Netbooks,
Desktops, even Widescreen TVs.
7. Why To Use responsive
• The internet is now an integral part of our lives,
and, increasingly, people want access to it, any
time, anywhere, any place. Websites are now being
viewed on devices with hugely varied screen
widths and resolutions, ranging from 320 to over
• If a mobile users has difficulty reading your
website, you’ll lose them, perhaps for ever!
15. Major Components of a
CSS3 Media Queries.
16. Major Components of a
•The meta tag provides metadata about the
•used to specify page description, keywords,
author of the document, last modified, and
•used by browsers how to display content or
17. Major Components of a
•CSS3 Media Queries consists
optional expression to assign
different style-sheets depending
on browser window size .
CSS3 Media Queries.
18. Major Components of a
•Fluid layouts are dynamic and user
•the designer specifies content area
width as browser window
19. Major Components of a
•Frameworks can be defined as a set
of tools, libraries, conventions and
best practices that enable the
designers to cut down their routine
tasks into reusable generic modules.
• Responsive web design is recommended by
Google, it allows one website to provide a
great user-experience across many devices
and screen sizes, and it also makes
managing your SEO(Search engine
optimization) strategy easier. For these
reasons, responsive web design is the best
option for your mobile SEO strategy.