¿Has visto alguna vez un sitio web de los años 90?

Si miras sitios web de los años 90 en Wayback Machine, resultan impactantes para los estándares actuales. Fondos de colores fluorescentes, texto parpadeante, GIF animados giratorios, iconos de "en construcción", contadores de visitas - ¿por qué los sitios web antiguos eran tan horribles?

En realidad, considerando las limitaciones técnicas de la época, aquello era "lo más avanzado".

Los años 90 - la era del HTML puro

En los inicios de la Web (alrededor de 1991-1996), las páginas web se creaban solo con HTML. CSS (hojas de estilo) aún no existía y las opciones de diseño eran extremadamente limitadas.

  • El color de fondo se especificaba con el atributo bgcolor de HTML. Los ajustes sutiles de color eran difíciles
  • El diseño se construía con etiquetas <table>. Se lograban diseños complejos anidando tablas
  • Solo se podían usar las fuentes instaladas en el ordenador del visitante
  • Las imágenes solo podían ser GIF o JPEG. El PNG transparente aún no estaba extendido

El "texto parpadeante" se lograba con la etiqueta <blink> implementada de forma propietaria por Netscape Navigator. En aquella época, el "texto en movimiento" era novedoso y muchos sitios lo usaban en exceso.

Los años 2000 - la era dorada de Flash

Al entrar en los años 2000, Adobe Flash transformó el diseño web. Animaciones, música, juegos, vídeo - con Flash se podía hacer de todo.

  • Se pusieron de moda los "sitios full Flash" donde todo el sitio estaba hecho en Flash
  • Las animaciones de introducción llamativas (con botón "Skip Intro") eran un clásico
  • Los sitios de juegos Flash eran enormemente populares (Newgrounds, Miniclip, etc.)

Sin embargo, Flash tenía problemas. Los motores de búsqueda no podían leer el contenido de Flash (desfavorable para el SEO), las vulnerabilidades de seguridad eran frecuentes y no funcionaba en dispositivos móviles. En 2010, Steve Jobs de Apple declaró que "el iPhone no soportará Flash", y comenzó el declive de Flash. A finales de 2020, Adobe terminó completamente el soporte de Flash.

De 2010 a la actualidad - la era de CSS y JavaScript

El diseño web actual se basa en tres tecnologías: HTML + CSS + JavaScript.

  • CSS3: animaciones, degradados, sombras, bordes redondeados y más, permitiendo expresiones ricas sin Flash
  • Fuentes web: con Google Fonts y similares, se puede mostrar la misma fuente en cualquier dispositivo
  • Diseño responsivo: un solo sitio compatible con PC, tableta y smartphone
  • Diseño plano: desde iOS 7 en 2013, el diseño plano y simple se convirtió en la tendencia dominante frente al diseño tridimensional

"Feo" es producto de su época

Que el diseño web de los años 90 sea "feo" es el resultado de hacer lo mejor posible dentro de las limitaciones técnicas de la época. Y el diseño "sofisticado" de hoy también podría ser considerado "anticuado" dentro de 20 años.

Curiosamente, recientemente el diseño web retro al estilo de los años 90 está siendo reevaluado como un estilo "intencionalmente feo". Pixel art, colores fluorescentes, contadores de visitas - diseños donde conviven la nostalgia y la frescura son populares entre algunos creadores.

Resumen

El diseño web ha evolucionado desde los diseños con tablas HTML → la era dorada de Flash → la era de CSS + JavaScript. Que los sitios antiguos parezcan feos es resultado de las limitaciones técnicas, y en su momento eran lo más avanzado. Mirando sitios antiguos en Wayback Machine se puede apreciar la evolución de la Web.

Términos del glosario relacionados

Navegador Netscape Navigator, Internet Explorer, Chrome - la evolución de los navegadores impulsó la evolución del diseño web. HTTPS Los sitios web de los años 90 usaban casi exclusivamente HTTP. La adopción de HTTPS se generalizó a partir de finales de la década de 2010. DNS El mecanismo de DNS no ha cambiado fundamentalmente desde los años 90. Solo el diseño web ha evolucionado drásticamente.