Advice item #1 is plain wrong (when possible, serve the same content to all browsers). If you do this, the site will not work on the vast majority of the world's phones unless it is supremely lightweight.
There's a good reason why the best mobile sites out there use UA sniffing (Google, Facebook, Yahoo! etc) — it's the approach that gives the best experience for your visitors.
If all you care about is Android and iPhone user then fair enough.
The Yiibu link at the end of my article shows how you can build sites that work on low-end phones and older browsers, as well as Android and iPhone and modern desktop browsers. They do it by reversing some of the more common development practices. Rather than use CSS and JavaScript to transform a desktop site into a mobile one, you can start with a mobile-friendly site, and then use CSS and JavaScript to progressively enhance it in more advanced browsers.
If you haven't seen it already, their presentation is highly recommended:
Advice item #1 is plain wrong (when possible, serve the same content to all browsers). If you do this, the site will not work on the vast majority of the world's phones unless it is supremely lightweight.
There's a good reason why the best mobile sites out there use UA sniffing (Google, Facebook, Yahoo! etc) — it's the approach that gives the best experience for your visitors.
If all you care about is Android and iPhone user then fair enough.