Tales from Web Dev Past - Part 2

Published: Sept. 30, 2020, 1 p.m.

In this episode of Syntax, Scott and Wes are back with part 2 of Tales from Web Dev Past \u2014 this time looking at iFrames, layout trends, icon fonts, web rings, and more!

Sanity - Sponsor

Sanity.io\xa0is a real-time headless CMS with a fully customizable Content Studio built in React. Get a Sanity powered site up and running in minutes at\xa0sanity.io/create. Get an awesome supercharged free developer plan on\xa0sanity.io/syntax.

Prismic - Sponsor

Prismic is a Headless CMS that makes it easy to build website pages as a set of components. Break pages into sections of components using React, Vue, or whatever you like. Make corresponding Slices in Prismic. Start building pages dynamically in minutes. Get started at\xa0prismic.io/syntax.

Show Notes

03:00 - iFrames

  • Sidebar menu
  • target

05:42 - JavaScript image hovers

08:24 -\xa0CSS Pie

09:42 - Animated gifs of people and construction

11:20 - CSS Zoom 1 / IE CSS Hacks

  • Forced IE 7 to redraw floats

13:42 - Layout trends

16:26 - Sprite maps

  • Spritecow
  • \u2620\ufe0f Killed icon fonts
    • \u2620\ufe0f Killed by SVG icons

18:40 -\xa0Firebug\xa0and Firebug Lite

  • Lite was a bookmarklet

20:14 - Image maps / Background gradients

25:53 - Web rings

27:41 - Glossy buttons

28:09 - Flaming text

30:01 - Marquee tags

  • Staggered
  • Speed attribute

31:26 - Spacer gifs

34:30 -\xa0AngelFire\xa0/\xa0GeoCities

36:11 -\xa0Xanga\xa0/\xa0LiveJournal

37:29 - Above the fold content

39:36 -\xa0Homestar Runner

Links \xd7\xd7\xd7 SIIIIICK \xd7\xd7\xd7 PIIIICKS \xd7\xd7\xd7 Shameless Plugs Tweet us your tasty treats!