Responsive Website Design

1
(No Transcript)
2
What Is Responsive Website Design?

• The purpose of responsive design is to have one
  site, but with different elements that respond
  differently when viewed on devices of different
  sizes.
• When viewed on a desktop computer, for instance,
  the website might show three columns. 
• Large images may break the layout.
• Sites can be slow to load on smart phones if they
  are graphics heavy.

3
How It Works?

• Responsive sites use fluid grids. All page
  elements are sized by proportion, rather than
  pixels. Website Design Company Huddersfield have
  three columns, you wouldnt say exactly how wide
  each should be, but rather how wide they should
  be in relation to the other columns.
• Column 1 should take up half the page, column 2
  should take up 30, and column 3 should take up
  20, for instance.

4
R
Responsive Website Design
5
Features Of Responsive Website Design

• Media Queries Media queries thus allow
  developers to use condition checks to alter web
  designs based on the properties of the users
  device. 
• Fluid Grids This enables designers to maintain a
  consistent look and feel across multiple devices.
• Flexible Visuals Marcotte refers here to using
  code that prevents rich media files from
  exceeding the dimensions of their containers. As
  the flexible container resizes itself, he
  explains, so does the visual within it.

6
(No Transcript)