360: Sarah Fossheim

I got to talk to Sarah Fossheim this week! One of the impressive things that Sarah does is near photograph-quality recreations of iconic old technology in HTML & CSS. I enjoyed the fact that neither of us quite totally knows what some of these machines even did, but appreciate their incredible aesthetics. Perhaps my favorite part of the conversation was emphasizing that this work, while almost being a relaxing hobby in the vein of knitting, still levels up one’s CSS ability. Sarah got me thinking that it’s not just CSS, but perhaps equally or more importantly HTML ability, the ability to break down sections into components and think about how smaller parts become a whole, just like any other website work.

Time Jumps

00:52 Guest introduction

01:45 Where do you find inspiration?

04:12 Calculator Pen

04:55 Roland Pen

07:02 Sponsor: Retool

08:26 Working with Text

10:35 What’s the connection to musical equipment?

13:46 Ethical Design Guide

21:36 What resources for training around accessibility are there?

24:06 Polaroid camera Pen

26:21 Have your coding skills improved?

Sponsor: Retool

Custom dashboards, admin panels, CRUD apps—build any internal tool faster in Retool. Visually design apps that interface with any database or API. Switch to code nearly anywhere to customize how your apps look and work. With Retool, you ship more apps and move your business forward—all in less time.

Thousands of teams at companies like Amazon, DoorDash, Peloton, and Brex collaborate around custom-built Retool apps to solve internal workflows. To learn more, visit retool.com.

The post 360: Sarah Fossheim appeared first on CodePen Blog.

Flatlogic Admin Templates banner

359: Tiffany Choong

I had tons of fun talking to Tiffany Choong this week! I loved learning her process on creating countless code art Pokémon characters. Just look at it and wing it! Wild. While I’m not nearly as creative as Tiffany, I feel some kinship looking through her Pens. Like how there are all these amazingly creative ones that clearly took tons of effort, that don’t have nearly the hearts they deserve (c’mon dino loader!), and then relatively simple practical Pens (like a menu) that go nuts with popularity and it’s hard to know why.

Time Jumps

01:05 Guest introduction

02:05 Recreating Pokemon

03:15 Rage animation

05:20 What’s your process for drawing shapes?

06:34 Let’s snuggle Pen

07:39 Does your job allow you to use this creativity?

08:37 Using Vue

10:39 Untitled dinosaur Pen

11:19 Education background

15:45 Your favorite pens

16:51 SVG as a medium

21:32 Reaching for CSS instead

24:05 Supporting IE 11

27:01 #CodePenChallenge Pens

28:21 Magical mobile menu

The post 359: Tiffany Choong appeared first on CodePen Blog.

Flatlogic Admin Templates banner