CSS-Tricks Chronicle XXXX

Avatar of Chris Coyier
Chris Coyier on (Updated on )

Learn Development at Frontend Masters

Just a little link roundup of some off-site stuff I’ve done recently. As I’m wont to do from time to time.

DevJourney Podcast

#151 Chris Coyier from ceramics to CSS-Tricks and CodePen

Chris took us from playing on his first C64 to his bachelor of arts in ceramics and back to web development. We talked about the different positions he held along the way and how they slowly but surely led him toward web development. We brushed over the creation and recreation of CSS-Tricks, learning in the open and what a good day looks like.

Podrocket Podcast

Rocket Surgery: Kaelan and Chris Coyier compare notes

I was asked to remove the audio embed from here, you’ll have to go there to listen to it if you want to.

Are you up to speed on all of this new CSS stuff? Chris Coyier and Kaelan compare notes on CSS and frontend development (they also discuss MDN plus).

CodePen Radio

I’ve been back to hosting the episodes of CodePen Radio this year, every week. Here are some recent episodes.

#326: Design Pattern Deepdives: Tabs and InfoBox CodePen Radio

Chris and Stephen pick out a couple of components from our design pattern library (which we talked about last here) and go into why they exist, what they do, what makes them complex, and the API choices. Relatively new to us is the idea of compound components which have, so far, been good to us […]
  1. #326: Design Pattern Deepdives: Tabs and InfoBox
  2. #325: New Embed Modal
  3. #324: How can we help you better?
  4. #323: Trends
  5. #322: Upgrading Upgrades

I will randomly do the podcast as a video some weeks and call it CodePen Radio on TV! Here’s Adam Kuhn and I doing one of those videos. You’ll see a new intro animation on it that Adam himself did.

ShopTalk Show

Dave and I are six months away from doing this weekly for 10 years!! Again, some recent shows:

474: Tech Conferences, Dev on Windows, and CSS for Displaying Random Images ShopTalk

The D-d-d-d-discord's got threads! Are conferences a thing we're ready for? How was Dave's experience working on a Windows PC? Help Dave figure out his monitor issue on Mac. Are people writing websites without a build step? And what is a good CSS technique for displaying images that could be either horizontal or vertical?
  1. 474: Tech Conferences, Dev on Windows, and CSS for Displaying Random Images
  2. 473: Brad and Ian Frost – From Meteorologist to Web Developer
  3. 472: Good Meetings. Is This Data? Front End vs Back End.
  4. 471: Perf as a Job, Riverside vs Streamyard, Frontend Being Consumed, and How Much to Bill Clients
  5. 470: Slap a WAAPI, Explaining the Shadow DOM, LayoutNG, iFrames, the Web Animation API

Some of the shows have been centered around a series called JavaScript in 2021.

The biggest change around ShopTalk is our Patreon + Discord which has been very awesome.