Responsive Web Design- Trending

1
Responsive Web Design
www.havock.org
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

www.havock.org
3
Make your website easily accessible on mobile
devices

• Dont 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
• Dont constrain your users mobile experience
• Never stop testing

www.havock.org
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 experienceeasy
reading and navigation with a minimum of
resizing, panning, and scrollingacross a wide
range of devices (from mobile phones to desktop
computer monitors).
www.havock.org
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!
www.havock.org
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.

www.havock.org
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.
www.havock.org
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 
www.havock.org
9
THank You

• Click https//goo.gl/yho2tc

www.havock.org