I've been talking a great deal about responsive web design, and more importantly, responsive web design tools. All my latest custom Orchard Themes and Orchard Websites are responsive so they look good on mobile phones and tablets as well as desktop PC's. Responsive Web Design Tools are important and so I have mentioned quite a few tips and tools like: Responsive Web Design with Adobe Shadow, the new iPad and iPhone emulators in WebMatrix 2, the new Responsive Mode in Firefox, etc. Now I want to mention some really cool features in Google Chrome Canary.

I've been playing with WebMatrix 2 throughout the day and am amazed at all the new features. Developing mobile websites using responsive web design, Kendo UI, and jQuery Mobile is a big part of my day. I use numerous tools and recently I mentioned Adobe Shadow and Firefox's new Responsive Mode so you can see how your media queries react on difference devices like the iPhone, iPad, etc. Even more amazing is that Microsoft WebMatrix 2 has plugins that include an iPhone Emulator, iPad Emulator, and Windows Phone 7 Emulator!

One of my main goals with this Orchard CMS Website was that it had to be responsive. I do most of my web surfing and reading via my iPhone and iPad. Therefore, being able to comfortably read blog posts on devices smaller than a desktop is important to me. While I was developing the site I used Adobe Shadow to view the desktop, tablet, and smartphone versions of the website simultaneously. There is just something slick about developing a responsive Orchard Website and being able to have my iPhone and iPad in sync as I make changes and browse my Orchard Website in my desktop Chrome Browser!