367: With Micah Godbolt

I got to talk with Micah Godbolt this week! Micah is is a long-hauler at Microsoft working on Design Systems and such. His CodePen account looks a lot like mine: steady consistent usage of “just trying to figure something out” Pens sprinkled with some ideas that somehow seem to click with the wider front-end world. I found it fascinating that putting the word “Design Systems” into his book title “Front-end Architecture for Design Systems” was suggested by the publisher, and they were right! Turns out the term Design Systems clicked a lot harder since the 2016 publication and I’m sure hasn’t hurt sales!

Time Jumps

00:35 Guest introduction

02:46 Front end architecture for design systems

06:31 Building design systems

10:23 Sponsor: Linode

11:08 You don’t need a UI framework

17:49 Responsive multi-level nav pen

19:30 Multi height equal column pen

23:01 How do you ship components?

27:00 Testing for bugs

28:41 Consistently making pens

35:13 Creating a stripped down use case

40:06 Where can people find out more

Sponsor: Linode

Visit linode.com/codepen and see why over a million developers trust Linode for the infrastructure.  From their award-winning support (offered 24/7/365 to every level of user) to ease of use and set up; it’s clear why developers have been trusting Linode for projects both big and small since 2003.   Linode offers the industry’s best price-to-performance value for all compute instances, including shared, dedicated, high memory, and GPUs. Linode makes cloud computing simple, affordable, and accessible allowing you to focus on your customers, not your infrastructure.  Visit linode.com/codepen, create a free account and you’ll get $100 in credit.

The post 367: With Micah Godbolt appeared first on CodePen Blog.

Flatlogic Admin Templates banner

355: With Adam Argyle

I grabbed Adam intending to chat about all sorts of CSS stuff and his work at Google and on VisBug. But then we chatted pretty much the entire time about color and what’s coming there to the web platform.

Time Jumps

00:22 Guest introduction

01:05 VisBug

02:16 Riffing on color

03:26 Display P3

06:28 Lab and LCh

10:49 Sponsor: WordPress on YouTube

11:42 Is Lab more like RGB?

15:18 Lab and LCh vs OkLab and OKLCh

19:08 Creating your own color space

22:49 What is HSV?

25:42 Human compatible color

Sponsor: WordPress.com

WordPress.com is the fastest way to spin up a WordPress site. You’ll be able to build any sort of site around it to power your business or hobby. How do you make the most of it? Subscribe to their brand spankin’ new YouTube channel to learn more about using your site and what fellow customers are doing with theirs.

The post 355: With Adam Argyle appeared first on CodePen Blog.

Flatlogic Admin Templates banner

354: With Steve Gardner

We’ve got Steve Gardner on this week! We get into all sorts of nitty gritty detail on the ol’ Christmas Cannon, a Pen of pure joy. Steve has some absolute classics that show off the web at it’s very best, like the Airplanes Pen. Can’t beat Steve’s cleverness and execution.

Time Jumps

00:46 Hard to be creative sometimes

01:56 Christmas cannon pen

04:00 Mouthblogging the Pen

06:14 What is Blender?

07:46 How do you plop the graphics together?

11:17 Sponsor: Netlify

12:38 This is for fun

16:43 What’s the deal with your avatar?

18:25 Easter eggs on the web

20:34 Animation and digital design

21:48 Using Greensock

22:35 Airplane Pen

26:05 Do clients want you to recreate your Pens?

Sponsor: Netlify

Quirrel Joins Netlify and now we have Scheduled Functions (in Beta)! Wanna run your cloud functions on a time-based schedule? Now you can without even leaving your repo.

The post 354: With Steve Gardner appeared first on CodePen Blog.

Flatlogic Admin Templates banner