Тёмный

Cross-fading DOM elements | HTTP 203 

Chrome for Developers
Подписаться 762 тыс.
Просмотров 20 тыс.
50% 1

Опубликовано:

 

21 окт 2024

Поделиться:

Ссылка:

Скачать:

Готовим ссылку...

Добавить в:

Мой плейлист
Посмотреть позже
Комментарии : 103   
@dassurma
@dassurma 2 года назад
Thank you everyone for the kind comments. It means a lot. It’s easy to forget how many people were watching these shenanigans. I’ll join Shopify in early February and I plan to continue doing the podcast with Jake. You should subscribe to it :3 Jake: Gonna miss ya, mate. 203 was one of my consistently favorite things to do.
@leoff2
@leoff2 2 года назад
Where will the podcasts be published?
@dassurma
@dassurma 2 года назад
@@leoff2 Take a look at the video description!
@jawbfl
@jawbfl 2 года назад
Best of luck, 203 was amazing, thank you.
@BassByTheBay
@BassByTheBay 2 года назад
I don't suppose you'd be willing to share _why_ you're leaving Google, would you? 😁
@albertodeagostini6143
@albertodeagostini6143 2 года назад
I hope the series continues to be as good as it was, but I don't think it will be easy to find a replacement. Thanks for everything and best of luck with your new adventure
@VonUndZuCaesar
@VonUndZuCaesar 2 года назад
All the best in the future Surma! I really hope that this series continues in some kind! I learned so much from timing, memory leaks to colors! I often remember "that was in 203” and look it up again. Thank you very much!
@Cookie_Wookie_7
@Cookie_Wookie_7 2 года назад
100%
@jakearchibald
@jakearchibald 2 года назад
I'll miss you mate! We have a loose plan to carry on the podcast together (let's face it, the podcast was always loosely planned). As for the video series… I guess I'll have to make a new friend
@HolgerNestmann
@HolgerNestmann 2 года назад
Surma will be missed by the community too. Looking forward to anything new podcast and new friends as well
@jan.melcher
@jan.melcher 2 года назад
I wish you all the best for the future, Surma! The series was really great with you two.
@TheNewton
@TheNewton 2 года назад
Hope this keeps going, 203's conversational format is great for deep dives on web tech that would otherwise live in everyones backlog of oneday-i'll-learn-why-x. And sometimes for other industries too like explanations in here are useful starting to demystify WHY pre-multiplication behaves like it does for SFX compositing software.
@stefanspittank
@stefanspittank 2 года назад
You guys have been an inspiration and I will miss the energy between you two. Thanks for all the episodes - I've learned a lot! And Surma: all the best to you.
@IceMetalPunk
@IceMetalPunk 2 года назад
Gonna miss you, Surma! You and Jake's chemistry is a big reason I watch even the episodes on topics I already know. Good luck at Shopify! 💗
@maxziebell4013
@maxziebell4013 2 года назад
happy and sad feeling are mixing in isolation. Thanks for this great series!
@mutebg
@mutebg 2 года назад
Sad to see Paul and now Sarma leaving, hope you continue with HTP203 it's my fav podcast and video show
@hakier_
@hakier_ 2 года назад
Thank you both for THE BEST dev talk series that was bringing a lot of humor, knowledge and amusement. I was always happy when I saw that new video was released because I knew that I will have a great time. I will miss your duo together altho it is great to hear that you will contiunue your podcasts. It will be hard to find a new person to not make this series stiff but I hope that Jake will find one. I wish you all best Surma! Good luck in a new place, have fun and be health. Thank you both for the great work!
@riddixdan5572
@riddixdan5572 2 года назад
best of luck Surma. And I hope that 203 will keep on going.
@aca48
@aca48 2 года назад
"Don`t cry because it`s over, smile because it happened." I wish you all the best!
@sangeeth96
@sangeeth96 2 года назад
This hit the feels, esp after seeing the tweet, I HAD to check if there was a farewell episode… aaand it’s there!😭 We hope you keep doing your best and bringing awesomeness to the web in your new role, Surma! (P.S. here’s me hoping Surma will make surprise appearances in the future and looking forward to podcasts!) (P.S.P.S. I’ll be selfish and ask Jake to pls never leave)
@Norfeldt
@Norfeldt 2 года назад
Where is he leaving to?
@datsteves
@datsteves 2 года назад
@@Norfeldt shopify
@vitabramov89
@vitabramov89 2 года назад
I've used "isolation: isolate" in my react design system to create isolated complex component with multiple elements with different z-index. It's really helpful! Surma, thanks for all that videos! Jake, I'm hoping to see more of this show!
@APXmusic1
@APXmusic1 2 года назад
Holy cow, that layering trick with CSS grid just blew my mind! I've been dealing A LOT with the issues that come up when using absolute positioning for this. Thank you! Really hope you keep this series going somehow ;)
@IceMetalPunk
@IceMetalPunk 2 года назад
Jake: "Unmultiply." Surma: "You mean division?" My brain, in Travis Willingham's voice: "Reverse math!"
@medikoo
@medikoo 2 года назад
All the best Surma! I also hope this series would keep on, as there's nothing else like that, and it'll be a great loss to have that discontinued. If not at Google, please go independent with Jake :)
@JonnyPowell
@JonnyPowell 2 года назад
Man I am gonna miss this series.
@jakearchibald
@jakearchibald 2 года назад
It isn't the end of the series, just the end of Surma on the series 😢
@MarcelRobitaille
@MarcelRobitaille 2 года назад
isolation: isolate is also used for isolating z-index.
@ASDevelopersTutorials
@ASDevelopersTutorials 2 года назад
All the best to Surma. I love these series so much, you'll be missed.
@pedroaugusto656
@pedroaugusto656 2 года назад
Hey can you both start a new independent podcast called HTTP 204 ? Just now that I found a substitute for Hello Internet...
@jan.melcher
@jan.melcher 2 года назад
HTTP 204 No Content But "So"?
@RichardRuffUK
@RichardRuffUK 2 года назад
Hi Tim!
@JimCullen
@JimCullen 2 года назад
I had a dream the other night that there was more Hello Internet. It felt so real. Waking up was such a disappointment.
@rishabhanand4270
@rishabhanand4270 2 года назад
All the best! Will miss this video format of just Jake and Surma having a go at each other's patience. Hope you guys can atleast keep the podcast up. And not to sidetrack too far from Surma's farewell, do we, by any sheer stroke of luck, get Paul Lewis on this format?
@nielskersic328
@nielskersic328 2 года назад
Paul is also leaving Google this week, so I wouldn't hold my breath
@MaxArt2501
@MaxArt2501 2 года назад
Goodspeed, Surma! HTTP 203 won't be the same without you.
@chrizzzly_hh
@chrizzzly_hh 2 года назад
Another goat episode!
@alirahmani5601
@alirahmani5601 2 года назад
Well, I didn't expect that!
@2802ize
@2802ize 2 года назад
This series is one those things that I admire Google for. I wish you really the best for your future Surma! Please don't go 😭.
@talhaakram
@talhaakram 2 года назад
Ah! another episode of two guys talking about things I don't quite understand.. my favorite.
@Stoney_Eagle
@Stoney_Eagle 2 года назад
A big yes for me on this! Unmultiply 🤣🤣
@JonasHabel1
@JonasHabel1 2 года назад
Good luck Surma! For me, you were always kind of a representative of all web developers here in Germany 😁 Nevertheless I hope the 203 series will be continued!
@askplays
@askplays 2 года назад
Thanks for the amazing episodes! Good luck to you Surma.
@jurgentreep
@jurgentreep 2 года назад
I’m going to miss you Surma!
@be2wa
@be2wa 2 года назад
I have liked this series the most. Nice leave though, Surma :D
@nicodomino6713
@nicodomino6713 2 года назад
Nice ending! You'll be missed Surma. Weiterhin viel Erfolg!!
@anubhav200
@anubhav200 2 года назад
Best of luck Surma!!
@Surefire99
@Surefire99 2 года назад
Jake, nice Salad Fingers reference there
@dave6012
@dave6012 2 года назад
I’ve done a ton of crossfading and I have these to say: 1. Grid overlaying is the ticket, intrinsic size is key and absolute positioning I have used with far too many hacks 2. I would’ve absolutely “shipped it” when Surma said so 😅 3. I feel like such an ant now, because I had a very foggy idea of what any of this meant, and as I said, I’ve done a ton of cross-fading 😬
@leiflinse2267
@leiflinse2267 2 года назад
I have tried to solve this problem in Flutter but it is a challenge there how to isolate blending two widgets together. I enjoyed listening to you diving into this problem. :)
@ColinRichardson
@ColinRichardson 2 года назад
I miss you already Surma
@jonathantreffler6641
@jonathantreffler6641 2 года назад
Will HTTP203 continue without Surma ?
@jakearchibald
@jakearchibald 2 года назад
Yep!
@Conrado0007
@Conrado0007 2 года назад
But it will never be the same :/
@albertodeagostini6143
@albertodeagostini6143 2 года назад
I think that isolation: isolate is used also to create new stacking contexts for z-index as well
@TheOlian04
@TheOlian04 2 года назад
So... Surma is leaving Google?
@SebastianZartner
@SebastianZartner 2 года назад
Really, Surma?! That's very sad as I love those videos with you both! I still remember when we met at View Source in Amsterdam. If it's really true, I hope you'll do fine wherever you'll go!
@datsteves
@datsteves 2 года назад
@@SebastianZartner yep it is :) in feb (or so) he will be working at shopify
@mc-ty4br
@mc-ty4br 2 года назад
Thanks to all. Will miss Surma :( .. good luck in your future role 🍻
@wmhilton-old
@wmhilton-old 2 года назад
You will be missed Surma! 😿
@brymstoner
@brymstoner 2 года назад
Jake, does this mean the show's going to be renamed HTTP 206? So long, Surma. All the best mate!
@CoDEmanX47
@CoDEmanX47 2 года назад
I'm sad about Surma leaving but also because there was no mention of occlusion and emission, which is what opacity/alpha should be split into. Furthermore, 1 minus alpha isn't possible with HDR/WCG content because 1.0 / 255 isn't the maximum possible code value and inverting light intensity in a linear working space is ill-defined as far as I understand.
@jakearchibald
@jakearchibald 2 года назад
huh, as far as I know, alpha is independent of the space of the colour channels. Eg, if your colours are sRGB or rec2020, your alpha channel is still linear 0-1. What colour space does things differently? All implemented compositing operations definitely treat alpha as 0-1.
@dasten123
@dasten123 2 года назад
Damn, I'm gonna miss him
@firiasu
@firiasu 2 года назад
Very interesting, so....
@TheTentacola
@TheTentacola 2 года назад
Noooooo! :(
@cyber_chris
@cyber_chris 2 года назад
what a sad day, hopefully Surma uses his personal yt channel
@JacobCanote
@JacobCanote 2 года назад
Ship it!
@SimonBuchanNz
@SimonBuchanNz 2 года назад
Oh man, it's so sad that Surma died, it's a rough start to the year. (Good luck and godspeed my friend!)
@XiXora
@XiXora 2 года назад
Jake is our only constant…
@TheNewton
@TheNewton 2 года назад
And after this morphing between dom elements, such as skeleton loaders reshaping to the text they are placeholding or when hydrating some area like turning a select into buttons.
@TheUnknownFactor
@TheUnknownFactor 2 года назад
Isolation also z-index stuff
@misode
@misode 2 года назад
So
@StephanBijzitter
@StephanBijzitter 2 года назад
So.
@Scio_
@Scio_ 2 года назад
Oh no, the HTTP 203 curse :'(
@AlexSav
@AlexSav 2 года назад
Just force Paul back to the show
@loic.bertrand
@loic.bertrand 2 года назад
Could this be done using text instead of images ?
@jakearchibald
@jakearchibald 2 года назад
The example is text 😀
@stannone7272
@stannone7272 2 года назад
that should be possible for all DOM elements in the future
@hobbyturystaSEO
@hobbyturystaSEO 2 года назад
Do you speak css? I speak so-so... Because I have seen only one color in fading in, I though css is about color not sort of monochromatic ish🤔
@jakearchibald
@jakearchibald 2 года назад
CSS is definitely about more than just color. It covers layout, interaction, animation, compositing and more
@hobbyturystaSEO
@hobbyturystaSEO 2 года назад
@@jakearchibald indeed but without colorS looks like Alpha-sort-of-channel-mono=chrom-ish
@fabiocroldan
@fabiocroldan 2 года назад
I feel like my parents have split up.
@JacobCanote
@JacobCanote 2 года назад
Oh no... So...?
@StupidLova
@StupidLova 2 года назад
Is Surma going somewhere? He is booted
@ZEDCWT
@ZEDCWT 2 года назад
Oh....
@martinleeuwangh
@martinleeuwangh 2 года назад
Pair of so-and-sos…
@roymond...stillalive385
@roymond...stillalive385 2 года назад
lmao
@IAmSamuelCharpentier
@IAmSamuelCharpentier 2 года назад
😭😭
@jenishngl
@jenishngl 2 года назад
Unmultiply 😂😂
@ShinigamiZone
@ShinigamiZone 2 года назад
😯🥺
@SebastianZartner
@SebastianZartner 2 года назад
There was a cross-fade function defined in CSS Images 4 at some point. It's still there in www.w3.org/TR/css-images-4/#cross-fade-function, though refers to Level 3, which doesn't define it. :-D Anyway, I think _that_ function should rather be used for cross-fading two elements instead of using opacity and mix-blend-mode. None-the-less, mix-blend-mode: lighter; might still be useful in some cases, though.
@jakearchibald
@jakearchibald 2 года назад
I mention that function in the episode. But it's only for images, so it could only work with element with an intermediate "to image" step, and that gets very complicated when it comes to clipping. The blend mode solution doesn't have these issues
@Pfoffie
@Pfoffie 2 года назад
So
@Pfoffie
@Pfoffie 2 года назад
sad 😞 still hoping for more http 203 - it’s the only reason subscribed to this channel haha
Далее
Deno - HTTP 203
23:58
Просмотров 50 тыс.
Generating your color palette in CSS | HTTP 203
28:02
These Are Too Smooth 😮‍💨
00:57
Просмотров 6 млн
Борщ в стиле высокой кухни!
00:57
Random paint effects - HTTP 203
22:02
Просмотров 17 тыс.
Top 10 performance pitfalls - HTTP 203
36:31
Просмотров 37 тыс.
Four silly browser hacks - HTTP 203
21:01
Просмотров 39 тыс.
JavaScript counters the hard way - HTTP 203
24:08
Просмотров 42 тыс.
Debugging memory leaks - HTTP 203
22:04
Просмотров 46 тыс.
Cross-origin fetches - HTTP 203
23:42
Просмотров 39 тыс.
DOM ready events considered harmful | HTTP 203
22:09
Просмотров 26 тыс.
These Are Too Smooth 😮‍💨
00:57
Просмотров 6 млн