Only 90s Web Developers Remember This (2014)

Original Article ↗ Hacker News Discussion ↗

Nostalgia for 1990s web development highlights a toolkit of now-obsolete tricks: 1x1 transparent GIFs for layout, table-based page structures, image maps, frames, and browser-specific tags like `<blink>` and `<marquee>`. Commenters recall how constraints like slow connections, limited CSS, and incompatible browsers drove elaborate hacks, WYSIWYG tools such as FrontPage and Dreamweaver, and early “dynamic HTML” techniques long before AJAX was mainstream. Many contrast that era’s ugly but personal, exploratory web with today’s heavier, framework-driven sites—seeing parallels in how current technologies like AI may one day look equally clumsy in hindsight.

Gradients, Aesthetics, and Design Cycles

  • People recall being scolded in the 90s/00s for using gradients (via GIF/JPEG), which were seen as “cheap”; now gradients are fashionable again.
  • Several note that design trends are cyclical: gradients, rounded corners, etc. become overused, then unfashionable, then return.
  • Windows 98/ME and Office UI are blamed for making gradients feel boring and corporate.

DHTML, “Distributed HTML”, and Humor

  • Multiple commenters point out that DHTML meant “Dynamic HTML,” not “Distributed HTML.”
  • Many interpret the “distributed HTML” line as deliberate bait / deadpan humor aimed at people who were around in the 90s.
  • Some feel the article’s factual “mistakes” undermine its credibility; others say that ambiguity is the joke, though not everyone finds it funny.

Layout Hacks: Tables, 1x1 GIFs, and Vertical Centering

  • Strong nostalgia for table-based layout: intuitive to many, powerful but painful to maintain.
  • 1x1 transparent GIFs were widely used for spacing, layout nudging, vertical spacing, tracking pixels, and even HN still uses them.
  • Vertical centering is discussed as notoriously hard pre-Flexbox/Grid; people mention:
    • Historical hacks: table cells with valign=middle, display: table-cell, nested tables.
    • Modern solutions: Flexbox (align-items/justify-content), CSS Grid (place-content, 100vh/svh/dvh), but still “fiddly.”

Rounded Corners, Slicing, and Image Maps

  • Common pattern: 3×3 table grids with corner images and stretchable edges for rounded boxes and drop shadows.
  • Tools like Fireworks, ImageReady, and Photoshop slicing auto-generated huge table layouts from a single visual design.
  • Client- and server-side image maps were heavily used for graphical navigation, landing pages, and map UIs; some people still use them for niche cases.

Early “Dynamic” Web: Iframes, XHR, and Comet

  • Before XHR/AJAX, developers loaded data into hidden iframes and communicated via parent/child JS calls.
  • Long-polling and Comet-style techniques existed early but were limited by server resources and tooling.
  • Some argue DHTML mainly meant in-page DOM manipulation (all data up front), separate from later “Web 2.0” async loading.

Tools, Browsers, and Legacy Quirks

  • Strong memories of FrontPage, Dreamweaver, Flash/Shockwave, and ColdFusion as on-ramps into web dev.
  • Browser wars (Netscape vs IE) caused incompatible tags (<blink> vs <marquee>), CSS bugs, PNG transparency hacks, and version-specific workarounds.
  • HTML email and some large sites still rely on table layouts and old tricks, preserving a slice of 90s-era techniques.

Nostalgia vs. Modern Complexity

  • Many fondly remember the “ugly but fun and personal” early web: guestbooks, counters, under-construction GIFs, splash pages, pixel fonts.
  • Others emphasize how much worse tooling and compatibility were, and prefer today’s standards, even with heavy JS and complexity.
  • A few draw a parallel: just as the 90s web is now mocked nostalgically, today’s AI era may be remembered with similar amusement.