Orchard CMS Training

Orchard CMS Articles
Orchard CMS Training, Articles, and Examples

  • David Hayden - Orchard Web Developer
  • Orchard CMS Developer
  • Orchard Module and Theme Developer
  • David Hayden - Orchard Samples and Tutorials

Contents tagged with mobile web development

Google Recommends Responsive Web Design for SEO

Google Recommends Responsive Web Design for SEO

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.

read more


Author: David Hayden

Mobile Development with Firefox 15 and Responsive Mode

Mobile Development with Firefox 15 and Responsive Mode

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.

read more


Author: David Hayden

Learn HTML5 and JavaScript for iOS Book Review

Learn HTML5 and JavaScript for iOS Book Review

If you are new to developing mobile websites and web applications targeting the iPhone, iPad and other iOS devices using Mobile Safari, you may be interested in a book from Apress I recently read, called Learn HTML5 and JavaScript for iOS. Although you can find plenty of books on HTML5, CSS3, JavaScript, and jQuery Mobile, Learn HTML5 and JavaScript for iOS is essentially a "greatest hits" compilation of those technologies specific to those web developers targeting Mobile Safari and iOS Devices.

read more


Author: David Hayden

Mobile Web Development for iOS and Android with Adobe Shadow

Mobile Web Development for iOS and Android with Adobe Shadow

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!

read more


Author: David Hayden

Head First Mobile Web Book Review

Head First Mobile Web Book Review

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.

read more


Author: David Hayden