#projectfugu — Public Fediverse posts

I'm thrilled to share that Google has extended my @googledevexpert membership for another year! 🎖️ Being a GDE since 2019, it has been an incredible journey contributing to the community in the categories of Web Technologies (AI for Web Developers, Progressive Web Apps, and Project Fugu) and Angular. Let's continue to push the boundaries of the Web together! 🚀 #GDE #WebAI #AI #Angular #PWA #ProjectFugu

What a journey! 🥳 It’s been 6️⃣ years since I was accepted into the GDE program. It all began with my engagement in Angular, Progressive Web Apps, and Project Fugu. With the rise of Generative AI, I have focused on making web apps smarter. #GDEgiftfromGoogle #GDE #Angular #PWA #ProjectFugu #WebAI

There's a new origin trial 🧪 in Chrome for the File System Observer API 🗃️👀: https://developer.chrome.com/blog/file-system-observer?hl=en. Rather than poll for file system changes, you'll now get notified. This unlocks use cases like Web-based IDEs and more. Read my article for all details! #ProjectFugu 🐡

There's a new origin trial 🧪 in Chrome for the File System Observer API 🗃️👀: https://developer.chrome.com/blog/file-system-observer?hl=en. Rather than poll for file system changes, you'll now get notified. This unlocks use cases like Web-based IDEs and more. Read my article for all details! #ProjectFugu 🐡

You can now update your Meta Quest devices 🥽 with #WebUSB: https://www.meta.com/help/quest/software_update/. After Android with the Android Flash Tool (https://flash.android.com/), that's another major player who bets on the Web with this #ProjectFugu 🐡 API.

You can now update your Meta Quest devices 🥽 with #WebUSB: https://www.meta.com/help/quest/software_update/. After Android with the Android Flash Tool (https://flash.android.com/), that's another major player who bets on the Web with this #ProjectFugu 🐡 API.

@simon @adrian It's a fantastic app that uses some advanced #ProjectFugu 🐡 APIs as well, so we proudly feature it in our showcase: https://developer.chrome.com/docs/capabilities/fugu-showcase?text=Soundslice.

@simon @adrian It's a fantastic app that uses some advanced #ProjectFugu 🐡 APIs as well, so we proudly feature it in our showcase: https://developer.chrome.com/docs/capabilities/fugu-showcase?text=Soundslice.

👀 Interesting, Edge launched a new Web Platform top developer needs dashboard. The actual dashboard is at https://microsoftedge.github.io/TopDeveloperNeeds and @slightlyoff wrote about the Edge team's motivations for launching it at https://blogs.windows.com/msedgedev/2024/04/18/2024-web-platform-top-developer-needs-dashboard/. I left a question asking about #ProjectFugu 🐡 APIs on this dashboard: https://github.com/MicrosoftEdge/MSEdgeExplainers/issues/791. Edge also collaborates in #Interop24.

👀 Interesting, Edge launched a new Web Platform top developer needs dashboard. The actual dashboard is at https://microsoftedge.github.io/TopDeveloperNeeds and @slightlyoff wrote about the Edge team's motivations for launching it at https://blogs.windows.com/msedgedev/2024/04/18/2024-web-platform-top-developer-needs-dashboard/. I left a question asking about #ProjectFugu 🐡 APIs on this dashboard: https://github.com/MicrosoftEdge/MSEdgeExplainers/issues/791. Edge also collaborates in #Interop24.

Great new newsletter 📧 (duh, double "new") by @dannymoerkerke called Modern Web Weekly featuring many #ProjectFugu 🐡 APIs: https://modern-web-weekly.ghost.io/.

Great new newsletter 📧 (duh, double "new") by @dannymoerkerke called Modern Web Weekly featuring many #ProjectFugu 🐡 APIs: https://modern-web-weekly.ghost.io/.

@jensimmons
- WebUSB
- Web Bluetooth
- Web Serial
- WebHID
- Web MIDI
- Web NFC
#ProjectFugu 🐡

@jensimmons
- WebUSB
- Web Bluetooth
- Web Serial
- WebHID
- Web MIDI
- Web NFC
#ProjectFugu 🐡

@jensimmons
- File System Access API (show{OpenFile, SaveFile, Directory}Picker)
- Web Share Target API
- Fullscreen API on iOS
- File Handling API
#ProjectFugu 🐡
https://howfuguismybrowser.dev

@jensimmons
- File System Access API (show{OpenFile, SaveFile, Directory}Picker)
- Web Share Target API
- Fullscreen API on iOS
- File Handling API
#ProjectFugu 🐡
https://howfuguismybrowser.dev

🍗🌡️ Using Web Bluetooth To Read BBQ Temperature Sensor Data: https://pqina.nl/blog/web-bluetooth-api-read-bbq-temperature-sensor-data/. Fun write-up by @rikschennink of his journey of getting useful data out of a BBQ thermometer with the #ProjectFugu 🐡 #WebBluetooth API.

🍗🌡️ Using Web Bluetooth To Read BBQ Temperature Sensor Data: https://pqina.nl/blog/web-bluetooth-api-read-bbq-temperature-sensor-data/. Fun write-up by @rikschennink of his journey of getting useful data out of a BBQ thermometer with the #ProjectFugu 🐡 #WebBluetooth API.

Handling files in enterprise web solutions: https://dev.to/denladeside/handling-files-in-enterprise-web-solutions-3mkc. Nice post accompanied by a nice #GeoJSON demo by Lars Knudsen on how the #ProjectFugu 🐡 File Handling API (https://developer.chrome.com/docs/capabilities/web-apis/file-handling) can help in enterprise scenarios.

Handling files in enterprise web solutions: https://dev.to/denladeside/handling-files-in-enterprise-web-solutions-3mkc. Nice post accompanied by a nice #GeoJSON demo by Lars Knudsen on how the #ProjectFugu 🐡 File Handling API (https://developer.chrome.com/docs/capabilities/web-apis/file-handling) can help in enterprise scenarios.

Someone who goes by ThaUnknown has created a ponyfill for the Local Font Access API (https://developer.chrome.com/docs/capabilities/web-apis/local-fonts). Unlike the actual API that queries your locally installed fonts, this ponyfill is backed by the Google Fonts API, that is, Web fonts: https://github.com/ThaUnknown/lfa-ponyfill. #ProjectFugu 🐡

Someone who goes by ThaUnknown has created a ponyfill for the Local Font Access API (https://developer.chrome.com/docs/capabilities/web-apis/local-fonts). Unlike the actual API that queries your locally installed fonts, this ponyfill is backed by the Google Fonts API, that is, Web fonts: https://github.com/ThaUnknown/lfa-ponyfill. #ProjectFugu 🐡

@mozilla On the heels of the File System Access API extension, now a Web Serial API extension for Firefox: https://addons.mozilla.org/en-US/firefox/addon/webserial-for-firefox/. Seems like there's some demand for #ProjectFugu 🐡 APIs on @mozilla #Firefox.

@mozilla On the heels of the File System Access API extension, now a Web Serial API extension for Firefox: https://addons.mozilla.org/en-US/firefox/addon/webserial-for-firefox/. Seems like there's some demand for #ProjectFugu 🐡 APIs on @mozilla #Firefox.

You know you're onto something when developers build a browser extension and a companion app for their browser of choice that adds support for an API their chosen browser doesn't support natively: File System Access by GitHub user ichaoX is a @mozilla #Firefox extension that adds File System Access API support: https://addons.mozilla.org/en-US/firefox/addon/file-system-access/. #ProjectFugu 🐡

You know you're onto something when developers build a browser extension and a companion app for their browser of choice that adds support for an API their chosen browser doesn't support natively: File System Access by GitHub user ichaoX is a @mozilla #Firefox extension that adds File System Access API support: https://addons.mozilla.org/en-US/firefox/addon/file-system-access/. #ProjectFugu 🐡

🎧 I was on the Syntax podcast with Wes Bos and Scott Tolinski to chat about Project Fugu 🐡: https://syntax.fm/show/722/next-level-web-apis-bluetooth-file-access-thomas-steiner-project-fugu. #Podcast #ProjectFugu #SyntaxFM

🎧 I was on the Syntax podcast with Wes Bos and Scott Tolinski to chat about Project Fugu 🐡: https://syntax.fm/show/722/next-level-web-apis-bluetooth-file-access-thomas-steiner-project-fugu. #Podcast #ProjectFugu #SyntaxFM

🎉 Mozilla will turn on the Screen Wake Lock API by default in Firefox 124: https://groups.google.com/a/mozilla.org/d/msgid/dev-platform/CAGnPer%2BLhGUmbA9QeLX7STNvOdmdnrP6j517KX6vz4609MjSWQ%40mail.gmail.com.

Learn more about this #ProjectFugu 🐡 API: https://developer.chrome.com/docs/capabilities/web-apis/wake-lock.

It's a small addition to the Web platform, but with a positive impact: https://web.dev/case-studies/betty-crocker 🧑‍🍳.

🎉 Mozilla will turn on the Screen Wake Lock API by default in Firefox 124: https://groups.google.com/a/mozilla.org/d/msgid/dev-platform/CAGnPer%2BLhGUmbA9QeLX7STNvOdmdnrP6j517KX6vz4609MjSWQ%40mail.gmail.com.

Learn more about this #ProjectFugu 🐡 API: https://developer.chrome.com/docs/capabilities/web-apis/wake-lock.

It's a small addition to the Web platform, but with a positive impact: https://web.dev/case-studies/betty-crocker 🧑‍🍳.

Gave my desk a #NeoPixels makeover based on some leftovers I had (the black holes are from soldering strips together). Really digging the soothing moving gradient. It's powered by an old BBC #microbit that connects to MakeCode over #WebUSB. #ProjectFugu 🐡 FTW!

Gave my desk a #NeoPixels makeover based on some leftovers I had (the black holes are from soldering strips together). Really digging the soothing moving gradient. It's powered by an old BBC #microbit that connects to MakeCode over #WebUSB. #ProjectFugu 🐡 FTW!

📢 We're removing one of the biggest annoyances when working with the File System Access API: the constant re-prompting for permission to access files 🎉 even when the user granted permission before.

You can now allow your users to have their file system permissions persisted, both for files 📄 and folders 📂:

https://developer.chrome.com/blog/persistent-permissions-for-the-file-system-access-api.

What this means is that, for example, if you're a Web-based IDE like VS Code, you can now get permanent access to `/Users/tomayac/projects`.

#ProjectFugu 🐡

📢 We're removing one of the biggest annoyances when working with the File System Access API: the constant re-prompting for permission to access files 🎉 even when the user granted permission before.

You can now allow your users to have their file system permissions persisted, both for files 📄 and folders 📂:

https://developer.chrome.com/blog/persistent-permissions-for-the-file-system-access-api.

What this means is that, for example, if you're a Web-based IDE like VS Code, you can now get permanent access to `/Users/tomayac/projects`.

#ProjectFugu 🐡

@freddy Yes. #Interop is an important area, but there're other ways to compare browsers. Just sent this toot: https://toot.cafe/@tomayac/111725053185923814 about #ProjectFugu 🐡 APIs. And I really want Firefox to remain relevant, just yesterday I tooted about the Web Serial position: https://toot.cafe/@tomayac/111719453995856541.

@freddy Yes. #Interop is an important area, but there're other ways to compare browsers. Just sent this toot: https://toot.cafe/@tomayac/111725053185923814 about #ProjectFugu 🐡 APIs. And I really want Firefox to remain relevant, just yesterday I tooted about the Web Serial position: https://toot.cafe/@tomayac/111719453995856541.

@bentomn @nelson Had the pleasure of working on a case study with the Kiwix team: https://web.dev/case-studies/kiwix. They use a new cross-browser API called the origin private file system.

Regarding PWAs: my biased take is that they are in a similar situation than AJAX apps, which became Ajax apps and eventually just apps people built without even talking about the underlying APIs anymore (the X essentially stood for, erm, JSON anyway).

Follow the #ProjectFugu hashtag for exciting new APIs in the field.

@bentomn @nelson Had the pleasure of working on a case study with the Kiwix team: https://web.dev/case-studies/kiwix. They use a new cross-browser API called the origin private file system.

Regarding PWAs: my biased take is that they are in a similar situation than AJAX apps, which became Ajax apps and eventually just apps people built without even talking about the underlying APIs anymore (the X essentially stood for, erm, JSON anyway).

Follow the #ProjectFugu hashtag for exciting new APIs in the field.

PWAs sometimes need to cover more than one scope, for example, collaborative work chat apps that have a subdomain per workspace and the main app domain. Scope Extensions, a new #ProjectFugu 🐡 API proposal, now allows such app architectures to appear as one coherent PWA without out-of-scope bars: https://developer.chrome.com/docs/capabilities/scope-extensions.

PWAs sometimes need to cover more than one scope, for example, collaborative work chat apps that have a subdomain per workspace and the main app domain. Scope Extensions, a new #ProjectFugu 🐡 API proposal, now allows such app architectures to appear as one coherent PWA without out-of-scope bars: https://developer.chrome.com/docs/capabilities/scope-extensions.

📢 I had the pleasure of working with the @kiwix team on a case study titled "How the #Kiwix PWA allows users to store Gigabytes of data from the Internet for offline use": https://web.dev/case-studies/kiwix. Happy reading! Spoiler: they use the origin private file system, a #ProjectFugu API 🐡.

📢 I had the pleasure of working with the @kiwix team on a case study titled "How the #Kiwix PWA allows users to store Gigabytes of data from the Internet for offline use": https://web.dev/case-studies/kiwix. Happy reading! Spoiler: they use the origin private file system, a #ProjectFugu API 🐡.

@Meyerweb @Emily_S @Edent They use a whole bunch of #ProjectFugu 🐡 APIs: https://developer.chrome.com/fugu-showcase/#boxy-svg.com!app. Unfortunately they don't use a progressive enhancement strategy. We have a case study on their local font access API usage: https://developer.chrome.com/blog/how-boxysvg-uses-the-local-font-access-api/.

@Meyerweb @Emily_S @Edent They use a whole bunch of #ProjectFugu 🐡 APIs: https://developer.chrome.com/fugu-showcase/#boxy-svg.com!app. Unfortunately they don't use a progressive enhancement strategy. We have a case study on their local font access API usage: https://developer.chrome.com/blog/how-boxysvg-uses-the-local-font-access-api/.

@zeh As proudly featured on the Project Fugu 🐡 API Showcase: https://developer.chrome.com/fugu-showcase/#wavacity.com
#ProjectFugu

@zeh As proudly featured on the Project Fugu 🐡 API Showcase: https://developer.chrome.com/fugu-showcase/#wavacity.com
#ProjectFugu

📢 The Origin Private File System (OPFS) is a cross-browser solution for your performance-critical, file-based storage needs on the Web! @chrisdavidmills has documented everything you need to know about the API over on MDN: https://developer.mozilla.org/en-US/docs/Web/API/File_System_API/Origin_private_file_system.

💡 This is what powers Photoshop (https://developer.chrome.com/blog/how-photoshop-solved-working-with-files-larger-than-can-fit-into-memory/) and SQLite Wasm (https://developer.chrome.com/blog/sqlite-wasm-in-the-browser-backed-by-the-origin-private-file-system/).

#️⃣ #OPFS #ProjectFugu 🐡

📢 The Origin Private File System (OPFS) is a cross-browser solution for your performance-critical, file-based storage needs on the Web! @chrisdavidmills has documented everything you need to know about the API over on MDN: https://developer.mozilla.org/en-US/docs/Web/API/File_System_API/Origin_private_file_system.

💡 This is what powers Photoshop (https://developer.chrome.com/blog/how-photoshop-solved-working-with-files-larger-than-can-fit-into-memory/) and SQLite Wasm (https://developer.chrome.com/blog/sqlite-wasm-in-the-browser-backed-by-the-origin-private-file-system/).

#️⃣ #OPFS #ProjectFugu 🐡

The Virtual Keyboard API, by @shadeed9: https://ishadeed.com/article/virtual-keyboard-api/. I wrote about this Project Fugu 🐡 API some time ago (linked in the article) and am happy for the API to get some more well-deserved attention. ⌨️
#ProjectFugu #VirtualKeyboard

The Virtual Keyboard API, by @shadeed9: https://ishadeed.com/article/virtual-keyboard-api/. I wrote about this Project Fugu 🐡 API some time ago (linked in the article) and am happy for the API to get some more well-deserved attention. ⌨️
#ProjectFugu #VirtualKeyboard

Generic Sensors and Thingy:52: https://dev.to/denladeside/generic-sensors-and-thingy52-9oa. Cool post by Lars Knudsen, including a Thingy:52 driver for high-level access to the sensors on the device.

(#ProjectFugu 🐡 #GenericSensor #Thingy52 #WebBluetooth)

Generic Sensors and Thingy:52: https://dev.to/denladeside/generic-sensors-and-thingy52-9oa. Cool post by Lars Knudsen, including a Thingy:52 driver for high-level access to the sensors on the device.

(#ProjectFugu 🐡 #GenericSensor #Thingy52 #WebBluetooth)

A look at Chrome’s security review culture http://security.googleblog.com/2023/07/a-look-at-chromes-security-review.html. I love ♥️ the humane tone of this post. This team is super important to #ProjectFugu, but also all feature teams at Google Chrome really.

A look at Chrome’s security review culture http://security.googleblog.com/2023/07/a-look-at-chromes-security-review.html. I love ♥️ the humane tone of this post. This team is super important to #ProjectFugu, but also all feature teams at Google Chrome really.

My "Web Apps on macOS Sonoma 14 Beta" article (https://blog.tomayac.com/2023/06/07/web-apps-on-macos-sonoma-14-beta/) is on HackerNews: https://news.ycombinator.com/item?id=36237332 🫣.
#macOS #Sonoma #WebApps #Safari #ProjectFugu #HackerNews

My "Web Apps on macOS Sonoma 14 Beta" article (https://blog.tomayac.com/2023/06/07/web-apps-on-macos-sonoma-14-beta/) is on HackerNews: https://news.ycombinator.com/item?id=36237332 🫣.
#macOS #Sonoma #WebApps #Safari #ProjectFugu #HackerNews

📢 Web Apps on macOS Sonoma 14 Beta:

https://blog.tomayac.com/2023/06/07/web-apps-on-macos-sonoma-14-beta/

With macOS Sonoma, Apple goes all-in on the concept of installable web apps. They're highly integrated in the overall macOS experience and don't give away their web roots by not showing any Safari UI at all.

#️⃣ #Sonoma #macOS #Apple #WebApps #ProjectFugu #Safari

📢 Web Apps on macOS Sonoma 14 Beta:

https://blog.tomayac.com/2023/06/07/web-apps-on-macos-sonoma-14-beta/

With macOS Sonoma, Apple goes all-in on the concept of installable web apps. They're highly integrated in the overall macOS experience and don't give away their web roots by not showing any Safari UI at all.

#️⃣ #Sonoma #macOS #Apple #WebApps #ProjectFugu #Safari

@sil @simevidas I think the #ProjectFugu Launch Handler API that @tomayac wrote about here is the one that would solve this: https://developer.chrome.com/docs/web-platform/launch-handler/

/cc @kennethrohde

📢 How SVG editor Boxy SVG uses the Local Font Access API to let users pick their favorite local fonts, by Jarek Foksa:

👉 Article: https://developer.chrome.com/en/blog/how-boxysvg-uses-the-local-font-access-api/
👉 Video: https://www.youtube.com/watch?v=Y40vMQap9fs&t=611s

Part 5 of a new blog series on #ProjectFugu 🐡 used in practice.