Google has put together an amazing resource for web developers, centered around responsive development. The great thing is, it’s open source. This means that experts from around the world have been collaborating to bring together a set of resources for web developers, and you can contribute too. The code for the project is all on GitHub.

Every developer and designer has those days that no matter what you try or imagine, it just doesn’t work for your responsive site. Your idea may be a great solution for mobile devices but, it is not as user-friendly on desktop and vice versa. You use all of your progressive enhancement knowledge and yes, it is functional but does it really meet the need of the user? Does it really fit with the flow of the site? At times, the answer is no.

Here are a few techniques and plugins that I have found that have helped cure my…well, responsive headache.

The increased resolutions on newer smart phones, Retina Display to borrow Apple’s terminology, allow for much crisper images on the mobile view of our websites, but they cause problems for us as developers. There are several different methods for using these images, and most of them are rather cumbersome. It also makes the development more tiresome since you have to produce two images even in the development phase. We have found a few shortcuts in both areas.

You’re sitting at your computerator with your web development ‘arme de choix’, staring at a blank page, wondering where to start…

If you’re like most of us (and statistically, you are) when you start busting out the div tags, your instinct is to design for a desktop and use clever automagical media queries to gradually remove content and functionality as the viewport shrinks.