¿Las cuadrículas fluidas o fijas son mejores para aplicaciones web de una sola página?

En caso de que se pregunte si debería optar por un sistema de cuadrícula sensible y fluido frente a un sistema de cuadrícula sensible y estático, aquí están mis pensamientos:

Sistema de cuadrícula sensible a los fluidos: la ventaja aquí es que están diseñados para verse bien en cualquier tamaño, sin embargo, puede ser un poco complicado. En algunos anchos, es posible que no obtenga resultados perfectos de píxeles debido a las diferencias de ancho en columnas y canales. He probado varios sistemas de cuadrícula sensibles a los fluidos y descubrí que el resultado final no es suficiente para mí y que a veces puede ser un poco complejo. Consulte http://salmonhvac.com para ver un ejemplo de un diseño fluido y receptivo.

Diseño receptivo estático: el profesional aquí es que tiene el control total al 100%, pero puede requerir más reglas @media y cambios CSS. Pero realmente no va a ser tan difícil y el resultado final siempre será perfecto en píxeles. La única otra desventaja es que no está garantizando el 100% de eficiencia en el uso de la pantalla de cada dispositivo. En algunos casos, usará 2 columnas de ancho cuando realmente podría estar usando 3 columnas para ciertos dispositivos. Además, los dispositivos en cambio de orientación no se adaptan al nuevo ancho. Se requiere un script JS para hacer eso y, para ser sincero, no es perfecto. Consulte http://robkellas.com para ver un ejemplo de una cuadrícula de respuesta estática (aunque, para ser sincero, no es una cuadrícula bien definida, iría con 960.gs)

Al final del día, depende de usted. Estoy seguro de que voy a ir y venir en esto. Pero en este momento voy a ir con una cuadrícula de respuesta estática.

No importa si se trata de una sola página o de varias páginas, una aplicación web o un sitio web. Idealmente, debe usar una cuadrícula fluida.

Para garantizar que su sitio / aplicación se vea bien en un rango de tamaños de pantalla (no solo en algunos puntos de interrupción predefinidos), querrá usar una cuadrícula que se adapte al tamaño de la pantalla y luego usar consultas de medios para ajustar según sea necesario.

Si usa una cuadrícula fija, hará un montón de trabajo adicional e innecesario para intentar crear nuevas reglas con consultas de medios para cada nuevo tamaño de pantalla y orientación. Inevitablemente, terminará con usuarios en dispositivos con tamaños de pantalla que no tuvo en cuenta y verán un diseño que no se adapta a su tamaño de pantalla correctamente.

Haga un favor a sus usuarios (y ahórrese muchos problemas) utilizando una cuadrícula fluida.

Iría con un diseño receptivo, lo que significa usar un diseño fluido, consultas de medios para determinar cómo el usuario ve el diseño y usar una mejora progresiva y una degradación elegante para adaptar los elementos del sitio a lo que el navegador del usuario es capaz de hacer. Para una aplicación web de una sola página, eso debería ser suficiente. Si desea más información, consulte lugares como Sitepoint, A List Part y nettuts + para obtener algunos buenos tutoriales y consejos.