Bad at CSS

David East, Adam Argyle
  • 5.0 (2)
  • 科技
  • 一周一更
Bad at CSS

Are you bad at CSS? Well... we all are. The Bad at CSS podcast is hosted by Adam Argyle and David East. It's not meant to be anything special or formal. Grab a beer or your favorite beverage and give us a listen (or a watch) to discuss all the difficulties and intricacies of CSS. Sometimes there might even be an awesome guest.

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

    9月12日

    We need better design tools. Mattias Ott tells us why.

    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

    1 小时 7 分钟
  2. Eric Meyer and Estelle Weyl wrote 1000+ pages of CSS... we had questions

    8月29日

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

    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.

    1 小时 17 分钟
  3. 14 CSS talks covered in 1 hour — CSS Day recap

    8月13日

    14 CSS talks covered in 1 hour — CSS Day recap

    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 [https://www.youtube.com/redirect?event=video_description&redir_token=QUFFLUhqbXdsN0YyX1ExeC1jaHNkSFcwSWJ0eGk5VnM2Z3xBQ3Jtc0tsWWhud01IMU5WRXFxUkZXT19jdVRRMEEzenVxbWFtUEppaFktRHYyWS1UMW0wM1R3dW56cTFmcjByeGE5dmxNSjl4THNXZmdtZi1oTmVfdmhSLW9fVVRKQnpnaUluQ3Y1Mkk5dE8wMkp2RlkxUU9NQQ&q=https%3A%2F%2Fcssday.nl%2F2024&v=4q8vaapHC1A] * CSS Day Playlist -  https://www.youtube.com/playlist?list=PLjnstNlepBvO0-I7iwqpkOY_fwAop6Pl- * Bad at CSS - https://x.com/badatcss [https://www.youtube.com/redirect?event=video_description&redir_token=QUFFLUhqbFB6OGNRS19CYm8weUdEQ3licHVHZldzakpGd3xBQ3Jtc0tuSHNBME1ERkRDM29FYnVCVDRBOXVST2dsVFVhWWpPdGl0UTJQb3p4cVVheDlybjRzbzc2STJybTBPcWItX0phd29Da01Cdlh4WkxSZkUtSW5URkF1TExtY25JdjhvVGx3VVp5eUhiS0poRDdrSUgtRQ&q=https%3A%2F%2Fx.com%2Fbadatcss&v=4q8vaapHC1A]  * Adam Twitter - https://x.com/argyleink [https://www.youtube.com/redirect?event=video_description&redir_token=QUFFLUhqazJZNU9fZGJTZWJkemNzMDIteDRkQjlXZHl2d3xBQ3Jtc0ttbkZpbkZyNHlTQktsMTVrRmRoYUR3Y3FhbE9PNWpnOHA3bng3Ql9NSGlsYUlscUhYZTM2SGU0Q0pnbE0zVzZYTDRzWHZqOFZkbzl6VHZrT0FjZ2gwc3NCaWF0anJXa1N5YnJzX1VoSEkzcmRianFDVQ&q=https%3A%2F%2Fx.com%2Fargyleink&v=4q8vaapHC1A]  * David Twitter - https://x.com/_davideast [https://www.youtube.com/redirect?event=video_description&redir_token=QUFFLUhqbUFKSWpvLXluOXJZTS0yc2paTmhid3NQSjFmZ3xBQ3Jtc0tuUDlfVjZfeEozV2JzMFpPc0hIdkR0azM5MVo2dFRqWmZneXpVZ0NuRlZTQktkM2NuY2lmY1JLcUR4YV9TVnZWamVQM3ZydVJRVEMwaDYtSlpVVkF1OVhBT2lGamVxaVRqYXFPcXRXZGh0Zmg5S080bw&q=https%3A%2F%2Fx.com%2F_davideast&v=4q8vaapHC1A]

    1 小时 6 分钟
  4. You might be wasting your time. Time wasters disguised as time savers.

    6月21日

    You might be wasting your time. Time wasters disguised as time savers.

    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

    1 小时 2 分钟
  5. Single keyframe tricks are magic

    5月31日

    Single keyframe tricks are magic

    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 [https://www.youtube.com/watch?v=aLqScpKlzRo&t=1405s] - Trick 3 Glitch 27:55 [https://www.youtube.com/watch?v=aLqScpKlzRo&t=1675s] - Trick 4 Flip   32:45 [https://www.youtube.com/watch?v=aLqScpKlzRo&t=1965s] - Trick 5 Fill   41:20 [https://www.youtube.com/watch?v=aLqScpKlzRo&t=2480s] - Trick 6 Sheen   44:25 [https://www.youtube.com/watch?v=aLqScpKlzRo&t=2665s] - Trick 7 Emphasize   46:50 [https://www.youtube.com/watch?v=aLqScpKlzRo&t=2810s] - Trick 8 Censor   48:35 [https://www.youtube.com/watch?v=aLqScpKlzRo&t=2915s] - Trick 900 Tony Hawk     Links Bad at CSS - https://twitter.com/badatcss [https://www.youtube.com/redirect?event=video_description&redir_token=QUFFLUhqbkllVk0tenBiM0tkYU1sV3drYjNOSHZEaVlZd3xBQ3Jtc0ttS3NfSFVtTmZIQjZYdzQ2eWwzazVMbDVuSUdIdVFjUjdFSnFBWVZUZV9wNDZiamZjMGJLekpyWHhGWkR4Z2R3RGhqd3ZtUzNybHNhRGdSU0VacWo4dktFb0pjMnpkZ2FVZjc5a1cybGdVQzRZTHdfVQ&q=https%3A%2F%2Ftwitter.com%2Fbadatcss&v=aLqScpKlzRo] Adam Twitter - https://twitter.com/argyleink [https://www.youtube.com/redirect?event=video_description&redir_token=QUFFLUhqbTRnNV91WUwzVlBlTXh3QnU4Q05vQ1Jsc1cyQXxBQ3Jtc0trbVFiRWNTMkhRVlhiaXktVV81OE5kcWRZVzNVbjBRaHRWNldhb0lYVTA0c0czLXl2VEZEeHFuX29RMTI5bkFXWklPbGdCNEhIUGRlaFhON0U1cmE5REN2dFFTX19KeTZXN011RS1KdU81UTN2MklHZw&q=https%3A%2F%2Ftwitter.com%2Fargyleink&v=aLqScpKlzRo] David Twitter - https://twitter.com/_davideast [https://www.youtube.com/redirect?event=video_description&redir_token=QUFFLUhqbTdUMkl2aFdkZEZHcEVDalA3UGJmZXB0c2xsZ3xBQ3Jtc0trMkEwVnJvbWtNbU1nX2gyZFBnWEFBTnBPSWZNVTBZSXFiWnRZODkyZy1GM0k1bl94Q2JKXzl6aWdEX1FyR2gwOGlrNzNfbm1udFlvNk1CZUhGVFNMZ3JmRW1JQXdoRXpOUWVJYU9qMUdBaWlzal9Gaw&q=https%3A%2F%2Ftwitter.com%2F_davideast&v=aLqScpKlzRo] Codepen Demo: https://codepen.io/davideast/pen/MWxvzjm [https://www.youtube.com/redirect?event=video_description&redir_token=QUFFLUhqbE5ZTWlkRUZQU2hXLUJpNWxCVkJTbzIyMmE3UXxBQ3Jtc0tsSjdwUVZFeUUwQXJucjFsTTdJbXd2VlJZUjFsZmxDZklVdHVRTGxQaFA0WUlWbDM0SXFpcG9aQTlkdkJ1M1ZIbmlENHZYVDI1VDlUb2Y0anQyOGJSekc1eEdUQW02SW0wOHlpamdRbVFONHYyUlNycw&q=https%3A%2F%2Fcodepen.io%2Fdavideast%2Fpen%2FMWxvzjm&v=aLqScpKlzRo] Open Props: https://open-props.style [https://www.youtube.com/redirect?event=video_description&redir_token=QUFFLUhqbXUyaVRMMmdtd2xEbWljOW1DVVE3a1A2bDdQUXxBQ3Jtc0tudi1TN2x1MVl0WWotaklZUzlfNjdsMzRKc3NlZUJ1bkxnVGlxR09UOUpueFg5QUxWSlAxTXh2WGNuTHk2NVRpWWpKWlZGMlRfZnBUWkdCXzY5U3F6cTlhb3A5TW1hRzdCbEtpTm45RDl6aGlqamlrbw&q=https%3A%2F%2Fopen-props.style%2F&v=aLqScpKlzRo]

    52 分钟
  6. Container Queries: Everything you need to know

    5月24日

    Container Queries: Everything you need to know

    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.

    46 分钟
  7. Styling better custom inputs with Dave Rupert

    3月15日

    Styling better custom inputs with Dave Rupert

    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]

    1 小时 3 分钟
  8. 2024 CSS Resolutions

    3月8日

    2024 CSS Resolutions

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

    53 分钟
查看全部 13 集

评分及评论

5
共 5 分
2 个评分

关于

Are you bad at CSS? Well... we all are. The Bad at CSS podcast is hosted by Adam Argyle and David East. It's not meant to be anything special or formal. Grab a beer or your favorite beverage and give us a listen (or a watch) to discuss all the difficulties and intricacies of CSS. Sometimes there might even be an awesome guest.

信息

  • 创作者
    David East, Adam Argyle
  • 活跃年份
    2023年 - 2024年
  • 单集
    13
  • 分级
    儿童适宜
  • 节目网站
    Bad at CSS

你可能还喜欢

若要收听包含儿童不宜内容的单集，请登录。

关注此节目的最新内容

登录或注册，以关注节目、存储单集，并获取最新更新。
选择国家或地区

非洲、中东和印度

亚太地区

欧洲

拉丁美洲和加勒比海地区

美国和加拿大