Resumen 29/04/2020

mayo 21, 2020

Resumen 29/04/2020

Hola a tod@s!!! Un pequeño resumen para l@s que no han podido participar hoy! 😊

Hoy hemos seguido hablando del tema responsive. Es un tema importante y complicado cuando queremos que todos los elementos (menú, imágenes, textos, videos, formularios…) se comporten como queremos en las diferentes versiones (desktop, tableta, móvil). Por eso es necesario dedicarle todo el tiempo que hace falta para poderlo dominar.

Hemos revisado los ejercicios de transformación del menú y hemos visto en detalle el código de Malena (colgado en el campus - nombre:” con_media_float_mas_menu”) que ha sido el que se ha acercado más al objetivo, aunque con el ayuda de un trozo de código JavaScript y un CSS externo para la icona “<i class="fa fa-bars"></i> “ del desplegabile en la version móvil.

Aquí os paso un enlace al w3school para ver las diferentes opciones de uso de esta icona.

https://www.w3schools.com/icons/tryit.asp?filename=tryicons_fa-bars

Hemos encontrado algunos ejemplos muy útiles en internet con diferentes soluciones que nos puedes ayudar con este tema.

- https://css-tricks.com/convert-menu-to-dropdown/

- https://www.cssscript.com/select-styleable-dropdown-selectal/

- https://codeconvey.com/responsive-css-navigation-with-dropdown/

- https://codeconvey.com/Tutorials/responsive-css-navigation-with-dropdown/

Os dejo tambien aquí dos enlaces que nos ha pasado Juan Carlos.

- https://jsfiddle.net/

- http://responsivedesignsimulator.com/

El primero es un editor de código parecido al codepen, y el segundo es un simulador de dispositivos para testear la responsividad de los sitios web.

Y para terminar los enlaces a los tutoriales de brackets que nos han pasado Olga y Dolors.