Curso Formativo: Grid Layout (2-3/3/2017)

Tiempo de lectura: 2 minutos

Tras aproximadamente un mes y medio desde el anterior taller presencial sobre React Native impartido en Donosti, la semana pasada tuve la oportunidad de impartir un taller sobre Grid Layout en el Parque Tecnológico de Zamudio, dentro de la iniciativa Enpresa Digitala.

Hubo poquitos asistentes (6), pero fueron muy aplicados y una compañía de lo más agradable. Me consta que quedaron muy contentos con las posibilidades que nos brinda Grid Layout y que van a empezar a aplicarlo a sus proyectos para tenerlo todo listo en cuanto todos los navegadores lo soporten. En este punto, comparten mi pesar con el hecho de que aún no sepamos cuándo vamos a poder disfrutar de esta característica en navegadores mobile, pero no nos queda otra que esperar.

La primera sesión la dedicamos a ponernos un poco en contexto, explicar qué es Grid Layout, cómo puede ayudarnos a la hora de crear el layout de nuestras páginas web y fuimos viendo una a una todas las propiedades, tanto de contenedor como de item, mediante pequeños ejemplos. Por otro lado, la segunda sesión fue 100% práctica. Los asistentes tuvieron que recrear un layout de ejemplo que les puse (con sus media queries y todo…), para después replicar una web entera, que se trataba de un caso real de un proyecto realizado hace algún tiempo por uno de los asistentes. Incluso, les dio tiempo a empezar a crear su propio framework, con el que crear los layouts usando grid, adaptado a los gustos y costumbres de cada uno.

Os dejo aquí alguno de los ejemplos que vimos durante el taller y algún otro más que he ido haciendo yo…

http://codepen.io/collection/XORoqZ/

Recordad que para poder practicar con Grid Layout y poder ver los ejemplos, debéis activar los siguientes flags dependiendo del navegador que estéis utilizando.

  • Chrome: En chrome://flags, activar “Funciones experimentales de Web Platform
  • Firefox: En about:config, activar “layout.css.grid.enabled

Por tanto, no puedo estar más contento de como fue el taller, y agradecido a todos los asistentes. Espero veros por algún otro curso que está por organizar. Más información próximamente…

Para quienes tengáis interés en esto de Grid Layout, os dejo la presentación del taller.

Dejar un comentario

Tu dirección de correo electrónico no será publicada. Los campos obligatorios están marcados con *

Ir arriba