Dear list members,
I have to transform this traditional handwritten html website into a
mobile friendly website: http://www.utrechtsyogacentrum.nl
The google webmaster tools testing page has two complaints. The site is
too wide. And links are to close to each other.
Other google information pages suggest to use inline styles. But that is
against what i know of building websites using css.
So i'am wondering: what is the right approach / solution ......?
I like the idea of having one site and targetting different devices. Is
this the way to go?
Should i use media queries and css for all kind of screens:
http://www.htmlgoodies.com/html5/css/cutting-edge-device-targeting-with-css3-media-queries.html#fbid=a7t_mgj4iPJ
And depending on the device that is reading the website:
- leaving out images? or exchange them by small size (width / height)
images?
- changing the orientation of the page depending on the orientaion of
the device visiting the page?
- for portrait screens: display a top-menu instead of a left-menu
- ... ?
So i like some advice from the masters who already converted or designed
some website for multiple devices / screensizes.
Is there a good step by step guide somewhere?
All information and ideas are welcome.
Thanks, Erik
PS found the google guide already, but i question if this is the best
way to go. Is there a robust and simple aproach.
https://developers.google.com/webmasters/mobile-sites/mobile-seo/?hl=en-EN&utm_source=MFT&utm_medium=incoming-link&utm_campaign=MFT
______________________________________________________________________
css-discuss [css-d@lists.css-discuss.org]
http://www.css-discuss.org/mailman/listinfo/css-d
List wiki/FAQ -- http://css-discuss.incutio.com/
List policies -- http://css-discuss.org/policies.html
Supported by evolt.org -- http://www.evolt.org/help_support_evolt/
