Cosas que solo recuerdan los desarrolladores web de los 90 (2014)

Cosas que solo recuerdan los desarrolladores web de los 90

• Los desarrolladores web de los 90 creaban innovadoras animaciones por computadora combinando las etiquetas <blink> y <marquee>.
• En ese momento, estas técnicas se consideraban una gran innovación, y los desarrolladores web eran vistos como pioneros de la innovación tecnológica.

1x1.gif

• 1x1.gif es una imagen GIF transparente compuesta por un solo píxel, considerada el logro más importante de la informática desde las listas enlazadas.
• Esta pequeña imagen estaba optimizada para la web responsiva y se usaba para colocar libremente elementos dentro de una página web.
• Se podían ubicar elementos dentro de una página web en la posición deseada usando etiquetas como <IMG SRC="/1x1.gif" WIDTH=150 HEIGHT=250>.

    

•   es una entidad HTML que crea espacios en blanco, y se usaba de forma útil cuando era difícil utilizar imágenes.
• Repitiendo   varias veces se podía crear tanto espacio como se quisiera, y esta era una técnica usada con frecuencia en el desarrollo web de los 90.

Subrayado punteado y efectos de borde

• Con la llegada de CSS, los desarrolladores web empezaron a usarlo para quitar el subrayado de los enlaces.
• Este cambio volvió Internet más confuso, pero al mismo tiempo dio pie al desarrollo de nuevas técnicas como los efectos de cursor.

DHTML

• La combinación de CSS y JavaScript dio origen a una tecnología llamada DHTML.
• DHTML ayudó a transformar el desarrollo web de un pasatiempo en una profesión, y ofrecía bloques de código con los que era posible resolver problemas solo copiando y pegando.

Fuentes de píxeles

• Como la resolución de las pantallas era baja, se usaban pequeñas fuentes de píxeles para aprovechar al máximo el espacio en pantalla.
• Los desarrolladores web comenzaron a interesarse por el pixel art, y esto podía verse en las pantallas de bienvenida de las páginas web.

Botones

• Internet Explorer 4.0 era considerado la forma perfecta del navegador web, e influía en la decisión de qué navegador debían usar los usuarios.
• En los sitios web se mostraban diversos botones de 88x31 píxeles, que eran un símbolo de la experiencia y las preferencias del desarrollador web.

Opinión de GN⁺

• Este artículo despierta la nostalgia por el desarrollo web de los 90 y recuerda la innovación técnica y la creatividad de aquella época.
• Muestra cómo tecnologías simples como 1x1.gif y   revolucionaron el diseño de páginas web.
• Ayuda a los desarrolladores web actuales a entender cuán creativas y experimentales eran las tecnologías web del pasado.

[GN⁺]

Comentarios de Hacker News

• Anécdotas sobre los mapas de imagen del lado del servidor

  • Un administrador de sistemas y principiante en programación web usó mapas de imagen del lado del servidor en vez de JavaScript para manejar puntos sobre una imagen.
  • Por su preferencia de evitar JavaScript, tuvo que escribir más código en Python.

• Alineación vertical centrada: antes y ahora

  • Antes no se podía usar vertical-align: middle;, lo que implicaba una gran pérdida de productividad, pero ahora ya no es así.
  • Recuerdos de los estilos hover de enlaces en la era de Internet Explorer y de los diseños con esquinas redondeadas usando tablas.

• Explicación sobre DHTML (Dynamic HTML)

  • Se señala que DHTML no significa "HTML distribuido", sino "HTML dinámico".
  • Era posible copiar código de sitios como Dynamic Drive para resolver problemas.

• Uso de frames y sus problemas

  • Los frames fueron la "solución" original para no tener que modificar la barra de navegación en múltiples páginas.
  • Había problemas cuando se accedía directamente a una página con frames y cuando los motores de búsqueda indexaban por separado partes de la página.

• Explorando la expansión de la barra de menú de la página principal de Microsoft

  • En 1996, hubo intentos por entender la función de expansión de la barra de menú de la página principal de Microsoft.
  • Existía el problema de que el código fuente aparecía en una sola línea y malentendidos sobre la entidad  .

• Diseño de esquinas redondeadas con tablas

  • Una técnica para crear esquinas redondeadas usando una tabla 3x3 e imágenes.
  • Esta técnica también se usó durante mucho tiempo en correos HTML.

• Recomendación de Geocities Gallery

  • Se recomienda Geocities Gallery para experimentar la web de los 90.
  • El diseño único y la personalidad de las páginas web personales contrastan con las redes sociales actuales.

• Compatibilidad de los navegadores con las etiquetas <blink> y <marquee>

  • Netscape soportaba <blink> e Internet Explorer soportaba <marquee>, pero era raro que un navegador soportara ambas.

• Características de los sitios web de los 90 y 2000

  • Uso del aviso "Optimizado para resolución 800x600" y de la insignia de "Valid HTML 4.01".
  • La publicidad cambió de simples banners de imagen a bundles complejos de JavaScript y anuncios en video.

• Ausencia del uso del término "webmaster"

  • Se plantea la duda de por qué el artículo no menciona ni una sola vez la palabra "webmaster".