Mobile Friendly Website Reference Guide & Goodies

A Mobile Friendly Website Shows Your Online Visitors You Care About Them PLUS it Gives You Extra Google Love

There are numerous advantages to having a mobile friendly website. It is a must for anyone who wants to compete online today. – Randi Thornton WPWBB Visionary Founder

As always, if you have questions about your website contact WPWBB for help advice & answers.

Mobile Friendly Website Reference Guide my favorite go-to resources

Use this curated reference guide to help you convert your existing website to a mobile friendly version, build a mobile friendly website from scratch or just gain wisdom about the topic.

Visual Checkers how does it look?

http://ami.responsivedesign.is
Enter your website address and see what it looks like on 4 different mobile device sizes.
http://www.studiopress.com/responsive/
A WordPress website responsive website viewer.
http://codebeautify.org/responsive-website-tester
A visually appealing way to view your website on multiple screen sizes with the ability to scroll as if you were using the device.

Web Design & Development tutorials & best practices

http://wordpress.tv/2014/11/18/sara-cannon-smart-design/
A WordCamp NYC 2014 event featuring speaker Sara Cannon titled “Smart Design”
http://mobilewebbestpractices.com/resources/
A huge collection of articles, books, presentations, templates, testing, scripts plus more.
http://designsparkle.com/responsive-web-design-tutorials/
A great reference of over 35 insightful mobile friendly tutorials including layouts and more.
http://marketingland.com/google-survey-what-users-want-from-mobile-sites-22606
A survey by Google revelas what users want from mobile websites.

Examples & Exploration inspiration plus more more

http://www.awwwards.com/mobile-web-design/
best mobile websites and APP design examples from Awwwards. Great place for inspiration!
http://www.huffingtonpost.com/john-rampton/business-mobile-responsive-design_b_5267077.html
An article that highlights the importance of having a mobile friendly website.
http://designmodo.com/responsive-design-examples/
50 great mobile friendly website examples using best practices.

Google Guides learn from Google

http://developers.google.com/speed/pagespeed/insights/
Enter your website address and Google will show you how fast your website loads on mobile devices.
https://developers.google.com/speed/docs/insights/mobile
Google wants websites to load fast & shares mobile analysis in pagespeed insights.
https://developers.google.com/web/fundamentals/layouts/rwd-fundamentals/
Technical mobile design best practices.
https://developers.google.com/webmasters/mobile-sites/mobile-seo/index
Mobile friendly website and SEO straight from Google.
http://www.google.com/think/multiscreen/whitepaper-sitedesign.html
Google established 25 principles of mobile site design to help companies build mobile sites that delight customers and drive conversions.

I hope this list help you become inspired to transform your website into a mobile friendly website. There are many good online resources to help you get going.