RT WebAssembly Summit
🧵 WebAssembly Summit 2021
Talk #01:
Our opening keynote will be given by V8 Engineer and W3C Wasm CG chair @dptig
https://webassembly-summit.org/schedule
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
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
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/
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
📣 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
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
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 Addy Osmani
We're hiring in Chrome for a senior software engineer with experience in open source framework & tooling. Location: San Francisco / Bay area, California.
Interested? Check out
http://goo.gle/chrome-fw21
🆕 #GUIchallenges:
Thinking on ways to build Settings UI
✅ layout
✅ color
✅ animation
✅ accessibility
On air now!
If you're swift, you can have your comment or question answered by @argyleink while it's airing 🏃♀️
☞
https://www.youtube.com/watch?v=dm7gnp6eh3Q&list=PLNYkxOF6rcIAaV1wwI9540OC_3XoIzMjQ
🆕 034: Overflow
What happens to content that's too big for its container?
You can crop it, scroll it, or let it flow. Catch @Una and @argyleink talk about how to handle overflow in this week's #CSSPodcast
subscribe
listen
https://thecsspodcast.libsyn.com/
https://pod.link/thecsspodcast/episode/a77025224542b86694379794058a2359
These will be a game changer for those looking for a career path extension!
Google: The new Google Career Certificates are finally here! 🥳 What do you think about the new Certificates? #GrowWithGoogle
http://goo.gle/certificates
RT Katie Hempenius
How to identify and fix layout shifts:
https://web.dev/debugging-layout-shifts/
https://twitter.com/katiehempenius/status/1370472813417611267
🆕 033: Preference Media Queries
a @una quote
"I like to think of these preference media queries as the next axis of responsive design." 😍
Learn all about preference media queries on the #CSSpodcast
👂 subscribe and listen
https://pod.link/thecsspodcast/episode/1600bb95a224dddcd7d5d584db1d2ff3
Twitter mirror
News & guidance for developers from the Google Chrome Developer Relations team.