What's new for the web platform

Поділитися
Вставка
  • Опубліковано 24 гру 2024

КОМЕНТАРІ • 136

  • @ChromeDevs
    @ChromeDevs  2 роки тому +22

    Watch this keynote interpreted in American Sign Language (ASL) → goo.gle/3wd5MmZ

    • @dwighthouse
      @dwighthouse 2 роки тому +3

      Bug Report: I'm subscribed to this channel (Google Chrome Developers) with the bell set to "All". Of the videos from this channel in my Subscription feed, it is only showing the American Sign Language version of the videos in most cases, not the non-sign language videos (and some videos are missing entirely).

    • @lakhmichand3244
      @lakhmichand3244 2 роки тому

      @@dwighthouse qkl
      Ffgrfgrg 3rd L) 7☁😊☁☁😊☁😁☁
      ☁😊☁☁😊☁☁☁
      ☁😊😊😊😊☁😊☁
      ☁😊☁☁😊☁😊☁
      ☁😊☁☁😊☁😊☁

    • @bhagvatikumari9017
      @bhagvatikumari9017 2 роки тому +2

      @@dwighthouse oye I

    • @robinsonhernandez7052
      @robinsonhernandez7052 2 роки тому

      @@bhagvatikumari9017 uany

    • @طيورالجنه-م2ب
      @طيورالجنه-م2ب 2 роки тому

      j

  • @jaredwhite88
    @jaredwhite88 2 роки тому +175

    Only a few minutes in, and I just want to say I really appreciate how open you are with presenting how features have cross-platform support across all major browsers/engines. Not just talking about Chrome-only. This is what I love so much about the web! ✌️

    • @vhoyer
      @vhoyer 2 роки тому +2

      Did they showed any one feature that is available on Firefox and not on chrome?
      I mean, cool that every browser agreed to have their names mentioned in here, you know, just saying haha

    • @pedrojimenez2454
      @pedrojimenez2454 2 роки тому +5

      @@vhoyer Probably if it's exclusively in other browser, it won't show in here, because that would be an experimental feature of that browser. Just like you won't see Firefox showcasing the page-transitiom experimental API, because for now doesn't make sense for them doing that.

    • @MrSpotmarker
      @MrSpotmarker 2 роки тому +1

      Actually yes. They showed a feature that is live in Safari and only experimental in Chrome.

  • @Bretzge1990
    @Bretzge1990 2 роки тому +52

    This was such an amazing video. Una und Jake bring so much energy to the table, it's so cool to watch. Thanks for all the hard work that went into building these great new features 😊

  • @bbrosser694
    @bbrosser694 2 роки тому +2

    Not only did I enjoy this Team=Presentation, I actually think that I'm beginning to record some of the new information in my brain. So, thank you so very much for sharing with focus, purpose, and fun!

  • @SylvainPOLLETVILLARD
    @SylvainPOLLETVILLARD 2 роки тому +13

    Very exciting stuff this year, and this video does an amazing job at presenting it in half an hour (although pauses were required to process everything !). Excellent job from the devrel team

  • @rob_castillo
    @rob_castillo 2 роки тому +5

    I love watching videos like this one, where the presenters don't make things super serious, it's amazing how a little fun and comedy can bring so much joy into learning. I'm looking forward to adding many of these new features into my web development.

    • @boomshakalaka656
      @boomshakalaka656 Рік тому

      Like the apple developer conferences where they all stand legs apart like superheroes.

  • @Stoney_Eagle
    @Stoney_Eagle 2 роки тому +13

    31 minutes of solid web dev goodies, my excitement for web development has been triggered.
    My goodness what a lovely improvements, they are welcomed with open arms!
    Some top ASMR and a kick in the but for native apps if I may say so 😜

  • @sebbeselvig3931
    @sebbeselvig3931 2 роки тому +4

    Fantastic video. Really appreciate how you show browser support for the various features. Hope to see more episodes in the future when these features become fully supported.

  • @rand0mtv660
    @rand0mtv660 2 роки тому +14

    Loved everything that was showcased. It's cool that browser vendors decided to work together and really double down on features and compatibility. In 2023, just give us the ability to transition from height/width 0 to "auto" and vice versa and everyone will be happy 😁

  • @svivian
    @svivian 2 роки тому +37

    “Guess how many takes I needed to pronounce specicicity correctly”
    Sounds like zero 😆
    Seriously though great overview of new features!

    • @hrgwea
      @hrgwea 2 роки тому +1

      I heard "specicifity".

    • @sydneyshields111
      @sydneyshields111 2 роки тому +2

      lol i was like "? i dont think that's how you say it"

    • @RasmusSchultz
      @RasmusSchultz 2 роки тому +4

      "spessisifity" - consistently pronounces it wrong and then proceeds to boast his flawless pronounciation. I can't tell if he's serious? 😂

    • @Chrisazy
      @Chrisazy 2 роки тому

      For anyone that just has no idea what it's supposed to be, it's supposed to be Specificity lol. So .... close? I guess?

  • @MattBidewell
    @MattBidewell 2 роки тому +7

    The content from †he team really has improved so much! Love it.
    FYI - if you're watching this and don't what the browser is on the far right of the browser availability bar, it's Samsung

    • @sergioavalos
      @sergioavalos 2 роки тому

      I was wondering exactly that. Personally, I think they should have used Opera instead

  • @모영권-s6q
    @모영권-s6q 2 роки тому +7

    For me as a front-end engineer, this was a really amazing and wonderful video.🎊

  • @mc-ty4br
    @mc-ty4br 2 роки тому +3

    This was AMAZING⭐️
    Many thanks to you and to all the teams who worked to get those features delivered

  • @bhanubhattarai13
    @bhanubhattarai13 2 роки тому +2

    Una is my favourite dev relations engineer.

  • @AndrewBone
    @AndrewBone 2 роки тому +5

    I love that the paper in Jake's "reading off a sheet of paper" gag really had stuff on it, that's commitment 😅

    • @dassurma
      @dassurma 2 роки тому +1

      It’s not a gag. Jake just doesn’t know SIMD.

    • @jakearchibald
      @jakearchibald 2 роки тому +2

      @@dassurma the lines were genuinely written on the paper so I could look away from the teleprompter

    • @saintpyo
      @saintpyo 2 роки тому +5

      @@jakearchibald You even managed to namedrop Squoosh, I almost felt like i was watching http203

  • @hrgwea
    @hrgwea 2 роки тому +2

    The timestamps are quite off in some cases.
    For example:
    6:18 Image lazy loading
    7:17 Aspect ratio
    26:26 :has()
    27:42 Container queries

  • @Qwerasd
    @Qwerasd 2 роки тому +3

    Specicifity lol. Also... one take Jake 👀 Jake & Amir reference? Amazing.

  • @thisislala
    @thisislala 2 роки тому +1

    Great video folks, just to add something: Samsung Internet is currently also supporting WebAuthN 🎉

  • @alystair
    @alystair 2 роки тому +1

    Jake ✔️ Squoosh mentioned ✔️ Proxx subtly shown ✔️

  • @papperlapapp-dev
    @papperlapapp-dev 2 роки тому +3

    Great video! Thank you for that. Learned so much! Love how you easily switch between fun parts and tech details. Awesome!

  • @UliTroyo
    @UliTroyo 2 роки тому +2

    Jake's so cute omg I love him. Informative video, great stuff, but I'm here for the Jake fanboyism. High relevance, high quality internet comment I know. Your fault for reading it.

  • @coderkind
    @coderkind 2 роки тому +1

    Great video, everyone!

  • @alanschio5793
    @alanschio5793 2 роки тому +1

    I Love jake and una so much ❤️

  • @bbrosser694
    @bbrosser694 2 роки тому +1

    Finally, I can see clearly where Google is headed with its new products and new ideas. Wow! What a huge amoount of support for Google Users whether Old or Young, or great big companies. Wow! Great News.

  • @jean683-y8k
    @jean683-y8k 2 роки тому +1

    10 out of 10

  • @boiimcfacto2364
    @boiimcfacto2364 2 роки тому +7

    Incredible video, always love the energy shown by my two fave devs Una and Jakey (can't believe I'm fanboying over developers more than celebrities LOL).
    One concern I have is the *navigation* API sounding very similar to the navigator API. Maybe you could come up with a better name, or add it somehow to the navigator API instead.

    • @jakearchibald
      @jakearchibald 2 роки тому

      Yeah, the similarity is an issue, but there really isn't a better name. It used to be called appHistory, but it's an API all about navigation.

    • @boiimcfacto2364
      @boiimcfacto2364 2 роки тому

      @@jakearchibald Hmm that's true. It's a completely new API though, so it doesn't really have to be all that semantic and I'm sure devs would be willing to stick with whatever name is finalized upon.
      In any case, thanks for responding! (also hope the next http203 vid comes out soon XD)

  • @victorjozwicki8179
    @victorjozwicki8179 2 роки тому

    Excited for the clone and dialog

  • @nativeKar
    @nativeKar 2 роки тому

    Everything in this video filled me up with joy except seeing that ring on Una. 😅

  • @StephenMoreira
    @StephenMoreira 2 роки тому +1

    Jake appeared, and I was like....it's Jake! Almost like an Avenger showed up.

  • @IceMetalPunk
    @IceMetalPunk 2 роки тому +11

    I'm so sorry, Jake, but... you pronounced "specificity" wrong every time 😅 It's spess-if-icity, but you kept saying spess-iss-ifity. Maybe 2-Take Jake is available for a reshoot? 😁
    I'm really loving the eyedropper API, even though I can't think of any use for it right now beyond web-based image editors. I'm sure I'll come up with something one day...

    • @jakearchibald
      @jakearchibald 2 роки тому +4

      It's pronounced spess-iss-ifity in the UK (this isn't true but I'm going to try it as an excuse)

    • @glaivemaster
      @glaivemaster 2 роки тому +6

      @@jakearchibald UK resident here, can confirm (I've got you, Jake)

    • @ISandbagI
      @ISandbagI 2 роки тому

      where is Kevin Powell?

    • @IceMetalPunk
      @IceMetalPunk 2 роки тому

      @@jakearchibald As an anglophile, I'm pressing X to doubt. As an American and a fan of yours, I'll let it slide 😃

  • @MaxArt2501
    @MaxArt2501 2 роки тому +3

    0:31 Jake going full ElectroBOOM

  • @jarretoshea3560
    @jarretoshea3560 2 роки тому

    Love the removal/addition of the lab coat & safety goggles based on whether the feature was stable or experimental

    • @ttorres
      @ttorres 2 роки тому

      Omg I didn't even realise that's what was happening...

  • @ionutale1950
    @ionutale1950 2 роки тому +2

    the 9:21 priority hints should have been a float number from 0.0 to 1.0.
    just low/high is going to get in the way fast.

    • @LuLeBe
      @LuLeBe 2 роки тому

      As long as it's not an integer of arbitrary size. "z-index: 10000000000" is enough of that already xD

  • @StellarWeb008
    @StellarWeb008 2 роки тому

    I am really happy see the web platform developing in such manner. But CSS needs even more development like accessing properties from parents and executing conditions or operations on them, matching elements that have particular styles, etc so that we don't need to use javascript again and again to achieve such outputs.

  • @alystair
    @alystair 2 роки тому +1

    The user topics API could also be used to hint categories when signing up to community websites... a win for UX and potentially increasing signups.

  • @Eltopshottah
    @Eltopshottah 2 роки тому

    6:45 so cool! Lazy loading

  • @ucheozoemena2499
    @ucheozoemena2499 2 роки тому

    One take Jake! 🤣 Wes Bos would be proud haha.

  • @cat-.-
    @cat-.- 2 роки тому +1

    Can only imagine how much tear and sweat and sleepless hours and debugger sessions are going into that page transition feature now
    And it probably won’t be caniuse ready for another 5 years because of safari :(

  • @connorschumer2092
    @connorschumer2092 2 роки тому

    I love this as a student of web dev for 6 months now. Just starting to be able to (kinda) follow along.
    Also, I hilariously giggled every time I heard, “specicifity.” Is that what you meant to say? Because I don’t know if that’s correct, though I may be wrong. If that’s how it’s said wouldn’t the base word be “specicif?” Oh god, I think my brain is leaking.

  • @charlieclown9913
    @charlieclown9913 2 роки тому

    Great update. Thanks.

  • @JamesJansson
    @JamesJansson 2 роки тому

    That specicifity joke was hilarious. Nice trolling.

  • @mostafaalmahmud
    @mostafaalmahmud 2 роки тому

    This is an informative video. Learnt a lot. Thanks!

  • @gettergejetter
    @gettergejetter 2 роки тому

    Waiting for that :has selector for years now. Finally some progress on that 😁

  • @leoryzap
    @leoryzap 2 роки тому

    Excellent video, learned a lot of interesting things to test out.

  • @burntcustard
    @burntcustard 2 роки тому +3

    Jake isn't using a Joy-Con? What alternative reality have I slipped into?

    • @jakearchibald
      @jakearchibald 2 роки тому +3

      I know right! Using Google Slides too like a good company boy. However, the joycon will return in my page transitions talk, later today.

  • @AndreiBenHur
    @AndreiBenHur 2 роки тому +1

    The "pun intended" face was the only part that appeared to be real, the rest was just bad fake faces and corny jokes from the guy. Sorry for that rant, but the content is awesome!!

  • @mathe42
    @mathe42 2 роки тому +3

    structureClone - in memory of surma...

  • @dinoscheidt
    @dinoscheidt 2 роки тому +3

    11:14 - Every engineer in their head 99% of the time

  • @MrGaryg20047
    @MrGaryg20047 2 роки тому

    Hello Una I bought an HP Chromebook in 2017 and now in 2022 the machine won't be able to download updates and since organizations want us to reuse laptops, desk top computers, and I don't like getting rid of a laptop because it's considered outdated, and do I need to buy a new Chromebook?

    • @jakearchibald
      @jakearchibald 2 роки тому

      The best thing to do is contact HP, who'll be able to give the best advice for the model number of your Chromebook.

  • @user-doctor
    @user-doctor 2 роки тому

    So Nice

  • @LuLeBe
    @LuLeBe 2 роки тому +1

    How is this topics thing any more privacy friendly than what happens currently? Most sites use Google ads, so it's only Google who has all the ad data. And they would also be the ones to have all the data about me to predict which topics I care about. Basically both the same, only difference being that Chrome could outperform Firefox there because they surely don't have the same AI capability.
    Can't say I'm impressed by this idea in any way.

  • @bulelanibotman
    @bulelanibotman 2 роки тому

    hey, does anyone know what resource is that, that una kravets used to explain accent-color?

  • @vikingthedude
    @vikingthedude 2 роки тому +1

    I wouldn't have imagined getting rick rolled in google io

  • @Nikolafesb
    @Nikolafesb 2 роки тому

    Is portal element still in development?

  • @breezy8172
    @breezy8172 2 роки тому +2

    Chrome Lab Coat™

  • @sabuein
    @sabuein 2 роки тому

    Thank you.

  • @Extratone
    @Extratone 2 роки тому

    00:31
    whoa buddy! your O scope should NOT be shocking you like that! especially since it doesn’t appear to be powered on... or physically connected to anything...

  • @romanext921
    @romanext921 2 роки тому

    This is so nice. When will Temporal API become a thing? Dates are just the biggest pain ever

  • @Chrosam
    @Chrosam 2 роки тому

    8:14 wait, what's the "padding-top hack" ?

    • @quantum_net219
      @quantum_net219 2 роки тому

      I don't know, I'm not a hacker 🤷🏻‍♂️

  • @kunukn
    @kunukn 2 роки тому

    Pretty good production quality. And content quality :)

  • @VarunGupta3009
    @VarunGupta3009 2 роки тому

    Awesome!

  • @digvi2550
    @digvi2550 2 роки тому

    This properties can we use in vscode ?

  • @MajorBreakfast
    @MajorBreakfast 2 роки тому

    Container queries chapter timestamps are incorrect

  • @hey_dan
    @hey_dan 2 роки тому

    YAAA 🤯

  • @AaronGustafson
    @AaronGustafson 2 роки тому +1

    So many awesome progressive enhancements!

  • @Eltopshottah
    @Eltopshottah 2 роки тому

    I love what google is doing with DOM manipulation!

  • @jamieperkins906
    @jamieperkins906 2 роки тому

    So much wow!

  • @tusharsnn
    @tusharsnn Рік тому

    Late to the party but, jack has a thing for acting, wondering when we can see him taking an oscar :p .

  • @Dygear
    @Dygear 2 роки тому

    Jakkkkkeeee! It's den-oh! #21:34

    • @jakearchibald
      @jakearchibald 2 роки тому

      I think it's officially pronounced dee-no m.ua-cam.com/video/SYkzk_j3yb0/v-deo.html

  • @robinparadise
    @robinparadise 2 роки тому

    Brutal!!

  • @dimitrisvain
    @dimitrisvain 2 роки тому

    Specicifity! One take Jake! Oh....... nooooooooooooooo!!! 😄

  • @ManishPatel-zq4hr
    @ManishPatel-zq4hr 2 роки тому

    Jake recorded his part 23 times, I always struggle with specificity.

  • @ClarkMitchell2012
    @ClarkMitchell2012 2 роки тому

    Link to the Font Matcher?

  • @eduardofernandezdiaz5264
    @eduardofernandezdiaz5264 2 роки тому

    Now we only have to tell people to start upgrading their browsers

  • @schwarzarbyter
    @schwarzarbyter 2 роки тому

    i wish all web developers were that handsome

  • @warren488
    @warren488 2 роки тому

    credit to jake for pronouncing specificity wrong every time lmaooo

  • @matimon
    @matimon 2 роки тому +1

    Is this what responsive clothes looks like?

  • @sheepdogbenable
    @sheepdogbenable 2 роки тому

    Thank goodness we don’t need to worry about IE anymore 😅

  • @Narblo
    @Narblo 2 роки тому

    We still have css and html? That's so vintage OMG

  • @sprwu2699
    @sprwu2699 2 роки тому

    cool :)

  • @Mythix2
    @Mythix2 2 роки тому +1

    it feels like watching a children show

  • @briannhinton
    @briannhinton 2 роки тому

    More importantly where can I get that hot dog menu shirt?!

  • @a.j.hinton4534
    @a.j.hinton4534 2 роки тому +4

    Who else caught the rick roll?

    • @BillyBraga
      @BillyBraga 2 роки тому +1

      I came to the comments to see if I was alone who noticed. Never thought that'd happen in a google video.

  • @H3rminus
    @H3rminus 2 роки тому

    SPECICIFITY

  • @leonhma
    @leonhma 2 роки тому +1

    14:13 😂

  • @ch8rt
    @ch8rt 2 роки тому

    Giving me Nina and the Neurons vibes

  • @saschab.5154
    @saschab.5154 2 роки тому

    Really hate pop-ups. :( But accent-color is cool, thanks!

  • @michaelmorris4515
    @michaelmorris4515 2 роки тому

    Still waiting for a JavaScript precise currency math handler. Floating Point math is NOT ideal for these calculations, and while there are libs out there this really should be JS core.

  • @acemav
    @acemav 2 роки тому

    I am scared to be a web developer. The world is too immense.

  • @n_mckean
    @n_mckean 2 роки тому

    Specicivity.

  • @bepd
    @bepd 2 роки тому

    form:has( .submit:not( :disabled ) ) {
    /* Welcome to nested CSS hell, future maintainer! */
    }

  • @DenisTRUFFAUT
    @DenisTRUFFAUT 2 роки тому +2

    I would like structured cloning / transferable interface to accept DOM nodes, so we could send detached nodes to workers and vice-versa. Also need self.createElement inside Worker.

  • @navanshu
    @navanshu 2 роки тому

    date-time-local or other time inputs are the worst input ever created. They don't respect the max/min and just cause errros.

  • @johnstavitiq
    @johnstavitiq 2 роки тому

    Specifically, you pronounced specificity wrong every time.

  • @miuziksongvedioromentikhor5118
    @miuziksongvedioromentikhor5118 2 роки тому

    🍌💘

  • @lienthi1922
    @lienthi1922 2 роки тому

    Hello

  • @mtufail2305
    @mtufail2305 2 роки тому

    Feere wrong off

  • @acomathes
    @acomathes 2 роки тому +2

    I find myArray.at(-1) really weird. I mean, we already have the myArray[-1] selector. Why not just make it work with -1? So, .at() is basically [], but it also accepts -1... weird

    • @jakearchibald
      @jakearchibald 2 роки тому +1

      If we started JS from scratch, then array[-1] to get the last item would make a lot of sense. Unfortunately it wouldn't be compatible to add it now. It would change the behaviour of things like array[array.findIndex(conditionCallback)]

    • @acomathes
      @acomathes 2 роки тому

      @@jakearchibald I understand. But then, why not a method like myArray.last() to avoid redundancy between .at() and []? 🤔

    • @jakearchibald
      @jakearchibald 2 роки тому +4

      @@acomathes it was considered (there was even a array.lastItem proposal), but .at() also allows you to get, say, the 2nd last item.

  • @Extratone
    @Extratone 2 роки тому +1

    here’s the description’s link list formatted in markdown so you don’t have to waste as much time as I did. gist.github.com/6e0898c4eec5308b7580d87ba175324a