A power point presentation on Responsive web design. Responsive design is an approach to web page creation that makes use of flexible layouts, flexible images and cascading style sheet media queries. The goal of responsive design is to build web pages that detect the visitor's screen size and orientation and change the layout accordingly.

1. RESPONSIVE WEB DESIGN
PRESENTATION
BY:
ATUL KUMAR
1DT19IS022

2. WHAT IS RESPONSIVE WEB DESIGN
Responsive Web Design makes your web page
look good on all devices (desktops, tablets, and
phones).
Responsive Web Design is about using HTML and
CSS to resize, hide, shrink, enlarge, or move the
content to make it look good on any screen

3. MAKE YOUR WEBSITE EASILY
ACCESSIBLE ON MOBILE DEVICES
• Don’t make a separate mobile-friendly website
• Use responsive design
• Always include a viewport meta tag
• Font sizes and button size matters
• Use high-resolution images
• Remove the default zoom
• Use YouTube videos on your site
• Don’t constrain your user’s mobile experience
• Never stop testing

4. WHAT DOES IT MEAN WHEN
A WEBSITE IS 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 computer monitors).

5. WHY IS IT IMPORTANT?
A responsive design can improve user experience
and accommodate everyone, whether they are on a
desktop or a smartphone or tablet.
A responsive website is all round much easier to
manage. With the importance of mobile-friendly
websites only increasing, take a minute to ensure
your web design is the best it can be!

6. USEFUL TIPS FOR CROSS-
BROWSER CODING.
Keep it simple. ...
Validate your code. ...
Avoid browser quirks modes. ...
Use CSS reset rules. ...
Develop in Firefox. ...
Test in as many browsers as possible. ...
Fix IE issues by using conditional comments. ...
8. Make IE6 work with transparent PNGs.

7. HOW IS RESPONSIVE DESIGN
DIFFERENT FROM ADAPTIVE DESIGN?
Adaptive web design is different from responsive
design in that there isn't one layout that always
changes. Instead, there are several distinct layouts
for multiple screen sizes. ... The site detects the type
of device used, and delivers the pre-set layout for
that device.

8. WHAT IS RESPONSIVE DESIGN
IN ARCHITECTURE?
Responsive architecture is an evolving field
of architectural practice and research. Responsive
architectures are those that measure actual
environmental conditions (via sensors) to enable
buildings to adapt their form, shape, color or
character responsively

9. THANK YOU