Historia del diseño web en GIFs animados (1989-actualidad)

Los que trabajamos desde hace unos años en diseño web hemos sufrido cambios tan drásticos que prácticamente mucho de lo que utilizábamos hace años está totalmente caduco.

El diseñador web Sandijs Ruluks, autor de los 9 principios del diseño web responsive con GIFs animados vuelve a utilizar GIFs animados para ilustrar su artículo, en esta ocasión la historia del diseño web:


1. El comienzo de Internet (1989)

Una época oscura en las que las posibilidades de diseño eran muy escasas

Historia del diseño web en GIFs animados (1989-actualidad)


2. Las tablas (1995)

La técnica de maquetación con tablas fue el comienzo del diseño web, aún se pueden encontrar webs que utilizan tablas aunque hoy día ya está en desuso.


java


3. Javascript (1995)


Las limitaciones del HTML se amplían con Javascript para por ejemplo mostrar los horiibles pop-up. Hoy día si puedes hacer lo mismo con CSS mucho mejor aunque Javascript sigue siendo una parte importante del diseño web sobre todo con librerías como jQuery.


web


4. Flash (1996)

Llegan las famosas intro, con Flash no había limitación para el diseño, crear animaciones pero luego de tambalearse con sus problemas para el SEO llegó Apple y decidió que no iba darle a soporte. Flash sucumbió en el diseño web y hoy día está también en desuso.

Gifs


5. CSS (1998)

Esto sí que fue un hito para los diseñadores, separamos diseño de contenido.

diseno


6. Móviles – Grids y frameworks (2007)


Los diseñadores ya no sólo tenemos que lidiar con los distintos navegadores sino que hay que pensar en otros dispositivos, no sólo preocupa el layout sino los tiempos de carga. Se crean apps para móviles diferenciando la web del móvil. Se utilizan las famosas rejillas (grids) de 960 y las 12 columnas, surgen los frameworks para ayudar como Bootstrap y Foundation.

historia


7. Responsive web design (2010)

Usamos prácticamente el mismo contenido pero lo servimos de forma distinta según la resolución del dispositivo.

flash


8. La tendencia del diseño Flat (2010)

Surge una nueva tendencia en diseño web conocida como Flat design, simplista, plana, mucho más fácil de mantener, enfocada al contenido.

responsive web


9. El futuro (2014)


Como habrás comprobado el diseño web está muy vivo y sufre cambios continuamente. El futuro es hoy cuando hablamos ya de que casi hemos eliminado la incompatibilidad entre navegadores, en que existen multitud de herramientas para diseñar mucho más potentes que antaño, donde Flexbox, <picture>, vh y vw van ganando terreno.


Historia del diseño web en GIFs animados (1989-actualidad)

2 comentarios - Historia del diseño web en GIFs animados (1989-actualidad)

@rueva
pensar que empece con la informatica en 1974