Caso de Estudio
Nombre	GridLess
Palabras Clave	Gridless, Framework
Estudiado en	Taller de Construcción DG 4 - 2012
Estudiado por	Antonia Casali

GridLess

Make future-proof responsive websites with ease

No te Aburras, Aproximate

Gridless toma la parte aburrida del desarrollo de trabajo para web y aplicaciones web. Trae empacado todo el proceso de css3 y HTML 5 Incluye CSS Normalization, Beautiful Typography , una bien organizada estructura para carpetas, IE Bugfixies y otros trucos

CSS Normalization

CSS Normalization: Normalize.CSS hace navegadores que muestran los elementos de forma coherente y de acuedo con los últimos estándares. Se centra precisamente en los estilos que necesitan normalización. http://necolas.github.com/normalize.css/

Beautiful Typography

Beautiful Typography: por Oliver Reichenstein "El estándar ciento por ciento más fácil de leer" La mayoría de los sitios web utilizan texto demasiado pequeño, el cual cuesta mucho leer. ¿Porqué? Realmente no exíste una razón para condensar tanta información. http://informationarchitects.net/blog/100e2r/

100% easy read standard

5 Reglas Simples

Tamaño estándar de tipografía para textos largos
Mantener el espacio blanco activo
Correcto Interlineado: Por defecto el interlineado de HTML es muy pequeño.
Limpio contraste de color
No poner texto en las imágenes

IE Bugfixies

IE Bugfixies

Responsividad

Gridless utiliza Mobile first, Responsive Web Design para adaptarse a la anchura del dispositivo, lo que significa que va a funcionar en cualquier lugar: los nuevos teléfonos inteligentes, tabletas, ordenadores portátiles y computadoras de escritorio más grandes. IE6/7/8 no soporta media queries, por lo que utiliza Respond.js

Mobile First

Mobile First: Muy a menudo los sitios web son diseñados primero para pantalla grande y luego para móvil. Mobil First dice que los sitios deben ser diseñados primero para móviles. Por las siguientes razones:

Explosión de Móviles A pesar de que el diseño web hace años funciona para smartphones, el crecimiento de este soporte maneja inumerables aplicaciones y contenido web. Al año 2013 estos usuarios se triplicarán.

El diseño para móviles obliga a enfocarse El diseño para móviles requiere que el desarrollo de software se especifique exclusivamente en la información y acciones más relevantes; Por ende cuando se diseña para móvil en primer lugar: La información más importante, centrada en las acciones de los usuarios, ya ha sido desarrollada. (Una buena experiencia en los usuarios concluye en un buen negocio)

Amplía tus capacidades La web ha sido desarrollada en cuanto a sus capacidades lo permiten, Marcado de página, estilo y scripting. Los desarrolladores de aplicaciones han llevado hasta el final intentando innovar con Javascript o algunos plug-ins con el fin de enriquecer la interacción. Pero las nuevas plataformas para aplicaciones móviles están intoduciendo emocionantes capacidades que dejan atrás lo que ya ha sido hecho en la web. Dentro de estas capacidades se encuentran: Localización automática GPS, Orientación automática, el multi-Touch que codifica variados gestos entre otros...

http://www.lukew.com/ff/entry.asp?933

Responsive Web Design

Responsive Web Design: El control que los diseñadores ejercen sobre lo impreso es muy distinto al control que tienen sobre la web cada medio soporta sus propias capacidades debemos diseñar para la web y ajustarnos a su flexibilidad Lo que se diseña debe responder al ancho en que se está viendo, esto quiere decir que lo que propone Gridless es que el diseño de grillas se ajuste y funcione a cualquier formato: Telefonos antiguos, nuevos smartphones, tablets, notebooks y escritorios mas grandes http://www.alistapart.com/articles/responsive-web-design

Recientemente una disciplina llamada Responsibe Achitecture ha empezado a preguntar como los espacios físicos pueden responder a la presencia de la gente que pasa a través de ellos. Los Arquitectos están experimentando con estructuras que se doblan, se flexionan o expanden a medida que multitudes se acercan a ellos. Dentro del diseño, el camino a seguir es el mismo; En lugar de adaptar los diseños desconectados entre uno o más dispositivos que soportan web, el diseño debe tratarlos como facetas de la misma experiencia Podemos diseñar para una experiencia visual óptima pero también integrar tecnologías basadas en estándares que sean no sólo mas flexibles si no también adaptables a los medios que les presta función. En resumen, Gridless se acopla a la propuesta de este tipo de diseño que toma partida por: practicar el diseño web de respuesta