Why Your CSS Sucks

แชร์
ฝัง
  • เผยแพร่เมื่อ 8 พ.ย. 2024

ความคิดเห็น • 17

  • @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!

  • @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 😂

  • @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"

  • @Anbaraen
    @Anbaraen หลายเดือนก่อน

    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

  • @brandonleichty
    @brandonleichty 2 หลายเดือนก่อน +1

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

  • @guidefari
    @guidefari 2 หลายเดือนก่อน

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

  • @alwayzsmarter
    @alwayzsmarter 2 หลายเดือนก่อน +1

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

  • @erin.with.an.e
    @erin.with.an.e 2 หลายเดือนก่อน +1

    DAMP code: Duplicate Appropriately in Multiple Places

  • @amanksdotdev
    @amanksdotdev 2 หลายเดือนก่อน +1

    12:28 are we talking about CSS

  • @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? 😞