Introducing Firebase Data Connect 💾 → goo.gle/3QGgMnQ Data Connect lets you connect directly from your mobile and web apps to a Postgres database that is hosted in Cloud SQL. That's right, you can now use Firebase with a SQL database. 🥳 #GoogleIO

Google I/O highlights! ⭐Gemini available in various developer tools ⭐Gemini 1.5 Flash ⭐Gemini Nano for on-device ML ⭐Gemini Nano built into Chrome desktop from version 126 ⭐Project IDX open to public beta ⭐Several Gemini, Gemma and Firebase updates! youtube.com/watch?v=xKmEOX…

🌟 You can now run the 7B parameter version of Gemma, entirely locally in the browser, using MediaPipe LLM Inference API. Simply download the model from @Kaggle and try it on → goo.gle/4ajmrYh Learn more → goo.gle/3UKhwcX

Putting CSS Anchor Positioning to the test by throwing dropdown menus around 💪 [popover].dropdown { top: anchor(bottom); right: anchor(right); position-try-options: flip-block, flip-inline; } That's all 👆 Keeps the menu tethered to the button

Anchor positioning is here! Use it to natively position elements relative to other elements without needing 3P libraries. eg. menus, submenus, tooltips, selects, labels, cards, popover, settings dialogs, etc. Read more about this feature: developer.chrome.com/blog/anchor-po…

steal this dialog and popover snippet #CSS - transitions - entry/exit - backdrop included ready for richer design system integration try on Codepen codepen.io/argyleink/pen/…

Catch the AI wave 🏄‍♂️ in Chrome 127 with Gemini Nano, an LLM that runs on your device! Chill & code with the experimental Prompt API for Gemini Nano to inform our roadmap. Join the early preview & get a code review with Chrome dino (first 10): developer.chrome.com/docs/ai/built-… #webAI

This is fast. Chrome running Gemini locally on my laptop. 2 lines of code.

Been so busy with Google I/O that I forgot to tell you all that I’d published this post on all the Long Animation Frame API (LoAF) updates we’ve worked on to help you debug INP more easily: developer.chrome.com/blog/loaf-has-…

The secret to a smoother streaming experience? Reducing Interaction to Next Paint (INP). Discover how @DisneyPlusHS boosted user engagement for their app in this article by Saurabh Rajpal and Bhuvaneswaran Mohan: goo.gle/3L6Ob8j

As an early tester of the Speculation Rules API, Tokopedia saw a 4.8x improvement to Largest Contentful Paint (LCP) of their product description pages: goo.gle/4bzCEZM

Hello #IOConnectBLR! Amazing venue and agenda for Web, AI, Cloud and Mobile 🤩 #GoogleIOConnect #IOConnect2024

WebGPU levels up in Chrome 127 🔥 ✅ Experimental OpenGL ES support on Android ✅ GPUAdapter info attribute ✅ WebAssembly interop improvements ✅ Improved command encoder errors ✅ C API Surface updates Check out developer.chrome.com/blog/new-in-we… to learn more

Gemma 2 2B running in a browser, powered by WebLLM & WebGPU! 🔥 100% local & on-device In less than 24 hours, we've already got the model to the edge! ⚡ Try it out on an HF space below:

#CSS scroll-driven animation + scroll snap events synchronized with a number input scrollSnapChange is lazy: used to update the blue highlight feedback UX scrollSnapChanging is eager: used to immediately update the number input value to match the snapped item set to ship in

I/O Connect Beijing is ON! Great vibe from Chinese developers and lots of amazing updates on Flutter, Gemini, Web, Android and more!

📣 #GoogleDevelopers, have you heard? On-device summarization is here, allowing you to condense long-form content with Gemini Nano in Chrome. Join the early preview program and experiment with this #API: goo.gle/46VkYqX

Check out how :has() can be used to improve your front end, in this article written by Saurabh Rajpal and myself. Featuring Policybazaar and Tokopedia's amazing work!

SO COOL! love the effects

Client-side AI is changing the game for web experiences. Discover real-world use cases, the benefits of client-side AI, and how new web capabilities like Wasm and WebGPU are enabling even more. See how ⬇️ goo.gle/4gm771b