The latest in Web UI (Google I/O ‘24)

Get a rundown of all the things developers should know that landed in the browser for UI development since the last I/O, plus what's on the product roadmap.

Speaker: Una Kravets

Watch more:

#GoogleIO

Event: Google I/O 2024

[no_of_note]

Over then next couple of years, this new popover API is going to save centuries worth of accumulated developer time.

[lukor-tech]

I don't know what the heck happened to the quality in some of the shots but great talk nontheless, as always it's a blast to see what new stuff comes to the Web and UI developement.

[--Arthur]

People in 1960s: "We'll have flying cars in 60 years!"
2024: We solved centering a div


and I'm all for it

[francescos]

I'm constantly using text-wrap: balance; and text-wrap: pretty; as a little progressive enhancement.The same goes for the dialog element with .showModal() and .close() and other features.

Happy to see so many improvements that really simplify my work as a web developer

[roei]

FINALLY!!!! WE CAN CENTER A

And aninating gradients, thank you so much!!

[jefftee]

View transitions across pages is a huge deal - very exciting!

[aberba]

Styling <select />, Popover API and dialog are huge ones. I hope too date, time and calendar inputs get some customisations too.

[lurking_alpaca]

Super usefull features. Can't wait for them to become available in all browsers.

[dmanzer]

The start of making web experiences cool again. I can't wait to implement some of these new css features.

[kjvisual]

Field Sizing Content for the WIN! OMG my biggest annoyance is that tiny window we all have to type in. Hahaha as I'm typing this I'm noticing that my YouTube text field is sizing up to at least include 4 lines of text. But I want the option to see everything I wrote, all at once.

Anyway I hope a lot of people enjoy a resized, typed form window so it can continue to improve.

[mayureshdaphane]

This is truly an amazing set of features and a fantastic user experience that I haven't encountered before! I'm thrilled to explore and utilize them in my projects. A big thanks to the dedicated team for all their hard work and for continuously enhancing the web, making developers' lives easier. We're in the golden era of the web!

[proletar-ian]

This is fantastic! The rest of Google I/O felt particularly boring this year

[nekomew]

I can see so much savings in lines of code for my projects once the popover and css scroll are fully implemented in all browsers. Hope they will be baseline soon.

[wentallout]

I would love to watch this in a blog/written format.

[Sockertuppen]

Many great examples. Do you share code examples of these anywhere?

[abdulsohailit]

Fantastic demonstration and insightful technical discussion! I really appreciated the depth and clarity.
how can be the part of live session anyone can guide me

[hwchannel]

Great presentation of the improvement of the Web UI

[anoosurf]

So many advancements .. so many years … wow … but why we still missing a basic combo box select feature with autocomplete ?

[Gbtx]

This was a wonderful presentation full of excitement and great new features finally being available in baseline. You nailed it all Una, ty so much ❤
More Una presentations pls!

[tithos]

All of my IDE's, React and Sveltekit are calling the `select->button->datalist` combo invalid HTML. How do we use it?