Re: Responsive Web Design and display:none;

[Alen]

The only way to serve different HTML tags based on view-port is to have some kind of server side device/view-port detection.

You can’t rely on JavaScript too much. What if user is browsing with JavaScript turned off.

My rule of thumb is to hide as little as possible, especially with content (if it’s hidden does it really belong on the page?)

If you need to hide/load content, offload that content on a different page, link to it, load it with AJAX if JavaScript is available. If JavaScript is not available link will still work, making the content still accessible.