Responsive Design

Responsive design is highly on demand. It has many advantages to client, end user and UI developer like:

  1. Client has to register only 1 domain. No separate domain registration like required for mobile view.
  2. End user can easily view website in all devices. No need to zoom in.
  3. Fluid DOM structure is there, which is easily adjustable in any all devices like desktops, tablets and mobile.
  4. Grid structure is introduced in responsive design to manage the look n feel of page as per view able device.
There are many frameworks available to help in building responsive solution. Some of them are listed below:
  1. Bootstrap
  2. Foundation
  3. Skeleton
  4. Reponsive
  5. Gumby
  6. Vermilion
These frameworks supports either LESS or SASS css frameworks. 
These responsive frameworks provides build in widgets like responsive navigation, breadcrumbs, carousel, forms,grids, icons, accordion, progress bar, responsive media and many more ready to use stuff.

So, just go ahead to get your hands on these frameworks and explore more.
Enjoy Coding :) :)


  1. Bootstrap 4 is coming soon in market. Its Alpha version has already launched. It is also supporting Bootstrap 3 as well.
    New features introduced in Bootstrap 4 are as follows:
    1. It moved from LESS to SASS
    2. Improved grid system for mobile devices.
    3. Dropped IE8 support and moved to rem and em units
    4. Consolidated all HTML resets into a new module termed as Reboot.
    5. New customization options for css feature.

    Check more details on

  2. Fountation 6 features are:
    1. 50% code reduction
    2. Components built with more attention to Web Accessibility
    3. Fewer default styles to override
    4. Customizable Sass Grid
    5. Flexbox grid toggling
    6. Custom breakpoints
    7. ZURB prototyping tools
    8. Motion UI
    9. More flexible navigation patterns
    Check more details on