-
Period: 1996 BCE to 1996 BCE
flash
Llegó Flash e impresionó con la posibilidad de efectos visuales, quebrando las barreras que existían en el diseño web del momento. Era el sueño cumplido a través de una sola herramienta. Con un archivo que se envía al navegador para ser mostrado.
Esta época marcó un hito, pero con el tiempo quedó a la vista que los efectos e interacciones no eran abiertos para las búsquedas que indexan “HTML”, además de consumir poder de procesamiento. Esto hizo que con el tiempo pierda fuerza. -
Period: 1995 BCE to 1995 BCE
JavaScript
JavaScript llegó para resolver varias de las limitaciones del HTML. Y fue con su aparición que el diseño web ganó dinamismo. Sin embargo, una de las cuestiones más comentadas como punto en contra es que hace más lenta la carga de la página.
Si bien en la actualidad muchos evitan JavaScript para resolver cuestiones que pueden realizarse utilizando CSS, aún se mantiene fuerte tanto en front-end como en back-end. Siendo el front-end lo relacionado a aquello que se ve en un sitio web. -
HTML
El origen de HTML se remonta a 1980, cuando el físico Tim Berners-Lee, trabajador del CERN (Organización Europea para la Investigación Nuclear) propuso un nuevo sistema de "hipertexto" para compartir documentos.
Los sistemas de "hipertexto" habían sido desarrollados años antes. En el ámbito de la informática, el "hipertexto" permitía que los usuarios accedieran a la información relacionada con los documentos electrónicos que estaban visualizando. -
World Wide Web
Hacia 1991 se publicó la primera página web “World Wide Web”, de la mano de Tim Berners-Lee, un físico inglés considerado uno de los grandes creadores de la web. Este sitio tenía como único objetivo informar qué era la World Wide Web (o red informática global). Hoy, más de 20 años después, podemos garantizar que sus usos sin duda se han multiplicado, y que el diseño de las páginas sufrió muchos cambios con el tiempo. -
Diseño con tablas
La invención de los navegadores que permitían mostrar imágenes representa el primer paso en la evolución del diseño web en sí mismo. Las tablas llegaron para otorgarle orden al contenido, siendo la forma que permitía mezclar diseños estáticos y fluidos, a través de tablas dentro de tablas.
De alguna forma las tablas fueron el punto de partida de lo que hoy es el diseño responsivo.
Durante un buen tiempo el método de tablas fue el más utilizado para diseñar páginas web. -
Period: to
CSS
Cascading Style Sheets – Hojas de Estilo en Cascada
Este lenguaje se hizo popular con una propuesta 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 el formato y la apariencia.
El CSS paso por un proceso de evolución que demoró varios años hasta lograr sus mejores resultados. Al comienzo la visualización variaba dependiendo el navegador, lo que dificultaba la actividad del desarrollador -
La Web 2.0
Comienza la era de la información basada en los usuarios, y la web 2.0 se hace popular junto con las redes sociales y blogs.
Con interfaces visualmente más agradables y con alta usabilidad, entramos en una fase más evolucionada del diseño web, en el que se comenzó a pensar tanto en los usuarios como en los buscadores. El foco en la experiencia de navegación mediante el uso del diseño web. -
Diseño de grilla y framework
La llegada del diseño para móviles.
El diseño web se vio en la necesidad de evolucionar con la llegada de los Smartphone. A partir de este momento era necesario generar versiones del sitio basadas en el tamaño de la pantalla. Y ésto era posible a través del uso de grillas y framework. Fue un reto muy importante.
La primer mejora fue con la idea de 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
A partir del año 2010 en adelante, llegando hacia el año 2012 aparece el último gran cambio en el diseño web. El diseño responsivo o adaptable, que llegó para resolver el conflicto de tamaño de pantallas.
Con un mismo contenido (un sólo sitio web), pero con diferentes diseños según el tamaño del dispositivo, se encontró una forma de presentar de manera más amigable la información al usuario. De esta manera es posible utilizar imágenes que ocupan el ancho completo de pantalla.