I've been building a lot of ASP.NET MVC and Orchard CMS websites using both responsive web design and jQuery Mobile, so anything that catches my eyes on this subject is fair game for awhile :) In the past, Google hasn't been too clear on the subject of improving and optimizing Google SEO when targeting smartphones, tablets, and desktops. Recently, however, Google came out with a clear strategy and set of recommendations on how to best maximize SEO when developing websites, and the clear winner is Responsive Web Design.
Contents tagged with mobile web development
Firefox is releasing really cool CSS features in Firefox 15. One of the features, Responsive Mode, can be appreciated by mobile developers building responsive websites for smartphones, tablets, and desktops. Responsive mode allows mobile web developers to view the various media query layouts without resizing the actual browser window.
Adobe Shadow is a brilliant piece of software for developing websites and web application that target both the desktop and mobile iOS and Anrdoid devices. Adobe Shadow allows you to pair the website in your Chrome Browser on your desktop to your mobile devices, allow you to simultaneously see how a web page displays on all your paired devices. As you browse various web pages in your Chrome Browser, your iPhone, iPad, Android Phone, and other mobile devices browse to those pages with you automatically, allowing you to see how the pages render on multiple devices. Therefore if you have a responsive website using media queries or dedicated mobile websites using jQuery Mobile ( or similar mobile framework ), you will be able to see how they render as well as perform remote CSS Edits and debugging on the fly. Adobe Shadow is perfect for web designers and web developers developing websites and web applications that target desktop as well as mobile devices!
Once again I want to thank O'Reilly for their wonderful Blogger Review Program that allows me to read some really good books in exchange for book reviews. I've started to enjoy the Head First Series of books after recently reading Head First jQuery and Head First HTML5 Programming. Head First Mobile Web is another great title in this series of development books that demysitfies mobile web development by introducing the mobile web developer to a plethora of technologies and solutions for developing mobile websites, including: responsive web design using HTML5 and CSS3 media queries; progressive, mobile-first responsive web design; mobile device detection; jQuery Mobile; and PhoneGap Build.