How to create personalized web experiences

Learn what's new for personalized web experiences and what's already adapting. Discover modern UI capabilities for user-centered, inclusive and joyful interfaces.
Speaker: Adam Argyle
Watch more:
Watch all the Technical Sessions from Google I/O 2023 → goo.gle/IO23_sessions
Watch more Web Sessions → goo.gle/IO23_web
All Google I/O 2023 Sessions → goo.gle/IO23_all
Subscribe to Google Chrome Developers → goo.gle/ChromeDevs
#GoogleIO

[@ChromeDevs]

Subscribe to Google Chrome Developers → goo.gle/ChromeDevs

[@AdamArgyleInk]

Hope y'all learn something new! 🙂

[@LucasBonomi]

We’ve learnt that you’re like a vampire and do “shhhhshhhh” 🧛‍♂️ if a website is not featuring a dark mode

[@AdamArgyleInk]

@@LucasBonomi 🧛🏻‍♂

[@Reveliom]

Beautifully explained Adam 👻, I am a junior web developer and have been learning the beauty of web design, never have I though that small thoughtful decisions can make such a big difference, Great video 😸

[@Spinal83]

I had no idea @media (hover) existed. I implemented it straight away!

[@juanjolv]

You are a beast man! Wonderful storytelling and clear communication!🔥

[@markovujanic]

Wow, I'm blown away. I didn't know you can do media queries for hover and pointer, and man I'm so stoked about style queries wow.

[@chinmayk8004]

Now, can't wait to see how Adam showcases these things in GUI challenges. Makes me real excited how much you can accomplish using just CSS. Sidenote: Can you talk about Material-3 guidelines implementation in GUI challenges? As a dev turned designer, I really want your perspective on it.

[@AdamArgyleInk]

GUI Challenges doesnt really follow much of Material, it's got it's own vibe that's developed over time. I also like the challenge of starting from scratch and building things up, so y'all can see all the design decisions along the way.

[@frontendfyi]

Your videos are awesome Adam - would love to see many many more videos by you 😁

[@AdamArgyleInk]

TY SO MUCH!

[@forno_nicolas]

That initial sound is epic!

[@AndrewRusinas]

Everything Adam does is just pure gold 😭

[@SeanCassiere]

This is the kind of energy I need!

[@robbtb]

This is so good and I'm appreciating the passion! More like this from all Google presenters.

[@StephenMoreira]

Loved this format. So much good stuff in here.

[@Dygear]

This man needs to get promoted to the HTTP 203 Podcast with Jake.

[@unicodefox]

Jake left Google so no more 203 D:

[@Dygear]

@@unicodefox oh no!

[@predaytor]

Phenomenal!

[@meepk633]

I like the coarse thing. Making bigger targets can be a real burden if you're using track alignment in Flex or Grid.

[@JabontChamikorn]

CSS is Awesome and so you are Adam!

[@AdamArgyleInk]

Dawwww TY! ❤

[@rickdg]

Clients: why is the page different from what's in the PDF we've sent you?

[@AdamArgyleInk]

lol

[@rexrex8664]

it might be your screen!

[@k.behrends1194]

Nice talk, worth watching twice, with focused attention. In a followup, someone should also explain which of these new features are available on iOS (where Chrome is a hybrid of Safari and Chrome). Example: "has" selector: yes, "Read Anything" sidebar no.

[@adamz1977]

What operating systems and browser versions is "AccentColor" and "AccentColorText" supported in? It needs to be OS and browser, not just browser, right?

[@SamKatakouzinos]

04:25 made me giggle

[@reeshomer516]

Number of Children of the Night increased lately

[@wjlee7003]

seemed like he took a small joke at his parents in the beginning there haha

[@amaechinaikechukwu8266]

Does material UI get this update?

[@AdamArgyleInk]

they adapt to some of these features but not all of them. i'll help them get there!