Excuses first for asking this again. I'm aware that this has been asked in many many topics before but I'm just starting with my first mobile website and the more I read the more questions I have. Moreover what has been actual information 6 months ago might not be up-to-date anymore.
So my first question is, what's the better way to handle mobile content?
1. Through an own mobile website?
2. Through different css declarations but using the same URL's?
I'm kind of hesitant to use option 2. My desktop website has some heavy stuff like slideshows. I could surely hide those with a special mobile css but doesn't it mean it's loaded anyway, only hidden from users? Meaning high bandwidth usage and slow loading. Also, how would I handle DOCTYPE declarations in this case? As I understand a mobile site needs a different one than a desktop site. And last but not least, while I want to automatically redirect mobile users to the mobile version, I also want to give them the option to open the desktop version. How would this be done with different css files?
Thanks for all kinds of input...