Eric Meyer and Estelle Weyl wrote 1000+ pages of CSS... we had questions

Bad at CSS

Player FM - Internet Radio Done Right

הוסף לפני two שנים

תוכן מסופק על ידי David East and Adam Argyle. כל תוכן הפודקאסטים כולל פרקים, גרפיקה ותיאורי פודקאסטים מועלים ומסופקים ישירות על ידי David East and Adam Argyle או שותף פלטפורמת הפודקאסט שלהם. אם אתה מאמין שמישהו משתמש ביצירה שלך המוגנת בזכויות יוצרים ללא רשותך, אתה יכול לעקוב אחר התהליך המתואר כאן https://he.player.fm/legal.

All About Change

1
Tiffany Yu — Smashing Stereotypes and Building a Disability-Inclusive World 30:23

לפני 23 ימים30:23

הפעל מאוחר יותר

רשימות

לייק

אהבתי

30:23

Tiffany Yu is the CEO & Founder of Diversability, an award-winning social enterprise to elevate disability pride; the Founder of the Awesome Foundation Disability Chapter, a monthly micro-grant that has awarded $92.5k to 93 disability projects in 11 countries; and the author of The Anti-Ableist Manifesto: Smashing Stereotypes, Forging Change, and Building a Disability-Inclusive World. As a person with visible and invisible disabilities stemming from a car crash, Tiffany has built a career on disability solidarity. Now that she has found success, she works to expand a network of people with disabilities and their allies to decrease stigmas around disability and create opportunities for disabled people in America. Episode Chapters 0:00 Intro 1:26 When do we choose to share our disability stories? 4:12 Jay’s disability story 8:35 Visible and invisible disabilities 13:10 What does an ally to the disability community look like? 16:34 NoBodyIsDisposable and 14(c) 21:26 How does Tiffany’s investment banking background shape her advocacy? 27:47 Goodbye and outro For video episodes, watch on www.youtube.com/@therudermanfamilyfoundation Stay in touch: X: @JayRuderman | @RudermanFdn LinkedIn: Jay Ruderman | Ruderman Family Foundation Instagram: All About Change Podcast | Ruderman Family Foundation To learn more about the podcast, visit https://allaboutchangepodcast.com/…

לפני שנה 1:17:19

MP4•בית הפרקים

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.

14 פרקים

#Tech #David East #Adam Argyle #CSS #Web Development

Bad at CSS

Eric Meyer and Estelle Weyl wrote 1000+ pages of CSS... we had questions

Bad at CSS

published לפני שנה

שתפו

MP4•בית הפרקים

14 פרקים

#Tech #David East #Adam Argyle #CSS #Web Development

כל הפרקים

Bad at CSS

1
What do backend devs think of CSS? ft. Lane Wagner 54:48

לפני 25 weeks54:48

54:48

Do backend developers like CSS? Usually not. But that really doesn't matter because you don't have to like everything. So to get into the mind of what a backend developer thinks about CSS and how it affects their daily life, we brought on Lane Wagner, a true bonafide backend developer. Links https://www.youtube.com/@backendbanterfm/ https://boot.dev https://x.com/wagslane https://x.com/badatcss https://x.com/argyleink https://x.com/_davideast…

Bad at CSS

1
We need better design tools. Mattias Ott tells us why. 1:06:38

לפני 44 weeks1:06:38

1:06:38

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. Mattias Ott joins the show to discuss why design tools have fallen behind CSS and the mindset and skills we need to progress in our web designs. Links Mattias Ott - https://matthiasott.com/ Bad at CSS - https://x.com/badatcss Adam Twitter - https://x.com/argyleink David Twitter - https://x.com/_davideast…

Bad at CSS

1
Eric Meyer and Estelle Weyl wrote 1000+ pages of CSS... we had questions 1:17:19

לפני 46 weeks1:17:19

1:17:19

Bad at CSS

1
14 CSS talks covered in 1 hour — CSS Day recap 1:06:04

לפני 48 weeks1:06:04

1:06:04

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 CSS isn’t at all like inline styles and this talk was brave. Then there’s incredible font features in CSS, like seriously these ones are unreal. And also the magic of Anchor Positioning... to be honest I still barely know this one is. And so many other great topics so, let us be your guide. Links CSS Day - https://cssday.nl/2024 CSS Day Playlist - https://www.youtube.com/playlist?list=PLjnstNlepBvO0-I7iwqpkOY_fwAop6Pl- Bad at CSS - https://x.com/badatcss Adam Twitter - https://x.com/argyleink David Twitter - https://x.com/_davideast…

Bad at CSS

1
You might be wasting your time. Time wasters disguised as time savers. 1:01:59

לפני 1 year1:01:59

1:01:59

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 Mode 56:28 - Designing with constraint 60:00 - Not engagement farming… tell us your time wasters Links Bad at CSS — https://x.com/badatcss Adam Argyle — https://x.com/argyleink David East — https://x.com/_davideast…

Bad at CSS

1
Single keyframe tricks are magic 52:01

לפני 1 year52:01

52:01

What can you do with a single CSS keyframe? A metric ton. 0:00 - 50% keyframes are magic 0:49 - Animation is easier than you think 2:17 - Why at 50%? 6:51 - Trick 1 Shake 12:00 - Trick 2 Pulse 23:25 - Trick 3 Glitch 27:55 - Trick 4 Flip 32:45 - Trick 5 Fill 41:20 - Trick 6 Sheen 44:25 - Trick 7 Emphasize 46:50 - Trick 8 Censor 48:35 - Trick 900 Tony Hawk Links Bad at CSS - https://twitter.com/badatcss Adam Twitter - https://twitter.com/argyleink David Twitter - https://twitter.com/_davideast Codepen Demo: https://codepen.io/davideast/pen/MWxvzjm Open Props: https://open-props.style…

Bad at CSS

1
Container Queries: Everything you need to know 45:43

לפני 1 year45:43

45:43

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.

Bad at CSS

1
Styling better custom inputs with Dave Rupert 1:02:56

לפני 1 year1:02:56

1:02:56

Dave Rupert knows his inputs and we got a lot to learn. Dave's great blog - https://daverupert.com/ Dave on Twitter - https://twitter.com/davatron5000

Bad at CSS

1
2024 CSS Resolutions 53:21

לפני 1 year53:21

53:21

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

Bad at CSS

1
What CSS is Jason Lengstorf bad at? 1:04:11

לפני 2 years1:04:11

1:04:11

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

Bad at CSS

1
TypeScript fan vs. a skeptic 50:34

לפני 2 years50:34

50:34

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

Bad at CSS

1
Chris Coyier and the things he's bad at 53:55

לפני 2 years53:55

53:55

The amazing Chris Coyier (founder of 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.

Bad at CSS

1
Is Figma bad at CSS? 34:39

לפני 2 years34:39

34:39

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…

Bad at CSS

1
The View Transition API is amazing... but we're bad at it 51:06

לפני 2 years51:06

51:06

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 isn’t a TypeScript fan, but you’ll have to listen to the end for that part. Links: Morphing Button - https://youtu.be/N2BKAKwGP6M View Transition Pseudos Visualized - https://codepen.io/bramus/full/xxQKvJP View Transitions like isotope.js - https://codepen.io/argyleink/pen/VwBKjwj Chapters: 0:00 We are bad at CSS 0:54 Why are we talking about View Transitions? 4:03 Adam sings MMMBop 4:24 What problem are View Transitions solving? 5:29 Adam’s Mickey Mouse impression 5:44 Using FLIP to explain what View Transitions solve 6:27 Adam’s amazing getBoundingClientRect() joke 6:45 Using FLIP to explain what View Transitions solve 9:00 Tweening was easier in Flash 10:45 View Transitions simplify the amount calculations needed to animate 12:54 David is plugged into the Matrix 13:40 MPA View Transitions require no work! (but need a flag) 14:20 We are going to see some of the most wild transitions 16:35 What is Adam bad at with View Transitions? 22:04 What is a functional pseudo selector and why is it so fun to say? 23:50 Adam continues to be bad at View Transitions 25:35 Adam gets to talk to browser engineers to tell him why he’s bad 26:33 A rare case where height 100% did something 29:10 Adam gets even worse at View Transitions 30:00 Understanding view transition image pair and view transition group 35:29 David is bad at Sesame Street 37:55 An amazing visual of View Transition Groups and Pairs 39:52 Can you use other properties than transform and opacity? 40:27 Adam’s leaves to go tend to his kids 42:00 We’re finally wrapping up 45:33 Fun fact: Adam is not a TypeScript fan 47:12 View Transitions like isotope.js 49:32 Stay humble or CSS will humble you Video moments 23:10 - functional pseudo selector 30:00 Understanding view transition image pair and view transition group 34:00 Especially here 37:55 An amazing visual of View Transition Groups and Pairs 47:12 View Transitions like isotope.js…

ברוכים הבאים אל Player FM!

Player FM סורק את האינטרנט עבור פודקאסטים באיכות גבוהה בשבילכם כדי שתהנו מהם כרגע. זה יישום הפודקאסט הטוב ביותר והוא עובד על אנדרואיד, iPhone ואינטרנט. הירשמו לסנכרון מנויים במכשירים שונים.

תקשיבו ל-500+ נושאים

דומה לBad at CSS

Apple Watch Series 10 [GPS 42mm case] Smartwatch with Rose Gold Aluminium Case with Light Blush Sport Band - S/M. Fitness Tracker, ECG App, Always-On Retina Display, Water Resistant

Amazon eGift Card - Bright Balloons (Animated)

Amazon Fire HD 10 tablet (newest model) built for relaxation, 10.1" vibrant Full HD screen, octa-core processor, 3 GB RAM, 32 GB, Black

פודקאסטים ששווה להאזין

Bad at CSS « » Eric Meyer and Estelle Weyl wrote 1000+ pages of CSS... we had questions

Eric Meyer and Estelle Weyl wrote 1000+ pages of CSS... we had questions

פודקאסטים ששווה להאזין

ברוכים הבאים אל Player FM!

Norton 360 Deluxe 2025, Antivirus software for 5 Devices with Auto-Renewal – Includes Advanced AI Scam Protection, VPN, Dark Web Monitoring & PC Cloud Backup [Download]

The Let Them Theory: A Life-Changing Tool That Millions of People Can't Stop Talking About

The Secret Of Life: Partners, Volume 2

Liquid I.V.® Hydration Multiplier - Lemon Lime | Electrolyte Powder Drink Mix | 1 Pack (16 Servings)

The Let Them Theory: A Life-Changing Tool That Millions of People Can't Stop Talking About

דומה לBad at CSS

מדריך עזר מהיר

Bad at CSS « »
Eric Meyer and Estelle Weyl wrote 1000+ pages of CSS... we had questions