Resumen 28/04/2020

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

Hemos hablado del codepen, editor de código online, de su excelente interfaz y de su potencialidad para gestionar proyectos colectivos de edición de código. https://codepen.io/

Hemos discutido de varios problemas y soluciones que hemos encontrado con los ejercicios de paginas responsive con los tres métodos, float, flexbox y grid.

Dolors nos ha pasado un enlace a una página web donde se encuentra una explicación muy clara del metodo grid, que junto al documento compartido por Jordan en el campus virtual, cubre perfectamente el tema grid. https://lenguajecss.com/p/css/propiedades/grid-css

Os paso aquí un enlace a un artículo de la web https://css-tricks.com, donde se describe una aplicación muy interesante del metodo grid con una funcionalidad muy interesante sin necesitar de java script. https://css-tricks.com/how-to-make-a-css-only-carousel/

El Juan Carlos nos ha pasado un sitio muy interesante, donde se pueden bajar plantillas de CSS: https://templated.co/

En las discusiones que hemos tenido han salido dos elementos de fundamental importancia a la hora de crear una página web que son: Usabilidad y Experiencia del Usuario (UI -> User Interface – UX -> User Experience)  

Usabilidad -> Lo fácil de usar que es el sitio

Experiencia del Usuario -> Lo agradable que es la interacción de los usuarios con el sitio

https://blog.hubspot.es/marketing/claves-para-experiencia-de-usuario-y-usabilidad

Es imprescindible hoy en día programar teniendo en cuenta UI/UX si queremos que nuestra web no sea un fracaso por muy currada que sea del punto de visto del código…

Como paso siguiente para los ejercicios que hemos hecho hasta ahora, hemos propuesto la creación de un menú horizontal en la parte de arriba de la página para versión web, que se transforme en un menú vertical lateral a la izquierda en la versión tableta y en menú desplegable para la versión móvil.

Y esto es todo para hoy 😊

Hasta Mañana!!!