task "Responsified and Mobilized" ReadyNation.org


Applied responsive web design (RWD) techniques to ReadyNation.org using media queries. The entire site is now optimized for both desktop browsers, as well as for mobile browsers on smart devices like Android phones and the iPhone.

The site's CSS is several years old, so this was largely a CSS retrofit. I took advantage of some of Twitter Bootstrap's responsive CSS and then applied some additional custom CSS to achieve the end effect, including a custom jQuery-powered navigation menu.

I also added optimized several of the core graphics and icons for high-resolution ("retina") displays.