El diseño web adaptable ofrece muchas ventajas y se ha vuelto una necesidad ahora que navegar por internet mediante dispositivos móviles se ha vuelto tan común.
Sin embargo, crear un sitio que funcione en diversas plataformas requiere mucho tiempo, en términos de programación, ubicación de contenido y ejecución de pruebas. A continuación te listamos algunos programas para hacer paginas web adaptables:
The Adobe Edge Inspect CC
Este programa de Adobe te permite previsualizar y realizar pruebas de diseños web en una gran variedad de dispositivos incluyendo iOS y Android. Puedes realizar cambios puntuales en HTML, JavaScript o CSS y los resultados se mostrarán de inmediato.
Compass
Los diseños adaptativos pueden tardarse en cargar. Esto se debe a que se cargan todos los elementos HTML independientemente de si serán necesarios en el dispositivo en el que se ve el sitio web.
En estos casos una herramienta como Compass resulta extremadamente útil ya que permite comprimir recursos CSS y crear extensiones de manera sencilla.
SmartMenus
Ese plugin te permite crear menús basados en un listado.
RWDCalC
Esta herramienta te ayuda a calcular el número de píxeles, en porcentajes, que es correcto para el dispositivo que estés empleando.
Simple Grid
Este sistema de curadrículas especifica claramente las clases y columnas. Puedes añadir espacios diferentes a las columnas.
Adaptive Images
La imágenes, como cualquier otro recurso, toman espacio en los archivos de un sitio web. Esto podría ser un problema si, por ejemplo, tienes un blog y lo actualizas a menudo, colocando imágenes de buena resolución en tu sitio.
Por suerte, existe Adaptive Images, una útil herramienta que detecta automáticamente el tamaño de la pantalla.
