Top "Responsive-design" questions

Responsive Web Design (RWD) is an approach to Web design and development that aims at crafting sites to provide optimal experiences across a wide range of devices based on screen size, platform, and orientation.

responsive images srcset not working

I've been trying to implement the new srcset approach to responsive images, using the following HTML <img class="swapImages" …

image responsive-design srcset
Fancy Media Queries with some LESS Magic

It would be nice to wrap css-styles for different resolutions within some css-classes using less. I'd like to do something …

css responsive-design less media-queries
Bootstrap3 .visible-* .hidden-* display inline

Bootstrap has some nice .visible-* (eg. .visible-lg) class utility for selecting what to show or hide depending on the screen …

css twitter-bootstrap responsive-design twitter-bootstrap-3
Responsive grid of hexagons

I loaded in multiple images on my website from the internet. Is it possible to give all those images an …

html css responsive-design css-shapes
responsive D3 chart

I have this D3 chart - pretty much out of the box. Is there a way to make it responsive …

d3.js responsive-design
Responsive website on iPhone - unwanted white space on rotate from landscape to portrait

I am creating a responsive website, and have just noticed a strange behaviour in my content pages when viewed on …

iphone orientation whitespace rotation responsive-design
Touch device, Single and Double Tap Events handler jQuery/Javascript?

Background: My site is in magento open source ecommerce solution, and in the top (header) it has a shopping cart …

javascript jquery responsive-design prototypejs
Responsive site is zoomed in when flipping between Portrait and Landscape on iPad/iPhone

I've built a responsive site using Twitter Bootstrap here: http://zarin.me/cce/ The responsive design works great on iPad …

orientation responsive-design viewport screen-orientation device-orientation
Image mysteriously ignoring max-width in Firefox & IE

So I'm trying to display images as big as possible with no cropping on any screen size. This means height: 100%; …

css internet-explorer firefox responsive-design max
Media Queries for Different zoom Levels of Browser

I am a newbie to responsive design using CSS3 media queries. I clearly understand how we target different devices using …

html css responsive-design media-queries