Menús e imágenes sensibles al tipo de dispositivo

Algunos recursos relacionados al diseño web sensible (o responsive web design) en imágenes y menús:

• Responsive-Menu es una extensión para jQuery que mejora la experiencia de menús extensos, permitiendo convertir a un menú dado en un listado de opciones cuando el tamaño de la pantalla es reducido. Demo.

• Relacionado a lo anterior, en el artículo Convert a Menu to a Dropdown for Small Screens se plantea una solución similar para los menús. Por otro lado lado, en Adactio entablan dos soluciones, para cambiar el orden de los contenidos ante diferentes tamaños de pantalla, sólo con CSS.

• Adaptive Images es un script que combinando PHP, JavaScript y algunas configuraciones en el servidor, permite cargar y crear diferentes tamaños de imágenes para mostrarlos en la situación adecuada. La solución está inspirada en el artículo Responsive Images: Experimenting with Context-Aware Image Sizing.