techreview NEW: Behind the painstaking process of creating Chinese computer fonts bit.ly/3c6s5BE
ChromiumDev Thanks to the @excalidraw community for the great collaboration 🤝 on @tomayac’s and @Lipis’ #GoogleIO talk! Here’s a cross-post of the talk write-up on the Excalidraw blog. ⤵️ twitter.com/excalidraw/sta…
📢The official announcement tweet for my #GoogleIO talk is out ⤵️. If you prefer reading over watching, I’ve created a write-up just for you: web.dev/excalidraw-and…. Or you just enjoy both, the video and the write-up. twitter.com/ChromiumDev/st…
@addyosmani Seems like on iOS this is currently still blocked on bugs.webkit.org/show_bug.cgi?i…. Sad that devices with among the greatest horsepower can’t run this app.
addyosmani Introducing AVPress: avpress.zaps.dev - compress & resize videos in the browser thanks to WebAssembly and FFMPEG.WASM.
Works in Firefox & Chrome (SharedArrayBuffer). Experimental for now :) pic.twitter.com/3qvxwAy8GO
What I (i.e., @jjcollinsworth) Learned Building a Word Game App With Nuxt on Google Play: css-tricks.com/what-i-learned…. This great article featuring Bubblewrap can serve as a data point when you decide if you want to go the Trusted Web Activity way or not, or
@RReverser Congratulations, Ingvar! Hope you have a good night’s sleep!
@jaffathecake Congratulations on actually finishing this. Incredible achievement! 👏
andrey_l1nd3n Tons of goodies in #Chrome91
My 2 favourites:
- #FileSystemAccess API can set default directories. Let met know if see more examples of FSA in the wild
- #PWA can now start automatically when you log on. Configure installed #PWA from chrome://apps.
youtu.be/vy6FXa0n1r0
🌐💙🧰
@ebidel @jeffposnick @ChromiumDev @b1tr0t @petele @fractorious Just linked the two bugs. The bugs you can’t see are partner bugs, that is, bugs on behalf of partners who depend on the feature to be implemented. As such, this information is usually not p
@b1tr0t Very helpful, thanks for putting this together! 🏳️⚧️
@progfay More background on this feature: web.dev/declarative-li…. #DeclarativeLinkCapturing
ChromiumDev ⭐️ Spectre significantly changed the way we look at web security.
Watch and learn in this #GoogleIO session:
👉 How to keep your website secure with security headers
👉 Important upcoming changes and new defaults
Watch now 📺 → goo.gle/3wHXoL5 pic.twitter.com/UfVP97MIEO
Quick introductions to #WebHID, #WebNFC, and #WebUSB in this article: blog.bitsrc.io/new-standards-…
leszekswirski I’m very proud to be announcing Sparkplug, our new mid-tier, non-optimising compiler; there’s a lot of beauty in its simplicity, and how that simplicity directly translates to performance.
Also: stack frames 😀 twitter.com/v8js/status/13…
@juberti @mischmerz @sw12 @Google @Clubhouse @pdavison @rohanseth #InsertableStreams link: web.dev/mediastreamtra…
Remember my tweet on the MDN content popularity stats? twitter.com/tomayac/status… Mr. Data Studio @rick_viscomi has built a dashboard that makes this data even more sliceable and diceable. ⤵️ twitter.com/rick_viscomi/s…
@AaronGustafson @thejohnjansen @angel_d_munoz @Justinwillis96 @webwewantfyi @stackblitz 🤩 Filed as github.com/w3c/web-share/… (with credits to the above tweet).
ChromiumDev Learn how to prepare for a more private web 🔐
🍪 3P cookie phase-out
🔧 Helpful tools
📲 New APIs
… and more !
Watch the #GoogleIO session 👉 goo.gle/3fKjLbW pic.twitter.com/YFhWne1WXK
@jeffposnick @ebidel @ChromiumDev @b1tr0t @petele Also CC: @fractorious. The tracking bug is still open, which implies the work isn’t done yet: bugs.chromium.org/p/chromium/iss….
ChromiumDev Watch this session to learn how to make the most of web platform features to successfully interact with built-in and third-party password managers.
Learn how to stay protected ✔️ → goo.gle/3vyhMOE pic.twitter.com/w14ZDHLuLx
@sw12 @DasSurma I usually (but not always) start with a stray `button` or so and then eventually wrap it in a `form` once my app matures.
@PixelAmbacht @shadeed9 maybe?
@juberti @sw12 @Google @Clubhouse @pdavison @rohanseth Congratulations! 🎈 The “Web” in “WebRTC” stands for “Clubhouse for Web” I guess?
marcosc Really proud of this rewrite. I trimmed the Geo spec by 4 pages and modernized everything.
If you’ve not looked at geolocation in a while, worth having a quick scroll! twitter.com/w3c/status/139…
@paul_irish @chrisdavidmills +1. Is this orthogonal to @OpenWebDocs? developer.mozilla.org/en-US/plus has no mention of OWD.
Today we took the small but important step of starting to migrate the User Preference Media Features Client Hints Headers proposal to the @wicg_: github.com/WICG/proposals…. Feedback welcome. 😃
@adamdbradley How do you pronounce Vue.js? The official documentation says “Vue (pronounced /vjuː/, like view)” (vuejs.org/v2/guide/), and I always feel like 🤐…
quicksave2k 😁 I’ve fixed the “Now Playing” macOS widget powered by Chrome 91. I can finally see the artwork set by the Media Session API and even control the playback position directly from the widget.
See web.dev/media-session/ and crbug.com/1112756 pic.twitter.com/BJhc7CTr6I
@FredKSchott Awww, congratulations, Fred! 🎈
Microsoft Edge: State of the platform: mybuild.microsoft.com/sessions/6f28e…. Great announcements and a well-made talk landing page with video link and slide and transcript download. 👏
shadeed9 ✍️ New Article: CSS Container Queries For Designers
I wrote about how CSS container queries will change the way web designers usually work and how/why they should adapt to this new feature. Happy reading!
🔗 ishadeed.com/article/contai… pic.twitter.com/rrNd7kGRdb
seaotta Happy 1st Day of Build! My talk gives an introduction on #webdevelopment for Dual Screen Devices! #MSBuild2021
youtube.com/watch?v=L591LR…
@denladeside @gdgratoma I’m still in the early stages of understanding how it works. If you play with it, bytes 2 and 3 seem interesting if I recall correctly. There seems to be some normalization based on the environment, as if it recalibrated the min
@NOVALISTIC @leoaee @ChromiumDev Since all vanity schemes (`chrome://`, `edge://`, `brave://`,…) use the slashes and the slashes work for `about://`, too, the added consistency seems to outweigh the added length, which is why it was decided that way.
Gave a tutorial on the #WebHID API at @gdgratoma yesterday in the context of #GoogleIO Extended. Here’s an early-stage stab at reverse-engineering the Ambient Light Sensor in an Apple MacBook Pro: coconut-sudden-quicksand.glitch.me. For some more mature stuff, chegithub.com/tomayac/joy-co…twitter.com/gdgratoma/stat…
@leoaee @ChromiumDev Either works. The only exception I have found so far is about:blank (about://blank doesn’t work).
ChromiumDev “We are in this Web thing together, and this is `about://` all of us!”-@tomayacc
To make our documentation more inclusive of other#Chromiumm vendors, we’ll from now on avoid talking about `chrome://flags` and friends, and instead use `about://flags`! 🚩
web.dev/browser-flags/O
25 Years of CSS: meyerweb.com/eric/thoughts/…. The fascinating journey of @meyerweb into the world of CSS.
MSEdgeDev Today is the day!🥳 #MSBuild 2021 is finally here and a lot has changed with Microsoft Edge since last year. Highlights include:
✅ WebView2 generally available for WinUI 3
✅ 5,300 Chromium commits
✅ PWAs in the Microsoft Store
Read here to learn more: msft.it/6010V0wyp
stackblitz To open code from GitHub, just add “blitz” to the domain name (`github.com…` becomes `githubblitz.com…`)
You can even do that for specific branches! twitter.com/sulco/status/1… pic.twitter.com/TwmWB9alWV
stefanjudis I just learned that entering `about://flags` in the URL bar of Chromium browsers is rewritten to `chrome://flags`, `edge://flags`, `brave://flags`, etc.
It’d be great if Firefox could follow that convention, too. 🙈
web.dev/browser-flags/
@chaphasilor @ChromiumDev Oh, I see. It should work in theory. Could you comment (maybe with a quick screencast) on bugs.chromium.org/p/chromium/iss… and we can take it from there? Thanks!
@chaphasilor @ChromiumDev For the time being it’s implemented behind a special flag for local testing: web.dev/declarative-li…. Also note that the origin trial (developer.chrome.com/origintrials/#…) is initially limited to Chrome OS, running from Chrome OS 91–94.
@samthor If it’s added it would still need to go through a prompt. Else each random website could secretly steal your contact data.
@samthor Just filed github.com/WICG/contact-a… in response to this post. 😃
@mascii_k @thiro_news Also see this tweet: twitter.com/tomayac/status….
@tomacafe_app Also see this tweet: twitter.com/tomayac/status….
@Re16d5 Have you seen github.com/tomayac/joy-co…? I try to make the data from the accelerometer and gyroscope available as higher-level alpha/beta/gamma angles, similar to Device Orientation (developer.mozilla.org/en-US/docs/Web…).
TensorFlow Movement + AI + Fluid Simulation = 🤯
Real-time pose estimation and rendering, all in the browser, powered by #MoveNet and #FluidJS.
Try out our #MadeWithTFJS web demo and show us your moves 🤸♀️ → goo.gle/3ve3qma pic.twitter.com/q0zrwqtNmq
Vincent_Scheib #WebHID getting data from Nintendo Ring Fit controller twitter.com/mascii_k/statu…
RonAmadeo Google’s “I/O Adventure” was almost as good as being there arstechnica.com/?p=1766729
mxbck ✏️ New Post: Container Queries in Web Components
A Behind-the-Scenes of my first experiment with CSS Container Queries and the little demo bookstore I’ve built with them.
mxb.dev/blog/container…
CSSWeekly Christian Liebel (@christianliebel) and Thomas Steiner (@tomayac) explain how to recognize users’ handwriting as it happens using the Handwriting Recognition API. cssw.io/handwriting-ap… pic.twitter.com/jCuAmeQ4uW
The developer community doing @discord’s work and implementing an amazing PWA with #WindowControlsOverlay support. Read more about this Project Fugu 🐡 feature here: web.dev/window-control…. twitter.com/linkofhyrule89…
@LinkofHyrule89 🤯 What? That’s super cool! I love how the developer community fills in gaps the companies leave. I wish they would get an offer to get hired and continue their work officially.
@jsalsman @LaurenGoode @GoogleARCore Happy you could make good use of the debugging time… 😂 Excruciating indeed.
somebitsLinks Android 12 and app stores: New release of the phone OS will explicitly support alternate app stores. Major change for competition in the market!
xda-developers.com/android-12-alt…
android fdroid appstore phone monopoly antitru
WebReflection TIL: no way to fetch huge (2GB+) files, and XHR on readyState 3 is hopeless too (it keeps incrementing responseText even if consumed).
So @jaffathecake saved my day one more time!
fetch streams are awesome 🎉
web.dev/fetch-upload-s…
@Snugug @AnaestheticsApp I’ve added the label to the two bugs. Let’s see if they show up upon the next deployment.
gdgratoma 📢 @gdgratoma présente #GoogleIO Extended Conakry 2021
✅ Date: Mardi 25 Mai 2021
🕚 Heure: 11h00 à 13h00
✅ Lieu: En ligne
NB: 100% gratuit
Inscription:
gdg.community.dev/e/mg7k34/
#GoogleIO
CC: @aniediudo @Kolokodess @googledevgroups @googledevs @tomayac @KouameKouameka5 pic.twitter.com/SA3Z31HeJF
@sulco @johnste_ @JesperBylund @brave Ah, thanks for clarifying! Some recent bugs for this feature: bugs.webkit.org/buglist.cgi?bu…
@hako584 Maybe @quicksave2k can help you find the answer to this question.
excalidraw Did you miss @tomayac’s and @Lipis’ #GoogleIO talk featuring Excalidraw and Project Fugu 🐡?
Watch it in our new blog post, or if you prefer reading, we have a full transcript as well! ❤️
blog.excalidraw.com/excalidraw-and…
@johnste_ @JesperBylund I wonder what’s missing. I tried faking my UA in Safari and it failed in mysterious ways… Mayb@sulcoco knows more? It doesn’t use the File System Access API (not supported b@braveve)pic.twitter.com/k9CPou5eIEIE
.@quicksave2k has landed an implementation 👏 of Sec-CH-Prefers-Color-Scheme in Chrome Canary ≥92.0.4514.0. We’ve put a demo online that showcases the use case we want to enable. The explainer includes screenshots of its output: github.com/tomayac/user-p…twitter.com/ChromiumDev/st…
@ZMYaro I just found it online, not sure where it came from. But it illustrated what I wanted to get across really well… Thanks for your questions during the meetup, greatly appreciate the contributions! <3
@AnaestheticsApp Technically WebUSB and WebBluetooth pre-date the Project Fugu 🐡 process. @Snugug, if we labeled the old bugs for both with “proj-fugu”, would your tracker pick them up?
@TheRealNooshu “Only once the surgeon is 100% happy that said part of the brain is safe to remove, will it actually be removed.” I’m incredibly fascinated by the implications of this. Nature is a wonder. 🧠
ChromiumDev ☝️ Missed an I/O session?
🤩 No problem!
You can watch and rewatch all the web #GoogleIO sessions to catch up on all the latest web updates 🎉
Go ahead and check them out ⏩ goo.gle/2Ru8NPx pic.twitter.com/InkytJBIhF
TensorFlow 🌉 TF.js is bridging the gap between mobile and web ML!
With WebAssembly, announced at #GoogleIO, you can easily deploy a compatible task library TensorFlow Lite model to the web in only a couple of lines of code.
See how → goo.gle/3bG0irr pic.twitter.com/2LNFj6FTrE
calinoracation At Airbnb we’ve been working on making a faster web experience with the postTask scheduler. Today we get to share the results of this effort with the broader web community! medium.com/airbnb-enginee…
stackblitz Today we’re excited to bring Node.js back to its roots - the browser!
Together with @googlechrome and @vercel, we’re enabling a new type of development and debugging experience that was not possible before: 🧵
blog.stackblitz.com/posts/introduc…
@Una Yes, `currentColor` is super useful for dark mode: web.dev/prefers-color-…. Adding `currentBackgroundColor` would make a lot of sense. 🤩
tcmg How it started. How it’s going.
events.google.com/io/adventure/#… pic.twitter.com/RZeicpgCgo
maudnals Third-party cookies 🍪 will be phased out.
How can you prepare your site for this?
👉 Summary: in this one image ⤵️ (ALT text available)
👉 Details: youtube.com/watch?v=1g2uQf…
#GoogleIO2021 #privacy
1/2 pic.twitter.com/TsvLtwj0td
@anssik Wow, I wasn’t aware Intel is in the light show drones business. That’s interesting.
@edent AMP does have dynamic parts, for example, `<amp-list>` (amp.dev/documentation/…) or `<amp-autocomplete>` (amp.dev/documentation/…). It’s also an apps markup framework, not just a content markup framework.
The “Project Fugu 🐡 and You” meetup at #GoogleIO is happening in roughly 45min from sending this tweet. gdg.community.dev/boe/live_sessi…. Join @fractorious, @Vincent_Scheib, and me and hear what an Engineer, a Product Manager, and a Developer Advocate want to _
@jamest_lu @ChromiumDev Oh, that’s a way to visualize the Web API landscape that I haven’t seen before. Thanks for sharing!
@jeffposnick @mhartington Yes, if this actually should become declarative sugar on top of imperative service worker registration, it needs to be clearly specified when the registration happens (and probably even be configurable via attributes). Not sure i
@mhartington In the end for a PWA you need a Web App Manifest anyway. But I can see how decoupling them may be useful for apps that purely use a service worker for performance reasons, but have no intention of becoming installable.
@SCRWD @LinkofHyrule89 @ChromiumDev Yepp. Just like Fugu fish. Always cut it right.
@ChromiumDev If you joined in live, you saw me have “fun” with service workers 👷, if not, here’s the recording: youtube.com/watch?v=5CLyAX…. The codelab link is here: developers.google.com/codelabs/proje…. I’m happy to answer questions on Project Fugu 🐡 or anything e#GoogleIO
@LinkofHyrule89 @ChromiumDev I also like this explanation :-)
@LinkofHyrule89 Thanks for baring with me… The finished product ifugu-greetings.glitch.meDO.
📢 In less than 1h from sending this (10:30AM–11:15AM CEST) you can join me for m#GoogleIOIO workshop on A Whirlwind Tour Through Project Fugu 🐡 APIsevents.google.com/io/session/af6…yE. Registration is optional, but when you do, you get to ask questions (seepic.twitter.com/wbe9trCdc2
@mhartington Or maybe what you actually want is the `”serviceworker”` memeber back in Web App Manifest? github.com/w3c/manifest/i…
@AltReptile @mgiuca All it does is determine how links should be opened (for example, in a new or in an already open window of the PWA).
ChromiumDev 😍 Introducing #GoogleIO Adventure, built for the web!
Discover demos, codelabs, videos and more in a whole new virtual world. Unlock virtual swag and chat with other devs 👉 goo.gle/3v1kWKs pic.twitter.com/zL6anCHIy9
@addyosmani @bitandbang @cramforce @b1tr0t *Cough*, isn’t this (mostly) just `<link rel=”alternate” type=”application/atom+xml” href=”posts.xml” title=”My awesome site”>`? Feed interchanges could be facilitated through OPML (dev.opml.org/spec2.html). Br
@Kostas7000 @Lipis I’d certainly be honored and proud to be on stage with @Lipis.
Wattenberger not to play favorites, but this is 💯% my favorite part of the new Flat Data workflow. And one that can be used all on its own!
Add “flat” to any github.com repo url and browse through any csv/json file, with helpful bits like filter, sort, sticky col, diffs, etc! twitter.com/githubOCTO/sta…
tomayac Declarative Link Capturing 🔗 is a proposal for a web app manifest property called `”capture_links”` that lets developers determine declaratively what should happen when the browser navigates to a URL that is within the application’s navigation scope: web.dev/declarative-li…
petele Have you watched my #IO21 video yet? 5 tips for your PWA?
Check it out at youtube.com/watch?v=baSiSI… then come to the Group Chat table in the web tent, I’m answering questions about Fugu and PWAs until 6:30am ET. Come, ask away!
jeffposnick Join us for a virtual discussion of all things Fugu and PWA inside the #GoogleIO Adventure game!
Starting in ~20 minutes @ 1pm EDT.
events.google.com/io/adventure?l…
@nanot1m @excalidraw @Lipis Thanks 😊. Happy you like it!
@Lipis She can be more than proud. 😃 Thanks for the great collaboration again!
@HariziImanuel @ChromiumDev @christianliebel That’s how we (rick)roll. 😂
@me_obsidian Project Fugu 🐡 is explained here: web.dev/fugu-status/.
@aakansha1216 @excalidraw @Lipis Thanks! 😊 Happy it finally got released!
@node_monk @excalidraw @Lipis Thanks again for the Web Share and Web Share Target API implementations! I hope you spotted them in the video… 😆
Declarative Link Capturing 🔗 is a proposal for a web app manifest property called `”capture_links”` that lets developers determine declaratively what should happen when the browser navigates to a URL that is within the application’s navigation scope: web.dev/declarative-li…
What this means for you in practice is brilliantly documented in @rowan_m’s article: web.dev/migrate-to-ua-….
Update on User-Agent String Reduction in Chrome: blog.chromium.org/2021/05/update…. As a side effect of this, Critical Client Hints (`Critical-CH` header) is shipping! 👏
@schweinepriestr Yeah, they had to axe support in the last minute due to an iOS compatibility issue with one of the App Engine headers…
¯\_(ツ)_/¯
Hope you can join on desktop?!
Take a seat at the table to enter our chat: pic.twitter.com/lfqEn0D1yP
Some Project Fugu 🐡 and PWA peeps are currently hanging out in #GoogleIO Adventure. Come find us: events.google.com/io/adventure?l….
ragingwind Web at Google I/O 2021 Playlist
youtube.com/playlist?list=…
maudnals How to prepare for third-party cookie phase-out? 🍪
Our #GoogleIO session “Preparing for a more private web” is now available!
🎬 Live here: events.google.com/io/session/211… (you can rewind)
⁉️ Ask questions directly by clicking the little Q+A icon next to the video
tomayac The Project Fugu 🐡 codelab I’ve built for #GoogleIO just went live earlier today: developers.google.com/codelabs/proje…. If self study isn’t your thing, there will be an instructor-led run-through of the codelab on Day 3: events.google.com/io/session/af6…. Happy hacking! 🧑💻
ChromiumDev ⭐ Want to level up your web styling expertise?
This course breaks down the fundamentals of CSS into digestible, easy to understand pieces. Learn the Core aspects of CSS and how to use them.
Get started → goo.gle/3hz3eKj
backlon Google Workspace turns to “smart chips” to weave Docs, Tasks, and Meet together. It’s a huge update and portends further changes to come. There seems to be — get this — a coherent product roadmap for a Google producttheverge.com/2021/5/18/2244…Fpic.twitter.com/PZIJW9ThkTkT
dalmaer So exciting to see the innovation in IDEs, many of which online. We just mentioned how @stackblitz integrated with file system APIs to gets developers simple access to their local data. #GoogleIO
twitter.com/stackblitz/sta…
@firt It’s not great 😔. But hey, the advantage is that should the release date slip you can always say you meant the other hemisphere’s season 😬.
annevk Terrific overview of process isolating sites in Firefox by @annygakh:
hacks.mozilla.org/2021/05/introd…
tomayac 📢 My #GoogleIO talk “@excalidraw and Fugu: Improving Core User Journeys” is available now!
📺 Watch the recording: youtube.com/watch?v=EK1Akx…
🧑💻 Read the write-up: web.dev/excalidraw-and…
🙋 Ask questions: dory.withgoogle.com/series/1018514…
(Huge props to @Lipis for being my talk guest! 🙏)
tropicadri We’ve seen a lot of interest in #PWA and #projectfugu in #GoogleIO @b1tr0t @petele @andreban and I are hosting an Ask Me Anything on those topics in a couple of hours, check it out here: events.google.com/io/session/349…
@simevidas @firt @firt, could you share this as a new.crbug.com?
📢 My #GoogleIO talk “@excalidraw and Fugu: Improving Core User Journeys” is available now!
📺 Watch the recording: youtube.com/watch?v=EK1Akx…
🧑💻 Read the write-up: web.dev/excalidraw-and…
🙋 Ask questions: dory.withgoogle.com/series/1018514…
(Huge prop@Lipis
The Project Fugu 🐡 codelab I’ve built for #GoogleIO just went live earlier today: developers.google.com/codelabs/proje…. If self study isn’t your thing, there will be an instructor-led run-through of the codelab on Day 3: events.google.com/io/session/af6…. Happy hacking! 🧑
@msbutah @feedly Apparently a fix is coming: twitter.com/feedly/status/….
@firt Maybe @henrylim96 can help. He was admitted in the same batch.
@firt Wow. That’s a tiny checkbox. Personally, I am not super happy with the tool, but the I/O team wants us to use it. Hope you can still sign up.
📢 PSA: If you couldn’t make it to the Meetup on Project Fugu 🐡 and you because it was full, try again! I have just opened some additional spots: gdg.community.dev/events/details…. #GoogleIO
The 🗂 Content Indexing API has been in Chrome for a while now… Here’s a writeup by Antonina Listopadova fro@lentaruofficialal on their experience using itdev.to/antoninalist/c…yy#ContentIndexingAPIPtwitter.com/jeffposnick/st…xp
#GoogleIO is almost here! Shameless plug for the things I’m involved in:
🐡 Workshop on Project Fugu APIs: events.google.com/io/session/af6…
👥 Meetup on Project Fugu and you: gdg.community.dev/events/details…
🎥 Talk on @excalidraw and Fugu: events.google.com/io/session/bb2…
twitter.com/tomayac/status…
@Not_Woods @itisdaphne Congratulations! 💍
JoshWComeau One of the most confusing parts of Flexbox is the difference between “items” and “content”. Why is it “justify-content” and “align-items”, and not the other way around?
📼 The distinction explained in a 5-minute video:
courses.joshwcomeau.com/office-hours/0… twitter.com/yusuf_demir_1/… pic.twitter.com/PvB4zvwAxQ
ChromiumDev 📯 Introducing Google I/O Adventure!
Interact with the community and Googlers to discover content including demos, codelabs, videos and more! Explore our virtual world to unlock virtual swag 🦖
Save your spot for #GoogleIO ✨ → goo.gle/2QqMt8V pic.twitter.com/At8QWVMFlT
dazabani i’ve been implementing the new CSS spelling and grammar features in chromium! wanna know how deep the rabbit hole goes?
azabani.com/2021/05/17/spe… for @igalia
jeffposnick Interested in using ES modules as an alternative to importScripts() in a service worker?
There are still some gotchas, but we’re getting closer!
web.dev/es-modules-in-…
@diekus @hober Documented in bit.ly/blink-signals by the way. The developer signals are documented in goo.gle/developer-sign….
@henrylim96 @Paul_Kinlan My instinct was to wipe my screen, too. Fell for the same trap. 😂
@ChromiumDev @quicksave2k has now sent our Intent to Prototype: twitter.com/intenttoship/s…. It’s happening! 😆
Muller’s Ratchet: xkcd.com/2464/. 🧬
thinktecture In part 4 of the series about his #PWA-/#ProjectFugu remake of Microsoft’s Paint, @christianliebel shows how to save drawings to a local disk, read them back later, and add a web app as a handler for certain file extensions. 🎨⬇️ thinktecture.com/pwa/making-of-…
@chaphasilor @ChromiumDev This looks super cool. Thanks for sharing!
@thijstriemstra @ChromiumDev @christianliebel It should actually be possible to integrate this with #InsertableStreams if you trace the strokes: web.dev/mediastreamtra….
@MonkeyGuenter @ChromiumDev @christianliebel “The conversion takes place directly on the user’s device, works even in offline mode, all without adding any third-party libraries or services.”-web.dev/handwriting-re…X.#HandwritingRecognitionn
The Handwriting Recognition API ✍️ is amazing. @christianliebel has even built a web component that makes using it super straight-forward. See the article for the details. All props to Chris! ⤵️ #HandwritingRecognition twitter.com/ChromiumDev/st…
@MozDevNetmdn-content-popularity.glitch.me/?language=es&t…mdn-content-popularity.glitch.me/?language=en-U…
@nathankurtyka @ChromiumDev @firt The origin trial helps us find answers to these questions and others. 👍
@DenisTRUFFAUT @petelepage It should be separate, yes. They will have separate Chrome profiles even.
Web-based gaming based on the Gamepad API is on the rise ⤵️. In case you’re looking for an introductory article, look no further: web.dev/gamepad/. 🎮 twitter.com/Vincent_Scheib…
@dhawanirahul @ashokawardhan @googlechrome @petele You can read everything about this feature in @Mustafa_x’s article: developer.chrome.com/blog/richer-pw….
@TheRealNooshu I don’t really know you apart from Twitter, but feeling strongly with you and wishing you all the best! Can’t imagine what you’re going through. Virtual hug!
The power of Matt to write these lines is incredible. Wishing him strength for everything that’s ahead. 💪 twitter.com/TheRealNooshu/…
kennethrohde Lots of #blinkon 14 slides available already, as well as recordings!
docs.google.com/document/d/e/2…
@kilianvalkhof Let me open a formal GitHub issue. One sec.
@kilianvalkhof It’s one of the open Issues, see tomayac.github.io/user-preferenc….
kilianvalkhof This is exciting! Sending user preference media queries as Client Hints means you can send for example *just* dark or light mode (initially)!
I see Save-Data is mentioned in the explainer, I hope they combine it meaningfully with the prefers-reduced-data media query. twitter.com/chromiumdev/st…
WalterStephanie #PWA
Ho, this is going to be a nice feature for desktop PWAs, the ability to customize the window control overlay, the demo is a search bar, but I could see a Spotify like PWA with some controls for next/prev track, etc.
web.dev/window-control… web.dev/window-control…
@DanShappir @vzaidman Be safe, folks! ☮️
@eva_trostlos @containersoluti Congratulations, Eva! 🎈
@ChromiumDev Interested folks might want to follow the @w3ctag review (github.com/w3ctag/design-…) and learn @mozilla’s and @webkit’s positions on this (linked here: github.com/w3ctag/design-…).
@ChromiumDev This was also the perfect excuse to use @chriscoyier’s ingenious acronym FART 💨 (“Flash of inAccurate coloR Theme”, coined in css-tricks.com/flash-of-inacc…) in a spec draft: tomayac.github.io/user-preferenc….
@ChromiumDev ⭐️ Star crbug.com/1207897 to keep getting updated about @quicksave2k’s implementation work for the first client hint header, `Sec-CH-Prefers-Color-Scheme`.
ChromiumDev 📢 We’re working on `Sec-CH-*` Client Hint headers modeled after User Preference Media Features (drafts.csswg.org/mediaqueries-5…) aimed at helping high-perf sites make smart CSS inlining choices.
👉 Explainer github.com/tomayac/user-p…
👉 Spec draft tomayac.github.io/user-preferenc…
(via @tomayac)
@stijnhommes Psst, I have an undercover activity going that is about making platform-specific apps feel more like web apps. I advocate for Android and iOS developers to make their UI bounce around unpredictably as content loads and random popups to appear
slightlylate BlinkOn 14 is starting now, and goodness gracious, we’ve been busy!
docs.google.com/presentation/d…
jdecked we’ve successfully yeeted the new Twitter Lite app rewrite to prod! it’s very cool because it’s built using Trusted Web Activities and an open source project, Bubblewrap! I had a great time making it and now I’m going to make a snack to celebrate. 🎉🍫
@DenisTRUFFAUT @ChromiumDev @roderickhsiao had the same question, here’s the answer: twitter.com/tomayac/status….
@LinkofHyrule89 Oh, bugs.chromium.org/p/chromium/iss…. I see. Let me ask.
@KevinKelchen @ChromiumDev @Una @Paul_Kinlan @_developit You’re very welcome :-)
@roderickhsiao @ChromiumDev The OS will show a picker, correct: web.dev/url-protocol-h….
@LinkofHyrule89 Sorry, I’m blanking on the context. Could you send the link?
daisuke “Using ruby for footnotes 🔗” #ルビ #footnotes / “<ruby> HTML footnotes” htn.to/B9gnD5189n
@mischmerz @ChromiumDev There is some discussion going on about this question in github.com/beverloo/notif…. (CC: @beverloo)
ChromiumDev 📢 Let installed PWAs handle links 🔗 that use a specific protocol (like `bitcoin://` or `web+coffee://`) for a more integrated experience: URL protocol handler registration for PWAs!
web.dev/url-protocol-h…
@tomayac has summarized everything you need to know!
#ProtocolHandler
@KevinKelchen @ChromiumDev @Una @Paul_Kinlan @_developit It looks like you could pile onto crbug.com/1088262, which talks about a similar issue.
@henrylim96 Now documented (staging preview): …iew-5299—web-dev-staging.netlify.app/async-clipboar…(see%20webkit%20bug%20%23222262.%20for%20safari%2C%20run%20all%20asynchronous%20operations%20in%20a%20promise%20whose%20result%20you%20assign%20to%20the%20clipboarditem%3A.
excalidraw Implementation of @steveruizok’s perfect-freehand has landed in Excalidraw! Thanks Steve! ❤️
You can now make your handwriting look spectacular!
Try at excalidraw.com pic.twitter.com/fFNF46LhsI
frdblnch Excellent ! « Accessing hid Devices on the Web With the Web hid api » (by @tomayac et al).
[cc @oliviernocent @AaBnssr @SylviaChalencon , votre bidule là… #javascript … Et bien, ça commence à ma plaire]
arxiv.org/pdf/2104.02392… #joycon #ihm pic.twitter.com/GrNgfhXOFI
@DenisTRUFFAUT @petele You could propose the rough idea on the WICG Discourse: discourse.wicg.io.
@DenisTRUFFAUT @petele Permissions are certainly still in flux with this API: github.com/WICG/file-syst…. Everyone is welcome to join the discussion!
@christianliebel @steveruizok ran into this recently, too: twitter.com/steveruizok/st….
@paperlemonade @Twitter Limit search to tweets I have seen in my timeline.
@adamdbradley @vuejs Not an expert, but for @vite_js I got it working like so in vite.config.js:
import dynamicImportVars from ‘@rollup/plugin-dynamic-import-vars’;
export default {
plugins: [
dynamicImportVars({
include: ‘./src/foo/*’,
}
Yay, `crypto.randomUUID()` got 3 LGTMs to ship in a secure context (groups.google.com/a/chromium.org…)! 🎉 That’s one worry less in Chromium browsers. @Apple have been asked (lists.webkit.org/pipermail/webk…) but radio silence so far, and @mozilla are actively discussing github.com/mozilla/standa…twitter.com/tomayac/status…
@LinkofHyrule89 @Justinwillis96 @kennethrohde Else, give @browserstack a try. They have an open-source program where you can get extended access. Not sure you can set browser flags, but you can definitely use it with origin trial features.
@henrylim96 @Justinwillis96 I personally dislike demos where you have to comb through lines and lines of unrelated code to get to the interesting bits.
@LinkofHyrule89 @Justinwillis96 @kennethrohde It’s supposed to eventually land in Linux, Windows, Chrome, and Mac. Looking at the activity on bugs.chromium.org/p/chromium/iss…, right now they’re working on macOS support.
@glass_it @xeenon I got it working, but to be honest no longer remember how. You can check out my extension’s source code, though: github.com/google/service…. It has a popup.html that loads a popup.js, so maybe it helps. See the package.json for the “saf
@Justinwillis96 @AaronGustafson Thanks! Just realized it’s likewise on GitHub, so just opened github.com/MicrosoftDocs/….
bramusblog CSS Full-Bleed Scroll-Snapping Carousel with visible Overflow
🔗 bram.us/2021/05/06/css…
🏷 #carousel #css #overflow #scroll pic.twitter.com/XijIOpbuFo
denladeside Hopefully, we will get browser choice on iOS at some point - maybe something for @vestager to help with? theverge.com/2021/5/6/22421…
@LinkofHyrule89 @Justinwillis96 @kennethrohde In my article (web.dev/window-control…) I could successfully use a background image (linear gradient) for its demo. You can remix the code and play with the colors.
@Justinwillis96 Awesome docs 👏, just opened a PR to link to the article: github.com/GoogleChrome/w…. Seeing that you backlink to articles on our site in other sections, could I ask for a backlink to web.dev/window-control…, too?
ChromiumDev 👀 A new video in celebration of International Mother Language Day 🌎
In Spanish, @tropicadri explains what a PWA is, and the basic components you need to get started. 💻 🖥️ 📱
- subtitles in English available
youtube.com/watch?v=OEuPFr…
andreban #GoogleIO is almost here! Here’s a handy link to all the web related content: events.google.com/io/program/pro… twitter.com/Google/status/…
christianliebel Happy to be a teeny-tiny part of the upcoming Google I/O. Don’t miss @tomayac’s workshop on Project Fugu and take the *awesome* codelab! ➡️ events.google.com/io/session/af6… #projectfugu #GoogleIO #GoogleIO2021
@blaine @justinschuh @jaffathecake @Dieulot @slightlylate This summarizes the status quo so perfectly well.
blaine @justinschuh @jaffathecake @tomayac @Dieulot @slightlylate The fundamental problem with CORS in my mind isn’t a technical one (it’s an annoying set of protocols, but _fine_), it’s that many of the people who should implement CORS headers in order to enable apps to use data have no incentive to do so, and there’s no way to force them.