Why Your CSS Sucks

Поделиться
HTML-код
  • Опубликовано: 25 ноя 2024

Комментарии • 17

  • @wesleycoder
    @wesleycoder 2 месяца назад +7

    Scott missed the opportunity to do the segue like:
    While we have drama in the break dance. Your code is breaking dramatically and sentry is here to help you...
    Or something like that 😂

  • @jamesmoynihan948
    @jamesmoynihan948 2 месяца назад +4

    Good rule of thumb: Don't set `height` on your elements (often, the same applies to `width`). Even on stuff like images, this can cause unexpected issues like overflow (aspect-ratio can cause this, too). Using display properties on the parent container is frequently the better solution.
    Grid, gap, and padding go a LONG way. I rarely ever need to use margin or float.
    The cascade is your friend!

  • @CXDezign
    @CXDezign 2 месяца назад +10

    05:45 - Podcast about CSS starts here

    • @rossrobino
      @rossrobino 2 месяца назад +2

      But if you want to hear about Olympic breaking start from 0

  • @rand0mtv660
    @rand0mtv660 2 месяца назад +4

    From my experience, people have harder time wrestling with CSS compared to JS. It seems that CSS' global nature and cascade trips people up way too much. Even with guidance and mentoring from more experienced people, it seems CSS is still super hard for people.
    Too many people seem to just randomly apply CSS properties until something sticks as Scott mentioned.

    • @jbasoo
      @jbasoo 2 месяца назад +1

      Absolutely, it's a very different, declarative mindset that requires learning the cascade, inheritance, intrinsic vs extrinsic sizing, etc, and many people just never learn those fundamentals. Some then call the language "broken" without really understanding it's true capabilities and shortfalls.

  • @thebleaufish
    @thebleaufish 2 месяца назад +3

    WET code - "Write Everything Twice"

  • @brandonleichty
    @brandonleichty 2 месяца назад +1

    That Syntax hat needs to be on the Sentry swag store!

  • @MissOlydian
    @MissOlydian 2 месяца назад +1

    DAMP code: Duplicate Appropriately in Multiple Places

  • @Anbaraen
    @Anbaraen 2 месяца назад

    Good call on flexbox vs grid. My rule of thumb (not an original thought, heard it somewhere...) is flex for 1-dimensional layouts, grid for 2-dimensional layouts

  • @guidefari
    @guidefari 2 месяца назад

    14:45 - "I'm healed, nice" - tears in my eyes🤣

  • @amanksdotdev
    @amanksdotdev 2 месяца назад +1

    12:28 are we talking about CSS

  • @alwayzsmarter
    @alwayzsmarter 2 месяца назад +1

    4:50 "for a country that's upside down you'd think they would be pretty good at breakdancing" - Wes 😂😂

  • @randyrips
    @randyrips 2 месяца назад

    Nice Frosty Freeze reference!!

  • @hugodsa89
    @hugodsa89 2 месяца назад

    RYFT - repeat yourself few times

  • @DaveCollison
    @DaveCollison 2 месяца назад

    Why the F are you talking about the state of Olympic breakdancing? 😞