How Responsive Design Works?

4 replies
  • WEB DESIGN
  • |
When I use the word "responsive" in terms of web design I mean that the entire layout responds based on the user's screen resolution. Imagine this scenario: you're reading a website on one tablet, then you switch to another device for one reason or another. The browser window is now re-sized. A responsive web design layout will feature schemes and a layout that gracefully breaks down and reinvents itself. From a usability perspective this is a brilliant technique.

Responsive design is all about creating a homogeneous experience regardless of the browser or device screen size. I've found the perfect example from 'A List Apart' to illustrate my point, which also includes dynamic images. The width is set in CSS using percentages for mostly all of the internal container elements. Larger websites also respond well to removing dynamic content such as JavaScript when it's not supported.
#design #responsive #works
  • Profile picture of the author infotechsolwin
    I can not understand what you ask exactly but I totally agree with sohag hasan because now a day huge amount of traffic on smartphone and table and other devices and Important thing google also launch new algorithm which totally focus on responsive website which affect on google search so your site should perfect design in all screen size devices.
    {{ DiscussionBoard.errors[10206805].message }}
  • If I have to zoom in or out a site I'm outta there
    Signature
    Premium WooCommerce & WordPress Plugins $10/ea. or FREE With Membership. PluginForage.com
    {{ DiscussionBoard.errors[10208004].message }}
  • Profile picture of the author st0nec0ld
    For me having a responsive design should not anymore be an option, but a must.
    Because you see, majority of us use mobile or any portable device everyday.
    And for an online business, user experience is important.
    Signature

    12BET | Live Casino Malaysia

    {{ DiscussionBoard.errors[10208137].message }}
  • Profile picture of the author Siteadda
    Responsive Web design is the approach that suggests that design and development should respond to the user's activities and environment based on screen size, platform and orientation. The practice consists of a mix of flexible grids and layouts, images and an intelligent use of CSS media queries.
    {{ DiscussionBoard.errors[10208673].message }}

Trending Topics