tomayac, to random
@tomayac@toot.cafe avatar

👀 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 🐡 APIs on this dashboard: https://github.com/MicrosoftEdge/MSEdgeExplainers/issues/791. Edge also collaborates in .

tomayac, to random
@tomayac@toot.cafe avatar

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

jensimmons, to CSS
@jensimmons@front-end.social avatar

Dear people who make websites,

Now that Safari 17.4 is available, what other new web technology — HTML, CSS, JS, Web API, media support, etc — would you like to see supported in Safari next?

What’s most needed?
What will you use it for?
Or how will it help your team serve your users?
Tell me a story…

tomayac,
@tomayac@toot.cafe avatar

@jensimmons

tomayac, to random
@tomayac@toot.cafe avatar

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

tomayac, to random
@tomayac@toot.cafe avatar

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. 🐡

tomayac, to firefox
@tomayac@toot.cafe avatar

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 extension that adds File System Access API support: https://addons.mozilla.org/en-US/firefox/addon/file-system-access/. 🐡

tomayac,
@tomayac@toot.cafe avatar

@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 🐡 APIs on @mozilla .

tomayac, to Podcast
@tomayac@toot.cafe avatar

🎧 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.

tomayac, to random
@tomayac@toot.cafe avatar

🎉 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 🐡 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 🧑‍🍳.

tomayac, to random
@tomayac@toot.cafe avatar

Gave my desk a 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 that connects to MakeCode over . 🐡 FTW!

tomayac, to random
@tomayac@toot.cafe avatar

📢 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.

🐡

tomayac, to random
@tomayac@toot.cafe avatar

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 🐡 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.

tomayac, to random
@tomayac@toot.cafe avatar

📢 I had the pleasure of working with the @kiwix team on a case study titled "How the 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 API 🐡.

zeh, to random
@zeh@mastodon.gamedev.place avatar

I just wanted to visualize a waveform, randomly searched for "audacity like online", not expecting much... and by god, they did it. The maniacs.

https://wavacity.com/

tomayac,
@tomayac@toot.cafe avatar

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

tomayac, to random
@tomayac@toot.cafe avatar

📢 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/).

#️⃣ 🐡

tomayac, (edited ) to random
@tomayac@toot.cafe avatar

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. ⌨️

tomayac, to random
@tomayac@toot.cafe avatar

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.

( 🐡 )

tomayac, to random
@tomayac@toot.cafe avatar

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 , but also all feature teams at Google Chrome really.

tomayac, to apple
@tomayac@toot.cafe avatar
tomayac, to apple
@tomayac@toot.cafe avatar

📢 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.

#️⃣

sil, to apple
@sil@mastodon.social avatar

If someone's added a web app to their iOS home screen, does anyone know a way to send that person a link which opens in that installed web app, rather than in a browser tab?

https://stackoverflow.com/questions/76414684/open-a-link-in-an-ios-web-app-thats-been-added-to-the-home-screen

voxpelli,
@voxpelli@mastodon.social avatar

@sil @simevidas I think the 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

tomayac, to random
@tomayac@toot.cafe avatar

📢 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 🐡 used in practice.

tomayac, to random
@tomayac@toot.cafe avatar

The quiet before the storm at #GoogleIO Connect Miami 🌴 where we’re demo’ing #ProjectFugu 🐡 in practice with LEGO Education’s use of the Web Serial and the Web Bluetooth APIs for their SPIKE Prime kits, and Salonhub’s web payment solution that uses the WebUSB, Web Serial, Web Bluetooth, Web HID, Window Controls Overlay, Screen Wake Lock, and Idle Detection APIs (and probably more that I’m forgetting now) for their product.

markus306,
@markus306@neos.social avatar

@tomayac is the Lego Mindstorms inventory set also using that? Because the hub seems to be the same (excerpt the color)…

The son got one for the 8th birthday and would be funny to know that they use Web APIs from

The iPad app just offers visual coding and python.

tomayac, to random
@tomayac@toot.cafe avatar

📢 How LEGO® Education uses the Web Bluetooth and the Web Serial APIs:

👉 Article: https://developer.chrome.com/blog/lego-education-spike-web-bluetooth-web-serial/

Part 3 of a new blog series on Project Fugu 🐡 used in practice!

#️⃣

  • All
  • Subscribed
  • Moderated
  • Favorites
  • anitta
  • thenastyranch
  • magazineikmin
  • tacticalgear
  • InstantRegret
  • ngwrru68w68
  • Durango
  • Youngstown
  • slotface
  • mdbf
  • rosin
  • PowerRangers
  • kavyap
  • DreamBathrooms
  • normalnudes
  • vwfavf
  • hgfsjryuu7
  • cisconetworking
  • osvaldo12
  • everett
  • ethstaker
  • GTA5RPClips
  • khanakhh
  • tester
  • modclub
  • cubers
  • Leos
  • provamag3
  • All magazines