Froont, una empresa de San Francisco que fabrica herramientas para diseñadores web, utiliza 9 animaciones en formato GIF para mostrar la evolución del diseño web en los últimos 25 años. Si quieres saber por qué CSS es tan importante y por qué Flash se está eliminando gradualmente, estas animaciones quizás te permitan echar un vistazo.
La era monocromática del diseño web, alrededor de 1989. Piensa en Lynx y otros navegadores web basados en Unix. Estos navegadores solo transmitían palabras a través de la red, de una terminal a otra, carácter por carácter. No había interfaz gráfica de usuario, solo una cadena de letras y un cursor parpadeante.
El comienzo de la era moderna, alrededor de 1995. Los primeros navegadores, como Mosaic, permitían a los diseñadores mostrar imágenes en los sitios web, pero la única manera era colocar esos elementos de página en poco elegantes diseños de tabla. Debido a que era muy difícil posicionarlos con precisión, los diseñadores tenían que tener muy claro cómo escribir código con tablas anidadas dentro de tablas para mostrar el contenido correctamente.
Afortunadamente, apareció JavaScript, que brindó una gran comodidad a los diseñadores. Flash hizo más fácil el diseño de sitios web dinámicos: por ejemplo, ventanas emergentes y la modificación dinámica del orden del contenido en la página. Pero, en comparación con el HTML nativo, JavaScript era muy lento.
Aunque Flash también estuvo en boga, ahora casi ha sido eliminado por HTML5. Pero en 1996, representó una nueva altura en el diseño web: permitía a los diseñadores dar vida a las páginas a su manera. Esta fue también la era dorada de las páginas desplegables y las animaciones de apertura de Froont. Sin embargo, Flash consumía muchos recursos de procesamiento de la computadora, lo que lo convertía en una tecnología especialmente poco amigable, sobre todo para dispositivos móviles como portátiles y teléfonos inteligentes.
CSS, publicado por primera vez en 1998, resolvió muchos de los primeros problemas del diseño web. Al separar la estética del sitio del contenido de la página, los diseñadores por fin pudieron crear o personalizar páginas web a su gusto. Aunque las primeras versiones de CSS no eran muy flexibles, hoy en día CSS se ha convertido en la tecnología web más importante que un diseñador debe dominar.
El lanzamiento del iPhone en 2007 presentó a los diseñadores un problema completamente nuevo: ¿cómo diseñar páginas web en la pantalla más pequeña de un teléfono inteligente? Al principio, los diseñadores pensaron en usar un sistema de cuadrícula que dividiera la página web en varias columnas según el tamaño de la pantalla del dispositivo.
En 2010, Ethan Marcotte ideó otra solución para el problema de cómo mostrar páginas web en dispositivos móviles: el diseño responsive.
Después del diseño responsive, apareció un diseño plano que quitaba los efectos llamativos y priorizaba el contenido. Este diseño simplifica los elementos visuales y crea una experiencia web destacando una tipografía hermosa, y se ve muy bien en cualquier dispositivo.
¿Y qué depara el futuro? Froont afirma que mejores diseños web aún están en investigación y desarrollo. En el futuro, los diseñadores no tendrán que preocuparse por los problemas de compatibilidad de los navegadores, y tendrán a mano varias herramientas adecuadas para cualquier dispositivo. La tecnología dejará de ser una limitación para el diseño, y los diseñadores podrán concentrarse en resolver problemas de UI y UX, en lugar de perder tiempo solucionando fallos.
Fuente original:The History Of Web Design Explained In 9 GIFs
Fuente de la traducción:http://www.codeceo.com/article/9-gif-web-design-history.html
Autor de la traducción:red de programadores– Xiaofeng