Bad at CSS David East, Adam Argyle

Dave Rupert knows his inputs and we got a lot to learn.

Dave's great blog - https://daverupert.com/ [https://www.youtube.com/redirect?event=video_description&redir_token=QUFFLUhqbWE2dkhjTk1ZMF94X3EwVEk5VGxXcDRXLVNod3xBQ3Jtc0tsbGpYOHBvM1VqRloweFRUdE4zRHlnb2pjSnpGSUJlT3B1TnF5UnZlSjROWlFtbktlOTBiYUlaQmhfakV6ZFNBMXVRSmlLMDRaUHg0UC1GMjJnS0Fzblp5T1BvQzZaUXJNc1ZoWlNEbFZmZXVob1g2QQ&q=https%3A%2F%2Fdaverupert.com%2F&v=azUEOy8_GHo]
Dave on Twitter - https://twitter.com/davatron5000 [https://www.youtube.com/redirect?event=video_description&redir_token=QUFFLUhqbXJLdGxuMmlCUlNnOGxKOVBwTjUxYlZEckVoZ3xBQ3Jtc0tsQUdrem1OQmxXMFJ0UXdfM3IxWWpYUTljZWJxQ1FnZHFNRWVOT0J0eGdjV1BTcElsaFF3NENaTVBaWjdydW9xUDRIaC1lLU12d3BQZmI4Z3Jra0EzX3FFMU9EMWtDaU5CYTF3S1FWUlFqU2VXTGVuZw&q=https%3A%2F%2Ftwitter.com%2Fdavatron5000&v=azUEOy8_GHo]

CSS is Hard. Each and every year. So what are the things that we should improve on in 2024?

We promise that after this episode you'll never forget the three parameters of the clamp() function ever again.

We promise. This episode is actually about CSS... I mean we get to it eventually. But what happens when you get a TypeScript fan (David) and a TypeScript skeptic (Adam) in a discussion? Well, a lot of spicy things are said.

NOTE: We swear we recorded this before the whole DHH Turbo TypeScript fiasco. 

The amazing Chris Coyier (founder of CSS-Tricks.com [http://css-tricks.com/] and CodePen.io) sat down with us to tell us all the things in CSS that he's bad at. He even brought us a list.

Figma has a brand new feature called Dev Mode! Adam was at Figma's big conference Config and he came here to teach us everything he knows about what Dev Mode has to offer. We also discuss why design handoffs are so difficult and tricks we've learned along the way.

Chapters:

0:00 - Is Figma bad at CSS too? 

0:29 - We are bad at design handoffs.

1:46 - Adam was at Figma Config

2:59 - A designer and developer story

5:34 - The difficulties from a design to CSS

7:45 - "Micro-decisions" in design

9:54 - Handoffs were the inspiration for Visbug

10:42 - It's hard to get consistently get the design correct

12:44 - What is DevMode? 

13:40 - 30% of Figma users are developers.

15:10 - How DevMode works

18:48 - Figma can be the "source of truth" for Components 

20:39 - Visually coding in Figma 

21:53 - Designers can mark things "ready for dev"

21:59 - Generates a changelog 

21:30 - A copy SVG button! 

23:24 - DevMode still needs some work with layouts 

25:23 - There's a Box Model in Figma! 

27:00 - A tangent on :has() 

28:20 - display: contents is a hidden gem

30:02 - A recap of DevMode features