Web design tools are great but they still fall short of all the incredible intrinsic based features of CSS. While there are features like auto-layout in Figma, they still fall so short of all the content driven features of The Web. Why is it that we still try to paint pretty pictures in a design tool and act like the web works that way? We can't control every details of what happens when our website is loaded on different devices over different networks and across different user preferences....

CSS: The Definitive Guide is exactly 1126 pages, written by Eric Meyer and Estelle Weyl. As they both said, "We read the CSS spec so you didn't have to." We ask them a ton of CSS questions and they gave us a ton of CSS answers.

Apologies for the audio only upload. There were issues with getting the video feed published but check out YouTube for the video. CSS Day put on 14 different talks about some pretty interesting topics in CSS. It ended up being almost 12 hours of amazing CSS content and we're going to give you an overview of each talk in just an hour. We're going to talk about how design tools are falling behind with CSS, which I'm starting to really believe more and more every day. We'll cover How Tailwind...

There are so many things we spend time on thinking they'll save us more in the long run but really, do they? Today on Bad at CSS we're going to dive into a list of things we think are Time Wasters disguised as Time Savers. 0:00 - Is the juice worth the squeeze? 0:50 - Tests 6:07 - CI/CD* 13:37 - Build systems 16:02 - Rewrites 22:42 - Note taking apps 31:27 - Courses 38:37 - A tangent on Objective-C and fixing squiggles 41:37 - More CI/CD problems 44:07 - Append Only 46:07 - Color and Dark...

What can you do with a single CSS keyframe? A metric ton. 0:00 [https://www.youtube.com/watch?v=aLqScpKlzRo&t=0s] - 50% keyframes are magic 0:49 [https://www.youtube.com/watch?v=aLqScpKlzRo&t=49s] - Animation is easier than you think 2:17 [https://www.youtube.com/watch?v=aLqScpKlzRo&t=137s] - Why at 50%? 6:51 [https://www.youtube.com/watch?v=aLqScpKlzRo&t=411s] - Trick 1 Shake 12:00 [https://www.youtube.com/watch?v=aLqScpKlzRo&t=720s] - Trick 2 Pulse 23:25...

Container Queries are one of those CSS features everyone is so hyped about and with good reason. They give us a modern way to build and scope responsive components based on the size of the parent element rather than the browser view port. But, I'm not gonna lie. There's a lot to this new feature.

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...

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...

View Transitions are a brand new totally rad cutting edge feature in the browser. They allow you to specify animation states from one state to another a lot easier than ever before. But guess what? We're still bad at them. In this episode Adam explains how awesome View Transitions are by explaining the difficulties of the FLIP animation technique. Adam then discusses how he struggled, but finally succeeded, to build a morphing button with View Transitions. Oh and we also discuss how Adam...