Getting Started With Responsive Web Design

1
Getting Started With Responsive Web Design
2

• As technologies are being improved day-by-day
  the web apps can be used on different devices
  with varying screen size and resolution. The
  process of creating a responsive UI is becoming a
  difficult task for every web developer.

3
Adaptable Apps

• People in general are very much interested in
  accessing your web apps through mobile devices,
  so you must ensure that the sizes and resolution
  of these devices can adapt to your web apps.
  Tablets and smart phones come with portrait and
  landscape view, so pick a resolution and build a
  web app according to that resolution

4
Layout Options For Responsive Web Design

• Grid Layout
• It helps to create a two dimensional grid based
  layout that divides the portions of your markup
  into rows and columns.
• The grid elements can be positioned in flexible
  layout or fixed layout depending upon the
  decision developers take. Grid layout is one of
  the most powerful techniques to position elements
  in pages.

5
Multi-Columns

• Column-based layout can be created using multi
  column.
• Elements are allowed to flow from one column to
  another column depending on the css
  configuration.
• You can have control over number of columns to be
  used, gap between the columns, columns width and
  more.

6
Flexible Box

• Boxed element can be positioned within a
  containing element using Flexbox. It helps to
  control the relationship between elements with
  respect to
• Flow
• Direction
• Space between or within elements
• Control box size according to containing element
  changes and more

7

• Responsive web design can definitely minimize
  long term maintenance of your site, but many
  businesses can effectively connect with their
  customers with a separate mobile-friendly site.
  Responsive web designs are SEO friendly and it is
  a major reason for its popularity.
• For more informations log onto
  http//www.blazedream.com/