meta_pixel
Tapesearch Logo
Log in
Syntax - Tasty Web Development Treats

Tales from Web Dev Past - Part 2

Syntax - Tasty Web Development Treats

Wes Bos

Tech News, News, Technology

4.9 • 1.2K Ratings

🗓️ 30 September 2020

⏱️ 49 minutes

🧾️ Download transcript

Summary

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 Dreamweaver Photoshop Slice and Select Tool 08:24 - CSS Pie 09:42 - Animated gifs of people and construction http://textfiles.com/underconstruction/ 11:20 - CSS Zoom 1 / IE CSS Hacks Forced IE 7 to redraw floats 13:42 - Layout trends 800x600 fixed websites 960gs Golden Grid 12-col grid creators 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 1px wide and 2000px tall image to make repeating gradients Squidfingers Subtle Patterns Hero Patterns CSS3 Patterns 25:53 - Web rings 27:41 - Glossy buttons 28:09 - Flaming text FlamingText.com 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 Abovethefold.fyi 39:36 - Homestar Runner Links Drupal Omega theme Syntax 032: Designing, Templating, Inlining and Sending Email Mailchimp Litmus Email on Acid Herman Miller Aeron ××× SIIIIICK ××× PIIIICKS ××× Scott: New Rustacean Podcast Wes: Autonomous Ergo Chair Shameless Plugs Scott: Advanced Animating React with Framer Motion - Sign up for the year and save 25%! Wes: Master Gatsby - Use the coupon code ‘Syntax’ for $10 off! Tweet us your tasty treats! Scott’s Instagram LevelUpTutorials Instagram Wes’ Instagram Wes’ Twitter Wes’ Facebook Scott’s Twitter Make sure to include @SyntaxFM in your tweets

Transcript

Click on a timestamp to play from that location

0:00.0

You're listening to Syntax. The podcast with the tastiest web development treats out there.

0:06.0

Strap yourself in and get ready. Here is Scott Telinsky and West Boss.

0:10.4

Welcome to Syntax. This is the podcast that has the development treats that are the tastiest.

0:17.0

We measured them all, every podcast out there, and we have the tastiest web development treats.

0:22.0

So thank you for tuning in today. We've got a part two of our

0:26.1

tales from web-dev pass people of the last one that we did basically just talking about

0:32.2

tech that was so hot 10, 15 years ago and why we had it and what we had to do and what we have now instead of it and sort of why it got killed off or died or or became

0:44.6

less popular. With me as always is Mr. Scott Tolinsky. How you doing today

0:49.5

Scott? Heyo I'm too good.

0:52.6

Just hanging out trying to record my next course.

0:55.7

I'm re-recording my react beginners course,

0:59.1

which was just, I mean, the course wasn't old, but but it was you know built to be classes first and all this stuff and there's been so many changes in react so I'm re-recording it to be hooks first but I'm also re-looking at like the types of things I'm teaching in the order and everything like that and I'm very awesome. I'm very into it. Yeah, just having a good time having a good time recording which is way we want to be you know. That's funny I'm looking, I'm re-doing my React for being in

1:24.2

our course right now as well, or not now, but it's coming up. It's on the slate to be

1:29.4

re-recorded and I'm like I don't want to obviously it's going to be hooks in classes first but I also need to

1:36.8

Keep a lot of that class stuff in not a lot of it, but enough that you can teach people classes because right I went into an app that was NextJAS and it was

1:46.7

version 2 and I think the most recent version is 8 and I could not for the.0.

1:55.0

2.0.

1:56.0

And I had no idea how to use the thing,

1:58.1

so I had to update the entire thing.

1:59.8

And I was like, oh man, this is probably what people run into all the time where the thing has

2:06.4

been sitting for a year and a half and all of a sudden none of the docs none of the

2:10.5

tutorials cover any of the stuff and you don't really know what these life cycle methods are so that stuff is kind of important especially in real world where stuff's not updated every three minutes.

...

Please login to see the full transcript.

Disclaimer: The podcast and artwork embedded on this page are from Wes Bos, and are the property of its owner and not affiliated with or endorsed by Tapesearch.

Generated transcripts are the property of Wes Bos and are distributed freely under the Fair Use doctrine. Transcripts generated by Tapesearch are not guaranteed to be accurate.

Copyright Š Tapesearch 2026.