Si no escribe mucho CSS, puede pensar en CSS Grid como esa cosa Rachel Andrew sigue twitteando. Bueno, es un sistema completamente nuevo para el diseño , y Zurb aparentemente está siguiendo su alimentación. Lo mismo ocurre con la mayoría de los vendedores de navegadores.
En el momento de escribir esto, CSS Grid es compatible con los siguientes navegadores:
Está bien. Internet Explorer llegó primero. Siempre es un poco incómodo cuando eso sucede. De todos modos, esta información proviene de los propios Zurb, que han anunciado la inclusión de CSS Grid en Foundation en su la última publicación del blog . Tienen tres razones para el cambio:
La Fundación se ha ganado el pan y la mantequilla manteniéndose al frente de las tecnologías web emergentes, y dando a los diseñadores web una razón para adoptarlas. Si desea soporte de navegador heredado a largo plazo, existen otros marcos para eso. A la Fundación le gustan las cosas nuevas, y también a sus usuarios.
Para ellos, este tipo de cambio bastante temprano es como siempre, más que una desviación radical de la norma.
En la superficie, parece que Flexbox cumple con las mismas necesidades que CSS Grid, y el soporte ya está aquí. Bueno, no es tan simple como todo eso.
Mientras que Flexbox fue sin duda una mejora en la vieja escuela de diseño flotar-algunas-cosas-y-absolutamente-posicionar-otras, no fue sin sus peculiaridades. Se presta más fácilmente a permitir que su contenido defina cómo se muestra. La gente parece estar de acuerdo en que es genial para diseñar contenido dentro de los elementos más pequeños de una página.
CSS Grid parece haber sido diseñado teniendo en cuenta el diseño de página más grande. Hace que sea más fácil crear, administrar y "responsabilizar" diseños grandes con menos líneas de CSS que otras opciones. Como los diseños fáciles son una especie de acuerdo de Foundation, tiene sentido que incorporen CSS Grid.
Zurb y muchos otros parecen creer que todo el concepto de la "página" sigue el camino del dodo, al menos para diseñadores y desarrolladores. CSS Grid aparentemente funciona bastante bien con sistemas modulares que tratan los diseños como una colección de elementos reutilizables en lugar de una sola página.
Esta forma de pensar es especialmente popular entre los desarrolladores y diseñadores que trabajan en aplicaciones o sitios web muy grandes en más de cinco páginas de folletos. Eso incluye a Zurb. Imagínate.
¿Es esto algo bueno para la web des ...? Sí, ni siquiera voy a terminar eso. CSS Grid está despegando a lo grande. La adopción de la Fundación significa que, en el futuro previsible, es bastante oficial: CSS Grid es una cosa . Y bueno, podría tomar algún tiempo acostumbrarse, pero me gusta.
Además, Zurb no se detiene allí. La adopción de CSS Grid ha llevado a Zurb aún más lejos en el camino del código modular. Acaban de lanzar un nuevo conjunto de componentes de interfaz de usuario precodificados que están llamando Bloques de construcción . Los bloques de construcción no serán parte del núcleo de la Fundación. Son extensiones. Descárguelos, colóquelos en su proyecto y listo.
Hasta ahora, consisten en elementos de IU individuales codificados por Zurb, así como también patrones de códigos creados por la comunidad, específicamente para trabajar con Foundation. Luego hay conjuntos de Building Blocks seleccionados llamados Kits, que están diseñados para facilitar la construcción de un tipo específico de sitio. Hay kits para sitios de comercio electrónico, sitios de cartera, paneles de administración y más.
Los lectores con recuerdos eidéticos pueden recordar que Rafi Benkual habló sobre este mismo concepto en nuestra entrevista con él y Kevin Ball. Bueno, lo han hecho. Parece que Zurb está decidido a facilitar que los diseñadores se centren en las preocupaciones y la estética de UX sin tener que hacer todo el trabajo gruñón. Y empuja la web hacia adelante.
Puedo respaldar eso.