About Responsive Web Design…

[Wittybae]

Hello Friends... i want to know When talking about responsive web design, what are the differences between the Mobile First and the Desktop First approaches? Where does each excel and what are some of the issues it leads to?

[Jeff Ronald]

Mobile has taken over desktop. So it’s reasonable to prioritise this group of users when starting a new project. But redesigning your site from scratch can cost a lot of time. This should be weighed up against the advantages of mobile-first design. For many, it makes business sense to add extra mobile styles to an already functioning desktop-oriented site.

[cramenmasters]

Mobile is important because these days most of the people use internet and access websites on mobile rather than desktop.

[jamesburton]

Mostly traffic is driven by Mobile than Desktop.

[vino]

Responsive design is an approach to web page creation that makes use of flexible layouts, flexible images and cascading style sheet media queries. The goal of responsive design is to build web pages that detect the visitor’s screen size and orientation and change the layout accordingly.


Responsive design is a somewhat retro approach to web site design that solves a lot of design problems caused by the proliferation of new types of mobile devices. Responsive design pages use x and y coordinates on a grid for layout and mathematical percentages for images instead of fixed-width parameters. Using percentages instead of fixed-width parameters and a grid layout creates a more fluid layout that will resize itself to fit the size of the display.


Media queries, a feature of cascading style sheets (CSS), allow the developer to specify when a certain style takes effect. With CSS2, for example, a media query will serve printer-friendly style sheets if requested. CSS3 has expanded query capabilities that allow style sheets to be targeted to a device’s display and serve a desktop, tablet or smartphone style sheet depending on the query response.
This capacity means that instead of having to build a special mobile version of a website -- which often requires writing new code from scratch -- developers can simply build multiple style sheets for the same web page and perhaps even associate different images with each of the style sheets. As a result, HTML code can be repurposed instead of having to be rewritten, which saves considerable development time.

[swikriti.sharma09]

Fromthe time Google has declared the Mobilegeddon algorithm factor it hasbecome very important that your website should be mobile friendly.Majority of users use smartphones as compared to desktop, so it isvery important that your website should be responsive and mobilefriendly. Also it should be indexed in mobile because mobile
Responsivewebsite architecture is the need of the day. On the off chance thatyour site isn't responsive you will miss out on a critical number ofguests which may affect your business.


Havinga responsive website will help you in retention of users on yourwebsite. Google also gives weightage to the sites which are mobilefriendly