Joined
·
270 Posts
I did a web site for a company recently and all is well, except that now that its been up a couple of months, they gotten some negative feedback about how it loads on mobile devices (mobile functionality was never part of the original intent/job, but a reality in todays world I suppose).
The whole site doesn't have to work flawlessly on a phone/pda, but the big concern is thier home page and company contacts page, since they are a "services" based buisness, no inventory/products to worry about customers viewing..
Making mobile style sheets is a completely new thing to me and I am going from scratch on this one, the site was done with a liquid layout, floating divs but all in css/xhtml (no tables or frames like thier original site was completely designed in! ack!), so I was wondering if any of you who do this sort of stuff in thier sleep can point me to some good tutorials/references? I have already scoured over the w3c specifications, but its not exactly what I need since its mostly just definitions and not directions in laymans terms..
Should I just make a css sheet that lays it all in one div instead of a header, footer, side bar and main containers, and tag it as the mobile style sheet? If this is acceptable (i really dont want to spend a month trying to make it validate) Is there a way to strip images from loading in the page within a div using that same css sheet (i dont want to make a "second" contacts page), also what page max width do you recommend to work best with majority of mobile devices? the entire navigation menu for the site is javascripted for rollover images and I assume stripping this scripting off for mobile friendly-ness will be necessary too.
Google hasnt been much of a friend in this area, unlike css for desktop display, so any direction advice will be greatly appreciated, especially some tutorial stuff to learn from for overall improvement, as I have a feeling this wont be the last time I need to make a site mobile friendly.
The whole site doesn't have to work flawlessly on a phone/pda, but the big concern is thier home page and company contacts page, since they are a "services" based buisness, no inventory/products to worry about customers viewing..
Making mobile style sheets is a completely new thing to me and I am going from scratch on this one, the site was done with a liquid layout, floating divs but all in css/xhtml (no tables or frames like thier original site was completely designed in! ack!), so I was wondering if any of you who do this sort of stuff in thier sleep can point me to some good tutorials/references? I have already scoured over the w3c specifications, but its not exactly what I need since its mostly just definitions and not directions in laymans terms..
Should I just make a css sheet that lays it all in one div instead of a header, footer, side bar and main containers, and tag it as the mobile style sheet? If this is acceptable (i really dont want to spend a month trying to make it validate) Is there a way to strip images from loading in the page within a div using that same css sheet (i dont want to make a "second" contacts page), also what page max width do you recommend to work best with majority of mobile devices? the entire navigation menu for the site is javascripted for rollover images and I assume stripping this scripting off for mobile friendly-ness will be necessary too.
Google hasnt been much of a friend in this area, unlike css for desktop display, so any direction advice will be greatly appreciated, especially some tutorial stuff to learn from for overall improvement, as I have a feeling this wont be the last time I need to make a site mobile friendly.