Responsive web design (RWD) is a web design approach aimed at crafting sites to provide an optimal viewing experience—easy reading and navigation with a minimum of resizing, panning, and scrolling—across a wide range of devices (from mobile phones to desktop computer monitors).

learn more… | top users | synonyms

-1
votes
0answers
8 views

Multiple images in one single line centered and responsive [closed]

As the title states I need to display multiple images in one single line, they need to be centered and inline, also responsive. Thanks in advance. This will be a client logo showcase in the footer.
2
votes
1answer
21 views

Resize font proportional to screen size?

How can I have my fonts scale based on screen size? (So, rather than just having a few media queries to adjust to maybe 3 or 4 screen sizes, have the font be proportional to the screen size so we ...
3
votes
2answers
52 views

SEO impact of dynamically serving cropped images based on device type

I have a website and try to optimize it regarding device size. Due to a large image slider on the front page I could halve the size by serving smaller images for mobile devices (via simple user-agent ...
3
votes
1answer
82 views

Tips for developing a responsive website [closed]

I'm having problems trying to figure out a good workflow when designing a responsive website. I've tried a few approaches, nowadays what I'm doing is: Do all html and css work with the window ...
1
vote
1answer
41 views

What is responsive design exactly? [closed]

Can anybody tell me what responsive design exactly is? I work in a firm and they have a site which are just a small version off the website. And if you turn your device to landscape - it gets a ...
4
votes
1answer
85 views

Can a bounce rate drop from 50% to 10% after event tracking is added in Google Analytics?

I launched a total redesign of a site one week ago to add responsive design, good interlinking, related content recommendations and such. After that the bounce rate dropped just a little from 50% to ...
13
votes
7answers
2k views

Should I split a large CSS media queries file into separate files for each screen size?

I am working on a responsive design website to deliver content for all screen sizes. I have media queries for 5 different "steps", and the CSS file is around 30 Kb. Would it be better to split this ...
4
votes
2answers
109 views

Mobile Browsers! Do they ignore `<noscript><img>` (Responsive Design with Framework Zurb Foundation (Interchange/Noscript))

Experimenting with Interchange Responsive Images I'm experimenting with Interchange by Zurb Foundation to serve various images versions to different devices. For example 200x100 for mobiles, 300x100 ...
2
votes
1answer
45 views

How to change website on device orientation change?

This question is in the context of a previous one but I think deserves another thread on its own. Being able to detect user agent and serve mobile or desktop version is good, but is there also a way ...
0
votes
2answers
32 views

How to serve 2 different websites according to device-width without affecting SEO?

I have one website for desktop that is designed for 1024 width and above. This means that some mobile devices in landscape mode will also fit this criteria. I have another website that is designed for ...
2
votes
1answer
107 views

Is it acceptable to repeat the same h1 tag for desktop and mobile browsers in a responsive site?

I have a website with a page that has a video as the main content. It uses a responsive design layout that requires the <h1> tag (with the same text) to be used in two different places: one for ...
5
votes
3answers
141 views

How to make content load faster for mobile on a responsive design site?

So, I have a responsive design site. Studies say that for mobile devices we need to show a bit less content (graphics and such), and that we need to make sites load quicker for mobiles. If I set some ...
3
votes
2answers
54 views

Implementing mobile-only (non-responsive) ads into a responsive theme

I've just finished setting up a website for someone - it's a responsive design under WordPress. Some of the advertising on the page is responsive ad units from AdSense, but unfortunately other ad ...
2
votes
2answers
40 views

search with mobile : does Google just look in the mobile-optimized websites?

When someone searches a keyword by mobile, does Google search in desktop version of all websites and find the proper result and then prioritize them according to the responsiveness or ...
1
vote
3answers
228 views

SEO Impact of using Responsive Design and the serving of different content on the same URL

We are currently working on redesigning our site and making it responsive. It is a search intensive site with complex functionality, a lot of search filters and a lot of content. Our mobile versions ...
1
vote
2answers
50 views

What is this popular website template called? [closed]

I see that many popular website now implement a similar template. Do you know its name? https://www.braintreepayments.com/ http://www.techsoft3d.com/ http://www.techsmith.com/snagit.html
1
vote
1answer
19 views

Can't get an image to scale to browser size! [closed]

If anyone has any insight on why this background image is not scaling properly on this page to browser size, that would be really helpful. I am stumped! I'm fairly new to CSS and HTML and could use ...
11
votes
5answers
2k views

Is it OK to use jQuery for responsive web design?

I have been tasked to update a site to make it responsive and appear correctly on smart phones. Unfortunately, the site in its current form isn't very easy to work with - I can't just change the CSS. ...
0
votes
1answer
21 views

Website does not have post previews when viewing on mobile

For some reason when I view my site on mobile devices the homepage just displays the full article one after the other as opposed to thumbnail and text previews. Any idea what the reason behind this ...
3
votes
1answer
514 views

Can I view my PC localhost test site on my android tablet without uploading it?

I am working on a web site which is running on my PC via XAMPP. I want to test the site on my android tablet (galaxy tab) to make sure that the responsive design behaves that way it is designed to. ...
5
votes
3answers
208 views

Will Google omit my site from mobile search results if I do not have a mobile optimized site?

I have heard rumors that if I do not have a mobile-optimized web-site (whether through responsive design or redirection to a mobile version of the site) that Google will not show my site when a user ...
0
votes
1answer
41 views

Switch off unwanted responsive behavior of widget

On a site that's intentionally non-responsive we're loading a class-schedule widget from a third party. But they've now made their widget responsive, which doesn't work very well for us. The widget ...
1
vote
1answer
117 views

Right way for host HTML5 video

So, I have a responsive site that has kind of blog to show videos (in html). For now, I am doing this in MP4 HD video - for computer users MP4 SD video - for mobile users WebM HD Video - for ...
1
vote
0answers
34 views

What resolution does Google use while crawling a site with responsive/adaptive design? [duplicate]

I use conditional loading and media queries, JS, and CSS techniques for building responsive/adaptive designed websites. The HTML output for these sites depends on the number of horizontal and ...
1
vote
0answers
391 views

Vertically center h1 in div [closed]

I know there are various solutions posted for this issue here, but for the life of me I can't get any of them to work. For a responsive website I'm trying to center an h1 text in a div. Centering ...
2
votes
2answers
511 views

Does responsive Web Design affect SEO?

I have watched the Webmaster Central 2013-11-18 hangout that is now on YouTube. According to John Mueller, a site will benefit in terms of SEO if it will be optimized for mobile devices. He said that ...
1
vote
1answer
50 views

Exclude pages from search results based on device class (mobile/desktop)

We're currently building a new responsive website. While working on the site map, we figured that we don't want to show certain sections on mobile devices. This can be easily done by hiding the ...
2
votes
1answer
57 views

Does SEO optimisation count on the responsive side of a site?

I'm looking at making some SEO optimisation fixes, and at this point I'm sorting out the heading structure and keywords - H1's, H2's etc We have a site where there are a number of similar blocks, and ...
15
votes
4answers
2k views

Does Google serve different result according to responsive design?

Say a website implements responsive design in order to display a proper user interface according to the screen width of the device (smartphone, tablet, laptop...). Does Google display different ...
5
votes
1answer
273 views

Duplicate content on the same page - SEO ramifications?

In certain situations, I've seen Responsive Design websites with duplicate content on the same page. The pages had duplicate HTML structure and content in some parts of it due to Responsive Design. ...
3
votes
3answers
538 views

Responsive web design on the “frontend” vs “backend”?

Apparently there are two ways you can do responsive web design. I'm not sure how to call the two methods but let's just say they are frontend and backend: By frontend I mean, the usual way where the ...
0
votes
0answers
15 views

Using same Google Adsense units for web and mobile versions [duplicate]

I'm redesigning a website. This time it will be responsive, so that the same pages that are loaded into a desktop browser will be loaded in mobile browsers as well. The question is: can I use the ...
3
votes
1answer
67 views

Does Google Search know if your site is mobile?

When a user does a search from their desktop, do Google search results know if any site is mobile aware? Does that affect their placement? What if a site is responsive? Many mobile validators don't ...
1
vote
2answers
1k views

Touch-friendly radio buttons for mobile devices?

I am using WordPress and WP Pro-Quiz to create a quiz. Each answer has a radio button on the side (input type="radio"). When I click anywhere on the same row from the touch-screen on my computer, the ...
1
vote
2answers
148 views

Website design using responsive approach or mobile site

I have been looking for mobile desktop website solution & I am confused with the information available on internet. In some case article talk about Responsive approach with the future but i am ...
2
votes
2answers
684 views

Responsive design best practice: Duplicate html elements for media querying and SEO impact?

I have a page with, in order of html appearance, a figure tag, headgroup tag, and an article tag. In order to make a page's design responsive using media queries, I need a different order for ...
2
votes
2answers
165 views

What are “rows” in a responsive grid system?

I'm looking at various grid systems to make a responsive design, but I keep coming across the same thing that puzzles me : What's a row in a design where everything can move based on the screen size ? ...
2
votes
1answer
96 views

@Viewport @media use for input type?

I've searched high and low for some way to setup my HTML5/CSS3 for various devices. Going by screen resolution isn't the best route because some times the screen size of one device is the same as ...
26
votes
6answers
4k views

How important is responsive web design?

I've heard a variety of opinions regarding the pros and cons of using responsive web design recently and was wondering whether it was necessary for small businesses that target small geographical ...
3
votes
2answers
258 views

How is fluid theme's impact on rendering performance?

I am new to responsive design and now re-making a template to make it more responsive. This involves redefining many fixed width and fonts as context-dependent percentage (% or em) instead of pixels ...
7
votes
2answers
4k views

What are the most frequent viewport sizes to use in responsive design?

I see differnt suggestions from very detailed (like here) to more brief, like google (here). so I am wondering what are the most suitable sizes to be used @media screen.
4
votes
2answers
753 views

What is the right approach to use AdSense with responsive web design?

Recently I was studying responsive design a lot and designed couple of sites. But I was wondering how would I use Google AdSense (which is pixel based) ads on my responsive design? Very typical ...
5
votes
1answer
3k views

Responsive images require excluding the width/height attributes?

One of the tenets of responsive web design is responsive images: sizing images using percentages rather than concrete values. This is done via CSS. The problem I have is the standard practice of ...
4
votes
1answer
1k views

How does the new iPad's (aka iPad 3) resolution play with responsive design?

So "the new iPad" has been released with a new "retina display" resolution of 2048x1536 px, but the screen size is still 9.7 inches as the previous iPad... I am wondering how will CSS media queries ...
2
votes
1answer
111 views

Dropping adverts during responsive design changes

I was looking at the new Smashing Magazine design and first of I have to say, it looks great. One thing that grabbed my attention though was that the Right Hand Side adverts get dropped during the ...
3
votes
1answer
152 views

Adaptive websites - considered keyword stuffing by Googlebot?

I work on a SEO-dependent content website, and we are in the process of making our site adaptive/responsive. More technically, we are using CSS media queries to apply different CSS styles as the size ...
10
votes
3answers
363 views

Reponsive Web Design : Does it download the same amount of data on every device?

I want to redesign my blog and website on wordpress to accommodate ever increasing mobile users and tablet users. I am also hearing about responsive design. I want to know does a responsive web ...
2
votes
2answers
3k views

Is there a Lightbox style plugin that fits images to screen size?

I'm looking for a Lightbox type js plugin that would take into account the browser window size and resize the currently displayed photo so it fits - like the jquery-imagefit plugin does.
2
votes
1answer
691 views

How to enable media queries on IE < 9

I am trying to add support for media queries in older versions of Internet Explorer, but I am not having any luck. I only need media queries, so I do not want to add a big package like Modernizr, I am ...
0
votes
2answers
644 views

Which screen resolution should I target for modern mobile phones? [duplicate]

Possible Duplicate: Building for different screen sizes I am developing a site which needs to work on mobiles as well. I avoid specifying width and height by pixel. Mostly I am using ...