The unknown fundamentals of CSS: Offset parents and Stacking Context explained

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

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

  • @daveturnbull7221
    @daveturnbull7221 Год назад +15

    While Polypane would be a really great tool for any full time dev I don't do anywhere near enough to be able to justify it (I know £8/month is not a lot but I'm a pensioner). Just from this quick demo it's obvious that Killian has done an amazing job with this and his explanation of both the offset parent and stacking context were able to finally start sinking in to my thick skull 😁

  • @jshstuff
    @jshstuff Год назад +1

    Unrelated: I’m a bit bitter that digital ocean killed off css-tricks, but I’m extra grateful that you’re here consistently feeding me with css related content and keeping me inspired to learn. tyvm :)

  • @AnthonyTrimble
    @AnthonyTrimble Год назад +12

    This video should be marked as an "advertisement" lol

  • @samberg9720
    @samberg9720 Год назад +1

    Kevin you are the only one who can inspire me for css .. Thank you! .. Kind regards form europe/austria/vienna :-)

  • @skillzorskillsson8228
    @skillzorskillsson8228 Год назад +10

    Hey Kevin, could you maybe do a video together with Ana Tudor? I think that would be so amazing !

    • @linela
      @linela Год назад

      For what? BS math in css?

  • @kaustavroy6542
    @kaustavroy6542 Год назад +2

    Wow a handy product for sure, as always amazing video.

  • @davidhurwich
    @davidhurwich Год назад +3

    Is there a way to view stacking context in the dev tools for Chrome or Firefox? Something that showed the information of what is the base stacking-context layer would be helpful to know.

  • @francescovetere
    @francescovetere Год назад +2

    As always, thanks for your awesome content Kevin 😊

  • @حيدرنوريطالب
    @حيدرنوريطالب Год назад +2

    Hi Kevin,
    thank you for the amazing content
    and it is very useful for me
    but I hope that you can make a video about email design with HTML

    • @clevermissfox
      @clevermissfox 10 месяцев назад +1

      If you search Kevin Powell html email there’s a video with an html email expert !

  • @GHOST8799
    @GHOST8799 Год назад

    When referring to an offset parent, and the role it has in terms of positioning, I'm curious if it has any significance when we're talking about containing blocks?

    • @GHOST8799
      @GHOST8799 Год назад

      haha nvm it's in the description

  • @LokeshKumar-tk7ri
    @LokeshKumar-tk7ri Год назад

    Good content 👍

  • @imukai
    @imukai Год назад +1

    While this video is meant to highlight the offset stuff -- it's a defacto intro to this polypane thing which is neat. But with that, my eye twitches seeing NaN in his mock devtools interface after setting the element to absolute positioning.

    • @kilianvalkhof
      @kilianvalkhof Год назад +1

      Same 🙈 got it fixed the instant after we finished recording this.

  • @ILoveWordPress
    @ILoveWordPress Год назад

    I wonder how long will it take browser vendors to integrate something similar into their own browsers?

  • @SoreBrain
    @SoreBrain Год назад +1

    I always thought I'm the only one who thinks the naming of position absolute and relative didn't make sense 😭

  • @StellarWeb008
    @StellarWeb008 Год назад

    What was that A11Y tab?

    • @ccgarciab
      @ccgarciab Год назад

      Should be accessibility. Probably contrast, aria and semantic html?

    • @kilianvalkhof
      @kilianvalkhof Год назад

      It show element properties related to accessibility, like the accessible name, role, any aria properties and contrast.

  • @Abdulrahman-ss3ds
    @Abdulrahman-ss3ds Год назад

    Hi Kevin, Thank you for the great content, I would like to inform you that your own site of the Conquering Responsive Design course is down.

    • @KevinPowell
      @KevinPowell  Год назад

      The platform I use for hosting my courses is having a bad day 😅 - It's back up for me now though.

    • @Abdulrahman-ss3ds
      @Abdulrahman-ss3ds Год назад

      ​@@KevinPowellyes, thank you very much. It's working now

  • @muhammadahmadbilal7240
    @muhammadahmadbilal7240 Год назад +2

    Hi Kevin,
    I hope you're doing well. I've been thoroughly enjoying your content, and I appreciate the effort you put into creating such valuable videos. I was wondering if it would be possible to consider upgrading the video quality to 4k, if feasible. I believe this enhancement could elevate the overall viewing experience even further. Thank you for your dedication to delivering great content!

  • @definty
    @definty Год назад

    Kevin's been on holiday!

    • @KevinPowell
      @KevinPowell  Год назад +1

      We finally had some warm weather and I was out for awhile over a weekend, that's about it 😅

    • @definty
      @definty Год назад

      @@KevinPowell Impressive, you tan quick! That's about a months worth on tanning with the UK sun!

  • @catt_1763
    @catt_1763 Год назад

    @kevinPowell please make a tutorial on choosing colors

  • @stonebubbleprivat
    @stonebubbleprivat Год назад +5

    Shouldn't that be marked as an ad? This would be an infomercial in tv

    • @chievo72
      @chievo72 Год назад +2

      Yeah, I was hoping to learn something cool.

  • @chemedev
    @chemedev Год назад

    Hum tu hablas español pero el título, descripción y comentarios del video me salen en inglés... es algo nuevo de RUclips que hace una internacionalización del contenido?

  • @facts6824
    @facts6824 Год назад

    time waste.

  • @noursalepan9673
    @noursalepan9673 Год назад

    Hello sir your responsive conquering course has run into issue please help me it's saying this site cannot be reached sadly🫨