Día 1 / Semana 5

Comenzamos una nueva semana y nuevos desafíos, en la clase de hoy, tocó uno de los temas «más peliagudos» de la maquetación, que es crear y manipular un menú responsive.

Un tema recurrente de cuando empezaba a maquetar, era el hecho de crear un buen menú, intuitivo, con una legibilidad óptima y lo más importante; que se visualice de manera perfecta en cada pantalla habida y por haber (bueno, quizá no taaaanto). Y esque la variedad de dispositivo que hoy en día manejamos es bastante amplía, no me hubiera gustado ser un «web master» en los tiempos en que este universo tuvo su explosión (entre 2007 y 2011, con la entrada de los smartphones y tablets respectivamente).

Hoy es un tema importante, pero afortunadamente tenemos un montón de caminos que nos pueden llevar a un resultado más que aceptable, es perfectamente posible crear un menú responsive sólo con html y css a través de mediaquierys y *funciones* simples en css, sin embargo el estándar sigue siendo html, css y una pequeña función en javascript.

Captura de la clase del día de hoy (menú responsive)

Entonces, empezamos la clase con la premisa de tener una intro a los menus responsive «clásicos» y observar como el profesor creaba y explicaba el proceso.

Captura del script utilizado en el responsive del menú

La gran novedad que tuvimos fue la introducción de Script´s en javascript a la maqueta para poder crear la función que disparaba con el click la aparición del responsive. Una función simple y efectiva.

Recuerdo de cómo finalmente quedó nuestro prototipo.

En el segundo bloque coordinamos con mi grupo la división del trabajo a realizar en el proyecto, ya llegada la parte del «código», sugerí yo crear la base para que pudiéramos avanzar lo más rápido posible y optimizar nuestro tiempo, cosa importante debido a que tenemos que considerar que es muy limitado para la cantidad de conocimientos que se exigen en la programación (típico de bootcamp, digerir conocimiento hasta vomitar jajaja).

base de nuestra maqueta.

Conclusión

En conclusión hoy fue una clase muy didáctica y que nos sacó el jugo (el ritmo era acelerado, quizá muy acelerado para algunas personas) y espero que podamos sacarle el jugo a ella en el futuro cercano, la gran novedad; javascript.

Espero en las próximas sesiones se aproveche el tiempo tan bien como hoy, se vienen sesiones de trabajo grupales muy intensas pero distendidas, tal como fue nuestro segundo bloque hoy, espero cumplir con el objetivo y no defraudar a nadie jajaja.

Dejar un comentario

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