DEV Community

Syntax - Tasty Web Development Treats

Tales from Web Dev Past - Part 2

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

Sanity - Sponsor

Sanity.io is 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 sanity.io/create. Get an awesome supercharged free developer plan on sanity.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 prismic.io/syntax.

Show Notes

03:00 - iFrames

  • Sidebar menu
  • target

05:42 - JavaScript image hovers

08:24 - CSS 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
  • ☠️ Killed icon fonts
    • ☠️ Killed by SVG icons

18:40 - Firebug and 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 - AngelFire / GeoCities

36:11 - Xanga / LiveJournal

37:29 - Above the fold content

39:36 - Homestar Runner

Links ××× SIIIIICK ××× PIIIICKS ××× Shameless Plugs Tweet us your tasty treats!

Episode source