- vừa được xem lúc

What's new for the web platform

0 0 10

Người đăng: Google Chrome Developers

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

Una and Jake dive into recently-cross-browser features, and some experimental stuff that's on its way to make web development easier and more powerful.

Resources:
CSS accent-color → https://goo.gle/399xjOz
CSS color-scheme → https://goo.gle/3N1kpRe
dialog → https://goo.gle/3L07LjR
selectmenu → https://goo.gle/3M5jVt8
Selectmenu demos → https://goo.gle/3wftMGh
Input datetime-local → https://goo.gle/3ysFCzj
COLRv1 fonts → https://goo.gle/3L2zeS3
Back/forward cache → https://goo.gle/39SJgbJ
loading="lazy" → https://goo.gle/3w3DigU
CSS aspect-ratio → https://goo.gle/3M2a6fK
CSS containment → https://goo.gle/396F080
Content visibility → https://goo.gle/3yAFcqC
Priority hints → https://goo.gle/3M4O388
CSS size-adjust → https://goo.gle/3w3E25G
SIMD → https://goo.gle/3Fy57Rj
Interaction to next paint → https://goo.gle/3NaAyUF
CHIPS → https://goo.gle/3wpBEFk
Topics API → https://goo.gle/3ytEsDL
UA client hints → https://goo.gle/3L1Pov4
Webauthn → https://goo.gle/3wlrGVc
Webauthn passkeys → https://goo.gle/3M6MuGA
Media session API → https://goo.gle/3FwwbAC
Window controls overlay → https://goo.gle/3L3xbNM
Navigation API → https://goo.gle/3KVQGru
Page transition API → https://goo.gle/3kVBFLF
Themes in manifests → https://goo.gle/3ynnhUu
Eyedropper API → https://goo.gle/3w1spfk
Virtual keyboard API → https://goo.gle/3yx0CVI
structuredClone → https://goo.gle/3M2DQc9
createImageBitmap → https://goo.gle/38jXyBI
Top level await → https://goo.gle/39VD8zz
Private fields → https://goo.gle/3ytxPBi
array.at → https://goo.gle/3yrenoU
SharedArrayBuffer → https://goo.gle/3L3J2vb
URLPattern → https://goo.gle/3P5e2y2
Web codecs API → https://goo.gle/3Pnl2GS
CSS cascade layers → https://goo.gle/3M58Ubc
CSS :has() → https://goo.gle/38cggeF
CSS container queries → https://goo.gle/3FA9Odx
Container query polyfill → https://goo.gle/3ytfjJy
Interop 2022 → https://goo.gle/3rjw0Tf


Speakers: Una Kravets, Jake Archibald

Watch more:
All Google I/O 2022 Sessions → https://goo.gle/IO22_AllSessions
Web at I/O 2022 playlist → https://goo.gle/IO22_Web
All Google I/O 2022 Keynotes → https://goo.gle/IO22_Keynotes

Subscribe to Google Chrome Developers → https://goo.gle/ChromeDevs

#GoogleIO

Bình luận

Bài viết tương tự

- vừa được xem lúc

Chrome 88 - What’s New in DevTools

New to DevTools in Chrome 88:. . What’s new in DevTools (Chrome 88) → http://goo.gle/3owkBMr.

0 0 30

- vừa được xem lúc

New in Chrome 88: Manifest v3, aspect-ratio, digital goods API, and more!

Chrome 88 is rolling out now! You can now upload extensions using manifest v 3 to the Chrome Web Store. The aspect-ratio CSS property makes it easy to set the aspect ratio on any element.

0 0 19

- vừa được xem lúc

Thinking on ways to solve a SIDENAV

In today’s GUI challenge we create a responsive, accessible slide out side navigation user experience using CSS and JS. The sidenav works on multiple browsers, screen sizes and input devices.

0 0 36

- vừa được xem lúc

Dithering - HTTP 203

How do you take an image with 256 shades of grey and map it to an image with just two colors? Jake and Surma go down the monochrome image dithering rabbit hole and explain how different dithering tech

0 0 29

- vừa được xem lúc

Submission shoutouts for SIDENAV

We asked the community to build a sidenav component your way and you all delivered! Check out the submissions:. @a_nurella → http://goo.gle/3j9bmQm. @mayeedwin1 → http://goo.

0 0 17

- vừa được xem lúc

JavaScript counters the hard way - HTTP 203

You’ve seen loads of counter tutorials online, but they’re all a bit wrong… or at least most of them are. Jake and Surma dissect different techniques and identify how to make the counter work accurate

0 0 34