Tales from Web Dev Past - Part 2

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

b'

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!

'