Solo los desarrolladores web de los 90 recuerdan esto (2014)
La nostalgia por el desarrollo web de los años 90 destaca un conjunto de trucos hoy obsoletos: GIF transparentes de 1x1 para maquetación, estructuras de página basadas en tablas, image maps, frames y etiquetas específicas de navegador como `<blink>` y `<marquee>`. Los comentaristas recuerdan cómo restricciones como conexiones lentas, CSS limitado y navegadores incompatibles impulsaron trucos elaborados, herramientas WYSIWYG como FrontPage y Dreamweaver, y las primeras técnicas de “dynamic HTML” mucho antes de que AJAX fuera común. Muchos contrastan esa web tosca pero personal y experimental con los sitios actuales, más pesados y basados en frameworks, viendo paralelismos en cómo tecnologías actuales como la IA podrían parecer igualmente torpes en retrospectiva.
Gradientes, estética y ciclos de diseño
- La gente recuerda que en los 90/00 les regañaban por usar gradientes (a través de GIF/JPEG), que se consideraban “baratos”; ahora los gradientes vuelven a estar de moda.
- Varios señalan que las tendencias de diseño son cíclicas: los gradientes, las esquinas redondeadas, etc. se sobreusan, luego pasan de moda y después regresan.
- Se culpa a Windows 98/ME y a la interfaz de Office de hacer que los gradientes parecieran aburridos y corporativos.
DHTML, “Distributed HTML” y humor
- Varios comentaristas señalan que DHTML significaba “Dynamic HTML”, no “Distributed HTML”.
- Muchos interpretan la línea de “distributed HTML” como una provocación deliberada / humor seco dirigido a quienes vivieron los 90.
- Algunos sienten que los “errores” factuales del artículo minan su credibilidad; otros dicen que la ambigüedad es la broma, aunque no a todos les hace gracia.
Trucos de maquetación: tablas, GIF de 1x1 y centrado vertical
- Fuerte nostalgia por la maquetación basada en tablas: intuitiva para muchos, potente pero dolorosa de mantener.
- Los GIF transparentes de 1x1 se usaban ampliamente para espaciado, ajustes de maquetación, espaciado vertical, píxeles de seguimiento e incluso HN todavía los usa.
- Se habla del centrado vertical como algo notoriamente difícil antes de Flexbox/Grid; la gente menciona:
- Trucos históricos: celdas de tabla con
valign=middle,display: table-cell, tablas anidadas. - Soluciones modernas: Flexbox (
align-items/justify-content), CSS Grid (place-content,100vh/svh/dvh), pero aún así “delicado”.
- Trucos históricos: celdas de tabla con
Esquinas redondeadas, troceado e image maps
- Patrón común: cuadrículas de tabla 3×3 con imágenes en las esquinas y bordes estirables para cajas redondeadas y sombras.
- Herramientas como Fireworks, ImageReady y el troceado en Photoshop generaban automáticamente enormes maquetaciones en tabla a partir de un único diseño visual.
- Los image maps del lado del cliente y del servidor se usaron mucho para navegación gráfica, páginas de aterrizaje e interfaces de mapas; algunas personas todavía los usan para casos de nicho.
Web “dinámica” temprana: iframes, XHR y Comet
- Antes de XHR/AJAX, los desarrolladores cargaban datos en iframes ocultos y se comunicaban mediante llamadas JS entre padre e hijo.
- Las técnicas de long-polling y estilo Comet existían desde temprano, pero estaban limitadas por los recursos del servidor y las herramientas.
- Algunos sostienen que DHTML significaba principalmente manipulación del DOM en la página (con todos los datos de antemano), separado de la posterior carga asíncrona de “Web 2.0”.
Herramientas, navegadores y rarezas heredadas
- Fuertes recuerdos de FrontPage, Dreamweaver, Flash/Shockwave y ColdFusion como puertas de entrada al desarrollo web.
- Las guerras de navegadores (Netscape vs IE) causaron etiquetas incompatibles (
<blink>vs<marquee>), errores de CSS, trucos para la transparencia PNG y soluciones específicas por versión. - El correo HTML y algunos sitios grandes todavía dependen de maquetaciones con tablas y trucos antiguos, preservando una parte de las técnicas de la era de los 90.
Nostalgia frente a complejidad moderna
- Muchos recuerdan con cariño la web temprana “fea pero divertida y personal”: libros de visitas, contadores, GIF de “en construcción”, splash pages, tipografías pixeladas.
- Otros enfatizan cuánto peores eran las herramientas y la compatibilidad, y prefieren los estándares actuales, incluso con mucho JS y complejidad.
- Unos pocos trazan un paralelismo: así como ahora se burla nostálgicamente de la web de los 90, la era actual de la IA quizá se recuerde con una diversión مشابهante.