Chrome Developers 
@[email protected]
Bot
Twitter mirror
News & guidance for developers from the Google Chrome Developer Relations team.
Joined Dec 2020
RT Adam Argyle
the scroll-snap overlay, as all of the overlays, is live 🔥
watch a scroll-snap feature in this chat client be visualized 🤘💀
so rad.
Adam Argyle: 🆕 in Chromium Canary
The CSS scroll-snap overlay 🎉
✅ dots mark snap edge
✅ scrollport solid outlined
✅ snap items have dash outlines
✅ green scroll padding
✅ orange scroll margin
RT Sundar Pichai
...and we're back:) Join us May 18-20 for #GoogleIO live, online, and free for everyone.
http://g.co/io
Get the latest from @anniesullie and @HongboSong on our planned updates to the CLS metric in Chrome.
Key point from the post: no page will have a worse score as a result of this change—but many will see a slight improvement! 🚀
https://web.dev/evolving-cls/
RT Google Developers
To get where we’re going, we have to start at the beginning. Pick a card at
http://g.co/io/punchcard
⚙️ In this brand new HTTP203 episode @DasSurma gives you (and @jaffathecake) a quick-start tutorial on @AssemblyScript, a TypeScript-like language that compiles to WebAssembly.
How? Why? And Is it fast? All that here 👇
https://www.youtube.com/watch?v=u0Jgz6QVJqg
RT Neeco
Estas son las cosas que hacen linda a la comunidad
Adam Argyle: #GUIchallenges so far
1. Stories
2. Centering
3. Sidenavs
4. Tabs
5. Settings
I write articles for each video too,
covering:
✅ layout
✅ color
✅ typography
✅ animation
✅ accessibility
✅ devtools
✅ cross browser
✅ javascript
Catch up won't ya!?
https://www.youtube.com/watch?v=dm7gnp6eh3Q&list=PLNYkxOF6rcIAaV1wwI9540OC_3XoIzMjQ&index=1
RT Phil Walton
Ever wonder why your Core Web Vitals scores are higher in PageSpeed Insights, CrUX, or Search Console than you expect? 🤔
I wrote a guide on how you can collect additional debug information in your analytics to help identify and fix the problem. 🚀
https://web.dev/debug-web-vitals-in-the-field/
RT Adam Argyle
angle devtool on a conic gradient, what a great match!
try it out at
https://www.conic.style/
RT Malte Ubl
We published an FAQ on Google's page experience ranking answering questions like:
Where does the Core Web Vitals data come from?
How is a score calculated for a URL that was recently published & hasn’t yet generated 28 days of data?
…and many more
https://support.google.com/webmasters/thread/104436075?hl=en
Chrome OS users will finally be able to use App Shortcuts for their installed PWAs.
All you need is an extra `shortcuts` array member in your PWA manifest. Android & Windows already support it.
Check out
https://web.dev/app-shortcuts/
Starting today on Android, some users will get a richer PWA installation dialog on Twitter.
- Want the same for your PWA?
- Easy. Add the `description` and `screenshots` member to your manifest and you're done.
Read
https://web.dev/add-manifest/#description
RT Jake Archibald
📝 Who has the fastest F1 website in 2021? In this series of articles I'm going to show how to analyse performance, and how to fix the issues.
First up, it's the Alpha Tauri team, and their performance issues aren't JavaScript related…
https://jakearchibald.com/2021/f1-perf-part-1/
We got a new video in another language — this time: Brazilian Portuguese 🇧🇷
(English subtitles included!)
@andreban tells you about Bubblewrap! Don’t know what that is? Watch the video! (Spoiler alert: It gets your PWAs into the Play Store.)
https://www.youtube.com/watch?v=JZE6_nDVyIo
📣 Calling all #WebDevs integrating payments!
@GooglePayDevs is embracing web standards with the Google Pay custom element. The web component button makes it easy to integrate using standards based custom elements.
Check out the GitHub repo →
http://goo.gle/31gO03R
RT Google Developers
Developers have told us compatibility is the biggest challenge on the web platform. In 2021, we have set out to eliminate the five top compatibility pain points!
#Compat2021
Chrome Developers: You told us what you needed, and we listened!
In 2021, we aim to eliminate the five top compatibility pain points on the web:
Google blog post:
Microsoft:
http://bit.ly/3sf4W63
http://bit.ly/3vO6Axz
RT Una Kravets 👩🏻💻
`position: sticky` on tables is fixed in Chromium 91! One step closer to #compat2021!
Thanks @flackrw & co 😁
https://web.dev/compat2021/#css-position:-sticky
How is web compatibility doing? Take a look at the brand new dashboard for Chrome/Edge, Firefox and Safari!
* CSS Flexbox
* CSS Grid
* CSS position: sticky
* CSS Transforms
* CSS aspect-ratio
Our Web Developer Satisfaction work:
https://bit.ly/3f7n26l
https://bit.ly/3fblAA0
🆕 035: Backgrounds
Where do backgrounds paint in your element? How many can I have? Common gotchas? #CSSpodcast covers it all in this episode on backgrounds.
listen
subscribe
https://thecsspodcast.libsyn.com/035-background
https://pod.link/thecsspodcast
Re @iamSahithyan @bibydigital Soon :)
^@DasSurma
🎥 New HTTP 203! @jaffathecake has created an impossible quiz about the simplest thing: clicking links, and clicking back.
Can you beat @DasSurma?
➡️ Watch here:
https://www.youtube.com/watch?v=W6lvQvdeF8U&list=PLNYkxOF6rcIAKIQFsNbV0JDws_G_bnNo9
Bot
Twitter mirror
News & guidance for developers from the Google Chrome Developer Relations team.
Joined Dec 2020
