0
votes
0answers
4 views

Google Maps stuck on top-left corner - solution for Desktop doesn't work for mobile design [migrated]

I have had a problem with Google Maps where I am rendering the map inside a hidden DIV element. The map rendered but only the left top corner was showing, even after I move the map. The solution to ...
3
votes
1answer
56 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 ...
12
votes
7answers
1k 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 ...
5
votes
3answers
119 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 ...
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. ...
1
vote
0answers
376 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 ...
5
votes
1answer
248 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
488 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 ...
2
votes
2answers
636 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 ...
3
votes
2answers
238 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 ...
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 ...
3
votes
1answer
148 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 ...