swanix / ui

Experimental UI library
http://swanix.org/ui
MIT License
9 stars 3 forks source link

Crear layouts con CSS Grid #50

Open sebastianserna opened 6 years ago

sebastianserna commented 6 years ago

Incluir layouts con las distribuciones más comunes (para sitios y aplicaciones web) utilizando el módulo CSS Grid Layout: https://www.w3.org/TR/css-grid-1/

Como mencioné en el issue https://github.com/acuariux/swan/issues/35 seguiré utilizando Flexbox para algunas pruebas y para componentes específicos pero definitivamente el futuro próximo (para definir layouts en HTML) será el módulo CSS Grid. Además el soporte global en navegadores es alto (72%). Probablemente a finales de 2018 el soporte se encuentre por encima del 90% (incluso en países como México, Colombia, Perú, Argentina y Brasil está por encima del 85%).

Más info sobre el soporte en: https://caniuse.com/#feat=css-grid

Además empresas y desarrolladores están creando cursos online para aprender a utilizarlo. Por ejemplo Mozilla creó un micrositio donde explican las propiedades básicas del módulo: https://mozilladevelopers.github.io/playground/css-grid/

También Wes Bos (patrocinado por Mozilla) creó un curso gratuito en video que se ve muy interesante: https://cssgrid.io/