Josh Comeau - Secret Mechanisms of CSS

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

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

  • @_mzkr_
    @_mzkr_ 2 ปีที่แล้ว +10

    This guy has communication sorted!!! The fundamentals are so important and He made understanding these seem effortless.
    I have been using CSS for years and yet this video had so many lightbulb moments for me.
    Mega props to Josh!

  • @melissabridi5131
    @melissabridi5131 2 ปีที่แล้ว +4

    now that i've progressed beyond the basic CSS stuff, this was super helpful to demystify some of the things I use but get sometimes unpredictable results. great talk!

  • @bnortman68
    @bnortman68 2 ปีที่แล้ว +2

    Thanks for the fantastic presentation. I've learned a ton!!!! Josh, great job...

  • @alanmurray4011
    @alanmurray4011 ปีที่แล้ว

    Josh is a joy to listen to and learn from.

  • @allthatyouare
    @allthatyouare 2 ปีที่แล้ว

    This is a great refresher, even after doing css-for-js 😅

  • @antoineweb1
    @antoineweb1 2 ปีที่แล้ว +3

    shorthand properties such as flex cause consistent, proven, unnecessary confusion for most developers, as even Josh Comeau faced that problem. It has literally more downsides than good sides and should be considered malpractice. CSS is the only language encouraging obscure naming patterns for the sake of brevity.

    • @rthurw
      @rthurw ปีที่แล้ว

      Have you seen perl

  • @MrRobotUy
    @MrRobotUy 2 ปีที่แล้ว

    This is awesome! Thank you so much to share this tips with us for free! 😍😍

  • @dpwoficial
    @dpwoficial 2 ปีที่แล้ว

    Very enlightening! 🤩

  • @Dipenparmar12
    @Dipenparmar12 ปีที่แล้ว

    Confused but amazing digging. 😶

  • @Dipenparmar12
    @Dipenparmar12 2 ปีที่แล้ว

    Great information 😉 josh.

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

    I thought width is outward(children to parent) and height is inward(parent to children) according to josh, but when html, body 100% is given an example, he iterate it as children to parent? that confused me

  • @hellothere8547
    @hellothere8547 2 ปีที่แล้ว

    Informative!

  • @arshad1781
    @arshad1781 2 ปีที่แล้ว

    Nice

  • @icantexplainmyfeetjuliecon3522
    @icantexplainmyfeetjuliecon3522 ปีที่แล้ว

    I run a WP website using a new theme. i want to progress and was ready to register with WP SHOUT, they didn't recommend i do it without knowledge of css or php but where would i start with that?

  • @yesbenio
    @yesbenio 2 ปีที่แล้ว +1

    Thanks for this Josh. I've been building sites and web apps for over 20 years, and have developed an intuitive understanding of CSS and the browser algorithms which interpret and render the code we write, which you describe at the beginning of this talk. It was really great to hear and see your insights into what's actually happening 'under the hood'. Even after all this time I still learned a few bits and pieces, especially around Flexbox. Your visualisation of justify-content and align-items and how they work on the browser's model of axises was especially helpful. Also, those insights into position and stacking contexts helped clarify what I'd already assumed and intuitively understood.
    So, thanks again, great video.

  • @codeaperture
    @codeaperture 2 ปีที่แล้ว +1

    Josh is great 💯

  • @edwingarcia5043
    @edwingarcia5043 2 ปีที่แล้ว +1

    Super cool talk

  • @languafe4111
    @languafe4111 2 ปีที่แล้ว

    Very interesting and enjoyable talk, thanks for sharing!

  • @burntcustard
    @burntcustard 2 ปีที่แล้ว

    Great talk! It's nice to see someone like myself, who could ramble about CSS all day given the chance.
    My only nit-picks would be a) That there are loads more properties that can create new stacking contexts. It would be hard to remember every single one of them, but it's good to be aware that there are more. And b) it sounded like you might have a little confusion over "0" - as in, 0px vs 0% doesn't matter, the unit is even "optional" and is likely to be minified away. The way I like to think of it is "0 apples is the exact same as 0 oranges". Of course you might want to specify units to (potentially) make code clearer, e.g. if you were going to transition to 50%, you might want to write the initial value as 0% for consistency. Perhaps something to add to the next talk of the same theme in the unlikely event its new to you ;D