Best Singapore Responsive Webdesigning

1
Responsive Web Design
2
What is responsive design?
Responsive web design (RWD) is an approach to web
design with a strong emphasis on image viewing
experience to make reading easier and minimize
Resizing , panning, and scrolling for simpler
navigation.
This common set of best user experience practices
can be applied to a wide range of devices,
including mobile phones and desktop computers
3
Why responsive design?
Next Year Phones and Tablets will overtake
Desktop Computer as the primary way people get
Online
4
Fonts
Typography is one of the most important aspects
of responsive web design
The best way to implement a responsive font size
is to use
Ems
Percentages
Rems
Is relative to parent's font size, eg. 2em 28px
if parent element's font-size is 14px.
percentages are resizeable units for font size,
and their CSS declarations can be inherited
is relative to the html element's font-size.
5
Fluid Images
One way around this is to size images in relative
units, rather than absolute pixel dimensions.
The most common relative solution is to set the
max-width at the image at 100 and the
data-fullsrc attribute
img max-width 100 height auto
6
Elastic layouts 
Hybrid layouts 
 It works by sizing all elements with ems.
There are hybrid layouts, which combine the
characteristics of two or more of the layouts
discussed
7
Custom Grid Layouts

• The advantages of grid layouts are numerous
• Gives order, originality, and harmony to the
  presentation of content
• Allows users to predict where to find the
  information they need
• Makes it easier to add new content without
  having it looking disjointed or marginalized.

8
Follow Us twitter.com/webdesigner_sg
Find Us facebook.com/pages/web-designer
Website http//webdesigner.com.sg/
Contact Us 6733 1231