-
El inicio de la época obscura del diseño.
Se basaba en pantallas negras con pixeles monocromáticos que le daban el toque de color.
No existía el diseño web, ya que el texto dominaba la pantalla. -
Se crea la primera pagina web World Wibe Web .
Tim Berners-Lee, considerado uno de los grandes creadores de la web, objetivo informar que era la Word Wibe Web ( red informática global) -
Diseño con tablas
Los navegadores que permitían mostrar imágenes, evolución del diseño web en si mismo.
Las tablas llegaron para otorgarle orden al contenido, diseños estáticos y fluidos, a través de tablas dentro de tablas. -
JavaScript
Como punto en contra es que hace mas lenta la carga de la pagina, se mantiene fuerte tanto en front-end como en back-end.
El front-end loo relacionado a aquello que se ve en un sitio web. Mientras que el back-end garantiza que los datos correctos se envíen al navegador y crean la funcionalidad de sistema. -
La era de Flash, y la libertad del diseño.
Posibilidad de efectos visuales, una sola herramienta. Con un archivo que se envía al navegador para ser mostrado. -
Cascading Style Sheets- Hojas Estilo Cascada.
Que separa el contenido de la forma de presentación. Es decir, que en HTML de trabaja el contenido, mientras que en CSS se define formato y la apariencia.
Al comienzo la visualización variaba dependiendo el navegador, lo que dificultaba la actividad del desarrollador. -
La web 2.0.
Información basada en los usuarios, y la web 2.0 se hace popular junto con las redes sociales y blogs.
Interfaces visualmente mas agradables, alta usabilidad, diseño web, tanto en los usuarios como en los buscadores. -
Diseño de grilla y framework- llegada del diseño para moviles.
El diseño web se vio en la necesidad de evolucionar con la llegada de los smartphones, generar versiones del sitio basadas en el tamaño de la pantalla, a través del uso de grillas y framework.
La primera mejora columnas, hasta que se definió el sistema de rejilla con una división en 12 columnas como sistema que se utiliza hasta la actualidad. -
Diseño responsivo
El diseño responsivo o adaptable llego para resolver el conflicto de tamaño de las diferentes pantallas de los dispositivos inteligentes.
De esta manera es posible utilizar imágenes que ocupan el ancho completo de pantalla, y se abre el camino hacia el diseño web minimalista con apariencia mas sencilla y limpia.
Privilegiado un diseño mas plano, colocan al contenido en primer lugar, dejando atrás los efectos de sombra y regresando a la fotografía, tipografía y los detalles de líneas. -
Diseño responsivo parte 2
Parecería que de manera mas evolucionada el ciclo vuelve a sus comienzos Los cambios y la propia evolución de los dispositivos continuaran incluyendo en el mundo del diseño, ya que dependemos de estos como medio para exponer sitios. -
Mobile First
Diseño responsivo para mejorar la experiencia de navegación en los dispositivos móviles, la creación del sitio web se piensa y realiza primero para dispositivos Mobile, después se adapta para desktop. -
Sitios web a la mano de todos
No es necesario ser un experto para crear una pagina. están en alta los creadores de sitios como herramientas practicas para construir sitios web desde plantillas y con la posibilidad de agregar componentes para personalizar web. -
Editor Gutenberg
Compuesto de bloques, haciendo mucho mas fácil vectoriales en un nivel mas avanzado.
