CSS just changed forever… plus 7 new features you don't know about

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

ความคิดเห็น • 1.1K

  • @howardtaylor9114
    @howardtaylor9114 หลายเดือนก่อน +5690

    That's the first time a Fireship video brought a tear to my eye.

    • @jacksharkben
      @jacksharkben หลายเดือนก่อน +26

      Same

    • @RezaOpdebeeck
      @RezaOpdebeeck หลายเดือนก่อน +64

      Father of a daughter of 8 here. Literally crying right now.

    • @javabeanz8549
      @javabeanz8549 หลายเดือนก่อน +26

      For sad reasons. Some of them have made me laugh hard enough to have tears.

    • @yuri0001
      @yuri0001 หลายเดือนก่อน +76

      This is my second, the one with his mom's story got me too 🥲

    • @makkar.ankush
      @makkar.ankush หลายเดือนก่อน +2

      @@yuri0001 egzactly

  • @l.halawani
    @l.halawani หลายเดือนก่อน +4416

    Purple was the favorite color of Rebecca Alison Meyer who passed away twelve hours into her sixth birthday from brain cancer. Rebecca was the daughter of prolific CSS standards pioneer Eric Meyer. Eric kept his online colleagues informed of the battle his daughter and family were waging through blog posts and brief updates on Twitter.

    • @StiekemeHenk
      @StiekemeHenk หลายเดือนก่อน +274

      Rebecca purple is the saddest color I now know...

    • @LuisSierra42
      @LuisSierra42 หลายเดือนก่อน +29

      That's so sad

    • @russelljohnjavier
      @russelljohnjavier หลายเดือนก่อน +51

      RIP, her name and favorite color lives on

    • @hoven130
      @hoven130 หลายเดือนก่อน +29

      do you even GPT bro?

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

      Companies must stop poisoning our food period. Stop adding ingredients like red No. 3 to candy and cereal

  • @No_onewillknow8
    @No_onewillknow8 หลายเดือนก่อน +3101

    Going from happy that CSS got better to almost crying was not on my to do list Fireship

    • @LuisSierra42
      @LuisSierra42 หลายเดือนก่อน +31

      Character development

    • @MisFakapek
      @MisFakapek หลายเดือนก่อน +3

      same here, same here, my eyes did produce water

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

      *Almost* ^^

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

      I only didn’t cry cause I was in my universities library

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

      I am still going to use Flexbox though.

  • @phillllllllllll
    @phillllllllllll หลายเดือนก่อน +800

    00:55 1. Align Content for Block Elements
    01:07 2. @property at-rule
    01:35 3. @starting-style
    02:13 4. round(), rem(), mod()
    02:27 5. light-dark function
    02:46 6. :user-valid pseudo class
    03:19 7. interpolate-size
    03:41 is someone cutting onions?

    • @NovaTech2010
      @NovaTech2010 หลายเดือนก่อน +154

      03:41 8. cry sequence

    • @gustavo9758
      @gustavo9758 หลายเดือนก่อน +54

      3:57 8. Unironically crying session :(

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

      @@NovaTech2010 Came here to add this XD

    • @Lumither-404
      @Lumither-404 หลายเดือนก่อน +2

      Im pretty sure align-content property was added way before that, i literally remember using it and all it does is aligns content vertically

    • @virtuallybeige5597
      @virtuallybeige5597 หลายเดือนก่อน +7

      @@Lumither-404 Only for display:flex/display:grid elements, not block elements! centering an element vertically no longer requires flex or grid

  • @noobicorn_gamer
    @noobicorn_gamer หลายเดือนก่อน +915

    That Rebecca purple emotional hit was not something I expected to be hit with on a Fireship video but I love it.

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

      Now I will want to cry every time I see CSS logo...

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

      Not having to center divs was more emotional

  • @st.3m906
    @st.3m906 หลายเดือนก่อน +2315

    RIP Rebecca

    • @Kuchiriel
      @Kuchiriel หลายเดือนก่อน +14

      Cyberpunk Edgrunners also apply

    • @05xpeter
      @05xpeter หลายเดือนก่อน +8

      I cried when I read it. First time crying to a fireship video.

    • @AvoytDesign
      @AvoytDesign หลายเดือนก่อน +6

      "For almost twelve hours, she was six" really hit me hard tbh

  • @alexwilkinsgames
    @alexwilkinsgames หลายเดือนก่อน +811

    I will forever love this logo. I have a 4 year old son and would be so devastated if I lost him. I cried watching this, and it makes me wonder if while maintaining my CSS classes might be painful at times, it could never be as painful as losing your own child.

    • @SuperM789
      @SuperM789 หลายเดือนก่อน +5

      i prefer the old one. they should've just changed the background color of the old logo. now it doesn't fit visually with the html5 and js badge logos

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

      @@SuperM789 The most used JavaScript logo is the solid yellow square and JS lettered in black at the lower right corner. It is universally accepted and closest to being called the “Official JavaScript Logo”. Many high-profile websites like Wikipedia and Codeacademy use this logo to represent JavaScript.
      The new CSS logo is intended to be inline with this one, not the badge.

    • @MaxHelmersson
      @MaxHelmersson หลายเดือนก่อน +10

      @@SuperM789 HTML is the odd one now... JS logo is also square

    • @patrickrijkee
      @patrickrijkee หลายเดือนก่อน +16

      ​@@SuperM789 They made this to fit better with the (new) square logos. JS, TS, WA, etc. all are squares. The only thing with badge logo now is HTML. Who knows, they might make that square soon aswell.

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

      @@patrickrijkee that sucks. i prefer the badges

  • @MunyuShizumi
    @MunyuShizumi หลายเดือนก่อน +495

    As a backend dev, I look forward to less vehemently avoiding CSS.

    • @geroutathat
      @geroutathat หลายเดือนก่อน +22

      Dont bother, its still a garbage fire. Now you are going to have 20 components to update as they all have different light and dark colour variables on top of your native stuff.

    • @philrod1
      @philrod1 หลายเดือนก่อน +60

      I recently discovered that ChatGPT is much better at CSS than me. I'm happy with this.

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

      CSS, HTML and Javascript were the worst things to ever hit the internet! PHP was pretty shit too!

    • @Vic-sp6ld
      @Vic-sp6ld หลายเดือนก่อน +20

      @@PrivateSi If you say so, you must be really young and didn't know the HTML world before CSS

    • @avvay0
      @avvay0 หลายเดือนก่อน +11

      @@PrivateSi and how would you use the internet without html? :o

  • @Islandstone89
    @Islandstone89 หลายเดือนก่อน +56

    0:47 align-content
    1:05 @property
    1:34 @starting-style
    2:05 round(), rem() & mod() math functions
    2:23 light-dark function
    2:42 user-valid & user-invalid pseudo-classes
    3:17 interpolate-size
    3:41 the heart-wrenching story behind "rebeccapurple", the background color for the new official CSS logo 💜

  • @kiraaaaaa
    @kiraaaaaa หลายเดือนก่อน +135

    This video prompted me to seek out Eric Meyer's blog and read his posts from 2013 and 2014 and I was genuinely sobbing until I calmed down enough to write this comment. He is an incredible writer. He is so full of love and so full of grief, and he has such a beautiful way of writing about his love for his daughter. He has a unique ability to let me feel how much he loves Rebecca through just a couple of blog posts. Few things are more cruel than that she only got to experience being Rebecca for six hours, but no one could be a better witness of her life than her father Eric. No one could share the gift of Rebecca's life with the world better than Eric can.

    • @PaulMcCannWebBuilder
      @PaulMcCannWebBuilder หลายเดือนก่อน +3

      I read and used all his books and articles before reading his accounts of Rebecca's passing, back in 2014.
      He was incredibly open and they were beautifully written.

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

      well said

  • @kulemantu
    @kulemantu หลายเดือนก่อน +48

    We could align center 25 years ago because the whole page was a element

  • @cosmiclattemusic
    @cosmiclattemusic หลายเดือนก่อน +739

    we got dark-light mode in CSS before GTA VI

    • @experiment-hz2fb
      @experiment-hz2fb หลายเดือนก่อน +21

      and silksong too

    • @KingThrillgore
      @KingThrillgore หลายเดือนก่อน +6

      And the end of America! Rockstar fell off hard.

    • @jemagif78
      @jemagif78 หลายเดือนก่อน +4

      😂😂 ​@@KingThrillgore

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

      ​@@KingThrillgore the end of woke more like

    • @450b
      @450b หลายเดือนก่อน +4

      @@KingThrillgore You mean the golden age of America

  • @nervesstudio4592
    @nervesstudio4592 หลายเดือนก่อน +375

    I prefered the old logo until the end. May you rest in peace, Rebecca ❤️.
    Now I'll cry every time i write CSS.

    • @arcaegecengiz
      @arcaegecengiz หลายเดือนก่อน +130

      You didn't cry every time you wrote CSS before?

    • @qawmkl
      @qawmkl หลายเดือนก่อน +16

      @@arcaegecengiz LMAO

    • @EpicNicks
      @EpicNicks หลายเดือนก่อน +5

      +sadness on the usual frustration

    • @sayorancode
      @sayorancode หลายเดือนก่อน +7

      @@arcaegecengiz best reply award goes too ...

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

      I wish they'd update the old logo to feature the RebeccaPurple color instead of the blue to truly make it perfect.

  • @jkibble98
    @jkibble98 หลายเดือนก่อน +145

    I wasn't expecting to get a feels at the end of a Fireship video

  • @nitsanbh
    @nitsanbh หลายเดือนก่อน +5

    You *can* affectively interpolate from height: 0 to height: auto, by interpolating grid-template-columns: 0fr to grid-template-columns: 1fr (with overflow: hidden).
    Kevin Powell showed that in one of his vids

    • @andreacorronca8849
      @andreacorronca8849 20 วันที่ผ่านมา

      but no height: auto to height: auto

  • @Devillman90
    @Devillman90 หลายเดือนก่อน +5

    Man that video really made my eyes in tears. Thank you for sharing the story of the CSS creator with us i didn't know that. I am a father of 6 years old girl and i can't imagine the pain that he went through :(

  • @KevinxJin
    @KevinxJin หลายเดือนก่อน +37

    It's my forever test color! Hope whatever technology replaces CSS in 5-10 years will keep this color for ever!

    • @origi367
      @origi367 หลายเดือนก่อน +6

      i dont think css gets replaced unless the building blocks of the web itself changes

    • @PaulMcCannWebBuilder
      @PaulMcCannWebBuilder หลายเดือนก่อน +3

      They've managed to improve CSS continuously over the last 25 years (the features in this video to prove it). In 5 years CSS will be better, but not replaced.
      What might change, in the next decade is whether people are still in enough control of the language as to include a touching memorial into it.

  • @Loopmootin
    @Loopmootin หลายเดือนก่อน +17

    Awesome video as always!
    Btw although you can't animate on height: auto; as you said, and sadly interpolate-size is only available in Chrome atm..
    But you can animate on the fr unit, so if you make a grid container and change the row from 0fr to 1fr it will transition smoothly

  • @privacyvalued4134
    @privacyvalued4134 หลายเดือนก่อน +102

    1:00 "Why nobody thought to make this a thing 25 years ago." But we still won't be able to use it for another 10 years because browser upgrade adoption takes forever.

    • @svenbjorn9700
      @svenbjorn9700 หลายเดือนก่อน +16

      I thought he said all major browsers support it right now today.

    • @cameron7374
      @cameron7374 หลายเดือนก่อน +21

      Everyone I know has their browser on very close to the newest version, because it does that automatically like every month nowadays.
      So I'd say at most a year, if somebody hasn't updated their browser in that time they can enjoy their security issues and broken websites.

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

      @@svenbjorn9700 The newest versions do anyway. Not supported on chrome 122 and safari 17.3, according to caniuse. They were released this year and a good chunk of our users are definitely using that or worse. So I can't use it anyway. Would be nice if everyone was on the latest but they're not.

    • @johso87
      @johso87 หลายเดือนก่อน +8

      Your comment is from 25 years ago buddy. LOL

    • @dansanger5340
      @dansanger5340 หลายเดือนก่อน +10

      Just use it and let it break. The long tail is caused by coddling stragglers.

  • @blissful4
    @blissful4 หลายเดือนก่อน +123

    Rebecca purple lore hit me different....

    • @questioned54
      @questioned54 หลายเดือนก่อน +4

      At First, I thought the new logo was ugly, now it's absolutely beautiful and I want to hug my loved ones 😢❤

    • @am05mhz
      @am05mhz 29 วันที่ผ่านมา

      different? normal people would feel the sadness, so if you're different, does that mean.....

  • @chillingpaully4137
    @chillingpaully4137 หลายเดือนก่อน +38

    Didn't expect to be bawling my eyes out at a fireship video

  • @iDannyism
    @iDannyism หลายเดือนก่อน +5

    My dude, thank you so much for talking about Rebecca--well done.

  • @EmeraldKaiser
    @EmeraldKaiser หลายเดือนก่อน +7

    how you managed to start from sarcasm and ended in wholesome in 4 minutes is beyond me

  • @rekaviles
    @rekaviles หลายเดือนก่อน +43

    I want that mug 0:31
    also, RIP Rebecca

    • @Yehor-v7y
      @Yehor-v7y หลายเดือนก่อน +1

      I want that mug

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

      You get it for free if you attend css day in Amsterdam, I have 2 : )

  • @loadiam
    @loadiam หลายเดือนก่อน +68

    My daughter is also six, her favourite colour was also purple before she got sick. Purple is a very special colour.

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

      Purple is a color similar in appearance to violet light. In the RYB color model historically used in the arts, purple is a secondary color created by combining red and blue pigments. In the CMYK color model used in modern printing, purple is made by combining magenta pigment with either cyan pigment, black pigment, or both. In the RGB color model used in computer and television screens, purple is created by mixing red and blue light in order to create colors that appear similar to violet light.

    • @chillyvanilly6352
      @chillyvanilly6352 หลายเดือนก่อน +3

      @@Specoups I don't think he/she meant "special" in the sense of "its composition"/etc. ...
      @loadiam sorry to "hear" that! :/

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

      @@chillyvanilly6352 Thank you, yes you are correct. I meant the importance of the colour not the composition. It is also the colour that represents my daughters illness. The internet is the internet, just a big collation of brains trying to swim to the surface. Apparently colour composition is important to some. :P

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

      ​@@chillyvanilly6352 might be a bot/AI

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

      ​@@loadiam I am very sorry to hear about your daughter. Rebeccapurple is the favorite color of brave wise girls, and your daughter is one of them.

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

    Eric Meyer is a legend, back in 2006 I was reading his CSS book every morning when commuting to my HTML/CSS job, he taught the basics I still remember 18 years later ❤

  • @tenacity_dev
    @tenacity_dev หลายเดือนก่อน +10

    The last part of the video hits right in the feels. I'm glad that the color is named RebeccaPurple 💜💜💜

  • @hibiscustea7116
    @hibiscustea7116 หลายเดือนก่อน +10

    I can't believe I'd come across a jumpscare in a fireship video 💀 1:47

  • @inzaghiposumaalkahfi9650
    @inzaghiposumaalkahfi9650 หลายเดือนก่อน +17

    0:45 Alternatively, it's on Jumada al-Awwal 16, 1446 AH and you're watching the Fireship Code Report Series about CSS Fixes and 7 New Features.

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

      Up

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

      based

    • @حودة-الديدو
      @حودة-الديدو หลายเดือนก่อน

      Based 😂❤

    • @xDmtm
      @xDmtm หลายเดือนก่อน +3

      I don't get it
      why should he use the Hijri calendar?

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

      cringe

  • @StEvUgnIn
    @StEvUgnIn หลายเดือนก่อน +10

    0:25 The video ends here. Thanks for watching, don't forget to like the video, comment, subscribe and activate the notification bell.

  • @rockonhero3611
    @rockonhero3611 หลายเดือนก่อน +8

    This color shows how empathetic humans can be. I really like that you included that.

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

    I support this calmer tone to your presentation. Wogwon, my guy.

  • @GeorgeBentes
    @GeorgeBentes หลายเดือนก่อน +5

    3:44 Geezz I didn’t see that coming

  • @rtothec1234
    @rtothec1234 หลายเดือนก่อน +32

    I don’t think I have fiddled with raw CSS since the first version of Bootstrap. Hard to believe I even have a career in web development. I can barely wield it.

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

      Never too late to learn :)

  • @matt_milack
    @matt_milack หลายเดือนก่อน +63

    As a person who couldn't create a decent front-end of the application to save my life, I must say: yes.

  • @andrewleonardi3351
    @andrewleonardi3351 หลายเดือนก่อน +3

    Damn. Wasn't ready for that hard hitting ending!

  • @srijanraghavula
    @srijanraghavula หลายเดือนก่อน +8

    2:29 tf was that. Should've warned us.

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

    That's a heartbreaking story that serves to reinforce how fortunate I am to have a healthy four-year-old. I can only imagine his grief, and imagining alone is more than enough to bear. I expect I'll think of her story every time I see a similar shade of purple. It's also always heartwarming and bittersweet to see the "hi mom" in your videos.
    Thank you for sharing so Rebecca can live on in some small way with all of us.

  • @saeruji
    @saeruji หลายเดือนก่อน +25

    1:24 CSS getting types before JavaScript is brutal

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

      I have recently started Typescript and realized why it is called "Type"Script?
      And then did a Tsc sample.ts sample.js and the difference was clear to me.

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

      JavaScript will NEVER EVER get types.

    • @saeruji
      @saeruji หลายเดือนก่อน +3

      @@CathrineMacNiel that’s why it will never ever be a serious language. Only for front-end user interaction.

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

      @@saeruji it already is a serious language, everywhere. Maybe not for you, but that doesn't matter in the grand scheme of things.

    • @saeruji
      @saeruji หลายเดือนก่อน +3

      @@CathrineMacNiel all these frameworks it has and its popularity make it seem serious. But if a good developer sees someone do backend in JS, can’t take them seriously

  • @ricketycricket4361
    @ricketycricket4361 หลายเดือนก่อน +4

    I did NOT expect that trauma drop at the end, wtf. Caught me way off guard.
    R.I.P Rebecca, 6 is far too early :(

  • @copperbadge1
    @copperbadge1 หลายเดือนก่อน +11

    3:17 hold on a sec, doesn't this trigger layout shifts, leading to a poor CLS score?

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

      Depends on what you're animating, just like it does now.
      Plus the impact depends heavily on how much you do it and, I'd assume, how much of the page needs its layout redone.
      I'd be more worried about the :has() right before.
      That one's a real pain to optimize for a browser.

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

      @cameron7374 That's the thing: Going about animating layout related properties (height, width) with translate, scale, etc is a bit more cumbersome in some cases but it does make a tangible difference.
      Since search engines appear to be a bit paranoid about the CLS too, I was just wondering if that was taken into consideration by browser vendors or if it's out of focus for what's otherwise a great addition.
      Regarding :has(), I agree, but I haven't seen any noticable drop in performance in my projects this far (using it sparingly though).
      Anecdotal evidence, I know. :D
      It will be really interesting to see what the best practises are going to be for using it (if at all).

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

      @@copperbadge1 Though if you need the animation to affect the layout, you can't do that with transforms, except maybe emulating it in really hacky ways for some situations.

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

    This was an excellent video. I love CSS and the new changes and this little tidbit about Rebecca Purple was touching. Keep being awesome Mr. Fireship!

  • @Sahil.1
    @Sahil.1 หลายเดือนก่อน +22

    Rebecca will live forever in our memories 🕊️

    • @FirstName-zt2my
      @FirstName-zt2my หลายเดือนก่อน

      I'm using Rebeccapurple now for my side projects from now on. She'll live forever in our code too!

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

    Centering that just works. After all these years. I'm floored.

  • @rageops
    @rageops หลายเดือนก่อน +117

    CSS = Chronic Styling Stress

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

      CSS: Can't style shit

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

    I was not expecting the feels at the end. Damn it fireship! That's so sad, but such a beautiful gesture

  • @1.4142
    @1.4142 หลายเดือนก่อน +12

    2:14 Who's rem() ?

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

      Broo 🥰🥰🥰

    • @MrJhaohh
      @MrJhaohh หลายเดือนก่อน +3

      A man of culture, but Gluttony takes

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

      nice reference but too bad someone got too hungry

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

      Everyone talking about getting hit in the feels while watching a Fireship video and I was fine until I saw this comment.

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

    Can we finally limit the number of items displayed under a dropdown with a scrollbar?

  • @MuhammadSaaddev
    @MuhammadSaaddev หลายเดือนก่อน +6

    Well, that video was definitely !important

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

    yep gotta update my tutorial\ website site now lol - thank you as always man, your videos never disappoint

  • @cookiehcl2824
    @cookiehcl2824 หลายเดือนก่อน +7

    1:00 Seriously, why did it took so long??

    • @M0dr0
      @M0dr0 29 วันที่ผ่านมา

      Go back for english class and pay attention this time. 😂
      What is that?😂😂😂😂

    • @guilhermeclaro3596
      @guilhermeclaro3596 21 วันที่ผ่านมา

      @@M0dr0 If you looked into his channel, you'd see English is not his first language

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

    Didn’t expect to tear up from a fireship video

  • @soviut303
    @soviut303 หลายเดือนก่อน +11

    RebeccaPurple is not only a touching back story, it's also a really nice shade of purple to build and test with.

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

      Indeed, and luckily (?) for me I like purple, so I'm definitely gonna use it.

  • @Piineapple.
    @Piineapple. หลายเดือนก่อน +2

    2:08 doing math does not imply Turing-completeness

  • @juanrolon1729
    @juanrolon1729 หลายเดือนก่อน +25

    now we know he has a daugter. we need a full biography of fireship!

    • @LuisSierra42
      @LuisSierra42 หลายเดือนก่อน +6

      HE did an interview a few months ago and they show his house and his family so we already had that lore

  • @jimbeam9504
    @jimbeam9504 15 วันที่ผ่านมา

    You didn't have to break my heart right when the video was about to end 😭 I'm not an emotional man, but since I've had my daughter and I hear something like a child passing away it brings tears to my eyes and fills my heart with sadness. I can't imagine going through losing a child, it's unbearable to even think about.

  • @thomasmelak
    @thomasmelak หลายเดือนก่อน +14

    3:41 I had to use `interpolate-size` to fix an accordion animation last week! So glad to see that its now part of baseline css.
    Edit: I was wrong, looks like it's not part of baseline css. Only available in chromium, and experimental in opera.

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

      It is supported only in Chrome right now

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

      @cool_boyua you're right! Looking at the MDN docs, it's not part of baseline css.

  • @JonathanDsouza-f4j
    @JonathanDsouza-f4j หลายเดือนก่อน +1

    Thanks for the feels, fire ship guy.

  • @RealFlicke
    @RealFlicke หลายเดือนก่อน +14

    I have been writing CSS for years now and I didn't know that align-content works on a block element.

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

      Because it hasn't worked like that for years, this is a recent-ish thing.

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

    Came for a laugh, left with tears. Keep it up bud!

  • @johnsmith-jq1uc
    @johnsmith-jq1uc หลายเดือนก่อน +442

    I can't code, why am i here?

    • @deva_69
      @deva_69 หลายเดือนก่อน +12

      coz

    • @uzzybuzzy-t5h
      @uzzybuzzy-t5h หลายเดือนก่อน +19

      I dont know man, I dont know

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

      What they sed ^

    • @abdelilahou2822
      @abdelilahou2822 หลายเดือนก่อน +16

      Lol, I used to watch these vids before i became a dev, before i even considered becoming one 😂

    • @hayleyxyz
      @hayleyxyz หลายเดือนก่อน +25

      CSS isn't code :^)

  • @VictorVictory-te2ij
    @VictorVictory-te2ij หลายเดือนก่อน

    Thanks so very much for your bringing the latest to us!

  • @EmeliaNevaehSaniyao
    @EmeliaNevaehSaniyao 26 วันที่ผ่านมา +106

    aitutorialmaker AI fixes this. CSS changed forever; 7 new features.

  • @HakunaMatata-5151
    @HakunaMatata-5151 หลายเดือนก่อน

    This was just amazing. I love the way you convey the information. It's just spectacular

  • @illuminum8576
    @illuminum8576 หลายเดือนก่อน +3

    Fireship WebDev videos sure are more interesting since I started learning HTML, CSS and Javascript in school. Also RIP Rebecca

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

    I never imagined to cry watching a Fireship video, yet here we are.

  • @Elijah-e6v
    @Elijah-e6v หลายเดือนก่อน +79

    Thank you for recommending Sarah Jennine Davis on one of your videos. I reached out to her and investing with her has been amazing.

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

      Wow, congratulations on your impressive investment success! Your discipline and focus on delayed gratification is truly inspiring. I'm curious, what are some of the key factors that you consider when making investment decisions? Do you have any tips for those of us who are just starting to dip our toes into the world of investing? Thanks for sharing your story!

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

      Do you mind sharing info on the adviser who
      assisted you? I'm 39 now and would love to
      grow my portfolio and plan my retirement

    • @Elijah-e6v
      @Elijah-e6v หลายเดือนก่อน

      @@FreyaFreya3 A great recommendation is Sarah Jennine Davis. Her basic information should probably be displayed when you search for her in your browser.

    • @วิทยาคงกะพันธ์
      @วิทยาคงกะพันธ์ หลายเดือนก่อน

      ​@@Elijah-e6vHow do I access her ? I really need this

    • @Elijah-e6v
      @Elijah-e6v หลายเดือนก่อน

      +156

  • @blazed-space
    @blazed-space หลายเดือนก่อน

    CSS has never ceased to amaze me. I remember back when CSS3 Dropped, I could now do rounded borders without using the “image corner” trick, I could use text and box shadows without images, and so much more. It’s always browser adoption that concerns me about the new features. (Oh yeah CSS3 Also introduced flex box and grid which allowed you to create gridded layouts without tables)😊

  • @danielbuenrostro
    @danielbuenrostro หลายเดือนก่อน +25

    Can't even imagine what they're going through. Fuck Cancer.
    RIP Rebecca.

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

    :has as a honorable mention? This has been my wish ever since I started using CSS. Awesome!

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

      Yeah that’s the real mvp here. Anyone who has to use css daily would know.

  • @MortezaPorabdolahi
    @MortezaPorabdolahi หลายเดือนก่อน +3

    RIP Rebecca ❤

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

    What a beautiful color. I am not crying, you are. Best color ever.

  • @FlaviuSound
    @FlaviuSound หลายเดือนก่อน +8

    Soooo genius how he mentions all major browser and uuups….intentionally EDGE is forgotten 😂 0:38

    • @pubjubz
      @pubjubz หลายเดือนก่อน +17

      Edge is chrome wearing a blue trench-coat.

    • @6sense651
      @6sense651 หลายเดือนก่อน +1

      Chrome is Edge's father

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

      Edge is based on Chromium, which is the base code of Chrome. It's practically the same. Edge is barely a separate browser

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

      The browser support is the same

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

    You are by far the best programmer channel.
    No one does it like you do.

  • @Komentujebomoge32
    @Komentujebomoge32 หลายเดือนก่อน +4

    Centring a div is not hard. You can simply use display: flex; justify-content: center; align: items: center; (On mother div) and all the children should get centred. Or use stuff as "self" -> self-align: center; etc etc.OK whatever, this update is cool.

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

    My favourite narration on TH-cam by a long shot.

  • @CarolReed-k5k
    @CarolReed-k5k หลายเดือนก่อน +14

    I hit $113k today. Thank you for all the knowledge and nuggets you had thrown my way over the last months. Started last month 2024. Financial education is indeed required for more than 70% of the society in the country as very few are literate on the subject.

    • @KeithPearson-q8v
      @KeithPearson-q8v หลายเดือนก่อน

      wow this awesome 👏 I'm 37 and have been looking for ways to be successful, please how??

    • @CarolReed-k5k
      @CarolReed-k5k หลายเดือนก่อน

      It's essential for you to have a mentor to keep you accountable. Myself, I'm guided by Evelyn Vera. for years and highly recommend her I focus on him. To be honest, I almost didn't buy the idea of letting someone handle growing my finance, but so glad I did.

    • @ZacharyHarris-e2g
      @ZacharyHarris-e2g หลายเดือนก่อน

      My family needs saving from poverty 😭, can I get Ms. Evelyn Vera direct info.🙏

    • @CarolReed-k5k
      @CarolReed-k5k หลายเดือนก่อน

      Sure!!..I have her WhatsApp digits

    • @CarolReed-k5k
      @CarolReed-k5k หลายเดือนก่อน

      +1

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

    Wow, hitting me hard with the drive-by feels right at the end there

  • @NezHD
    @NezHD หลายเดือนก่อน +4

    Who's cutting onions? What a thoughtful tribute. RIP Rebecca.

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

    Here I am, in work parking lot car, having taken my 3yr old to kindergarden, tryna get to work mood, focus thoughts, dev mind, orepping to go write my own css for salary now, having Kevin's videos already queued up, Im warm... The full moon and her PMS is as tough as it is already but Im a man, i must be tought, right? .. and the more I resist the more I get the illusion of getting there, and then you hit me with this ending .. completely amd utterly destroying that illusion. Thank you sir.

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

    To his early statement, I mean center tag was a thing in html remember.

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

    You're right, I didn't know about those features, thanks bro

  • @GinoFazari
    @GinoFazari หลายเดือนก่อน +5

    :first-child

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

    The end was truly great. Thanks.

  • @fuzzy-02
    @fuzzy-02 หลายเดือนก่อน +26

    Bro 0:12!!!

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

    That wholesome touch to this report was just 🔥 You're the shit man

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

    wow. I did not anticipate tearing up over a video about CSS.

  • @gorgono1
    @gorgono1 25 วันที่ผ่านมา

    I needed interpolate-size two years ago ... really nice changes, can't wait to use them!

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

    Not a programmer, but I still watch your uploads because there is always something interesting, new. I wouldn’t know about Rebeccapurple otherwise, now I know :)

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

    Holy crap, I wasn't expecting to cry at the end of the report.

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

    Damn, the last part hit me in the heart. I didn't start this video expecting this kinda heartbreak.. Wow...

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

    💜💜💜 what a story! Anyway, if CSS and HTML make more sense and start to be real language, maybe we do not have a bunch of nonsense (NPM and all libraries and packages!)

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

    just the other day was doing some quick css for something and out of no where that Rebecca purple came on top and damn

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

    Love that `light-dark` is getting some love. Great for theming!

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

    The only video that brought tears to my eyes that isn't data structures and algorithm... Thanks fireship

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

    Thank you for featuring Eddy Wally. 😊

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

    Very meaningful logo, a very beautiful and thoughtful decision

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

    This is some EXCELLENT timing for my return to webdev

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

    Light dark css prop made my decade, thanks Fireship

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

    Brace for impact!
    Holy shit man.
    I commend your unbroken smooth delivery, just snuck that right into my brain.
    Time to go hug my kids.