ChromiumDev 📢 Did you know that more and more app stores 🛍️ are welcoming of PWAs? In @tomayac’s new article, you’ll learn which stores, and what tool to use:
web.dev/pwas-in-app-st…
(Hint: the tool’s mascot is an otter 🦦 and its Twitter handle @pwabuilder does what it says on the tin.)
📢 Did you know that more and more app stores 🛍️ are welcoming of PWAs? In my new article, you’ll learn which stores, and what tool to use:
web.dev/pwas-in-app-st…
(Hint: the tool’s mascot is an otter 🦦 and its Twitter handle PWABuilder does w
@harttleharttle Looks like my spec link didn’t successfully get crossposted from Mastodon. Here’s the correct link: w3c.github.io/csswg-drafts/c…
“[The text-transform property] has no effect on the underlying content, and must not affect the content of a plain
@harttleharttle See developer.mozilla.org/en-US/docs/Web…. `uppercase` is not the only option.
@tommygeorge It’s broken for some, and working as intended for others. It’s broken for me.
@benmorss There’s arguments pro and con. My use case is copying headlines from blogs and share them. AND I PREFER NOT TO SHOUT AT MY FOLLOWERS. You hear me?
quicksave2k We’re working on letting developers control camera background blur in JavaScript.
This experimental API is available in Chrome Canary for ChromeOS, macOS, and Windows if you want to try it.
ϞϞ(๑⚈ ․̫ ⚈๑)
🎲googlechrome.github.io/samples/image-…
📒 w3c.github.io/mediacapture-e… pic.twitter.com/FSmOvq46y3
In the HTML: `<h1>Hello</h1>`.
In the CSS: `h1 { text-transform: uppercase; }`.
Select the H1 and copy. On the 📋 clipboard:
Chrome: HELLO
Safari: HELLO
Firefox: Hello
Only Firefox is right: w3c.github.io/csswg-drafts/..toot.cafe/@tomayac/11011…DV
I’m very new to prompt engineering, so I enjoyed this overview a lot: learnprompting.org.
@nathankurtyka Ah, I see. This would be interesting to know, too. Not sure if Apple tracks this at all (probably not). Good luck with your release!
“You can take some HTML, you can write it down on the back of a napkin, you can put it in your pocket, you can put it in the wash, grab it out of the dryer, uncrumple a little bit, type it back in with a bunch of typos, and it’ll pro..toot.cafe/@tomayac/11010…
@nathankurtyka Haha, good question. People mention there’s a maximum of nine pages on the Home Screen. Not sure if this is still true now that we have App Library. Try and let us know! 😃
@verekia No news, but @jensimmons has asked for requests: front-end.social/@jensimmons/11….
@x00sp Oh, I remember now. The open-source project is abandoned: github.com/metabolist/met….
@x00sp I disliked something about Metatext, but don’t recall what. Maybe the account picker in the compose view? Not sure anymore. Should give it another go…
@ericlaw Also sometimes the search view is entirely messed up and you have to kill the app.
I’m looking for a #Mastodon client that lets my timeline begin where I left off, even when it’s two days in the past. I want then to slowly and chronologically work my way up to “now”, and the client would fill the gaps as I read, wi..toot.cafe/@tomayac/11010…
🤩 iOS/iPadOS 16.4 massively improve upon what’s possible on the Web on iOS/iPadOS devices, including several Project Fugu 🐡 APIs. I’ve just set aside the morning to read through the release notes: webkit.org/blog/13966/web…..toot.cafe/@tomayac/11009…
📢The File System Standard adds an origin private file system (OPFS) 📂 as a storage endpoint private to the origin of a page providing optional access to a special kind of file 🗂️ that’s highly optimized for performance. My latest art..toot.cafe/@tomayac/11009…
tomayac 📢The File System Standard adds an origin private file system (OPFS) 📂 as a storage endpoint private to the origin of a page providing optional access to a special kind of file 🗂️ that’s highly optimized for performance. @tomayac’s article has all facts! developer.chrome.com/articles/origi…
📢The File System Standard adds an origin private file system (OPFS) 📂 as a storage endpoint private to the origin of a page providing optional access to a special kind of file 🗂️ that’s highly optimized for performance. @tomayac’s article hdeveloper.chrome.com/articles/origi…
guettli @tomayac Until recently I was disappointed that WebSQL did not made it.
But the final result is better. With WASM you know exactly what kind of SQLite you get.
I guess this will be the foundation of many offline first PWAs.
@jaroslawjarosik Check the accessibility tree. developer.chrome.com/blog/full-acce…
The new `<search>` HTML tag is treated like an `HTMLUnknownElement` by today’s browsers, but nonetheless “polyfilling” it via `<search role=search>` works: codepen.io/darthmall/pen/… (by @darth_mall@notacult.social). Bu..toot.cafe/@tomayac/11008…0Q
@mobilepadawan @tobiasbu This isn’t required, see the examples in the spec that I linked to.
scottohara @codepo8 @tomayac might i also mention: scottohara.me/blog/2023/03/2…
:)
🎒 From Web SQL to SQLite Wasm—the database migration guide:developer.chrome.com/blog/from-web-…B
With SQLite Wasm backed by the Origin Private File System #OPFSS), there’s a replacement for the deprecated W.toot.cafe/@tomayac/11007…Ioq
ChromiumDev 🎒 From Web SQL to SQLite Wasm—the database migration guide:
developer.chrome.com/blog/from-web-…g
With SQLite Wasm backed by the Origin Private File System, there’s a replacement for the deprecated Web SQL.@tomayacc’s article guides you when migrating your data from Web SQL to SQLite Wasm.
@ldenoue Yes! @romulocintra has a proposal in this area: github.com/romulocintra/u….
ChromiumDev Unload events are quite unreliable across browsers & platforms, and they break the back/forward cache 😥
We are looking at changing how Chrome fires unload events to unlock more instant back navigations 🚅📈
Details & call for feedback: groups.google.com/a/chromium.org…
@tobiasbu Just as a side note: in many cases you’d use `search` with `form`, which already has `display: block` per the user-agent stylesheet.
`new Intl.NumberFormat(‘en-US’, { notation:’compact’, compactDisplay:’long’}).format(1234567890)`
Blog post by @raymondcamden@mastodon.social: raymondcamden.com/2023/01/10/fol….
Interactive demo by @simevidas@mastodon.social: codepen.io/simevidas/pen/….
Safari Technology Preview 166 now supports the Regular Expression `v` flag: webkit.org/blog/13964/rel…. Why’s that nice? Because it now means intuitive emoji matching:
“`js
const ..toot.cafe/@tomayac/11007…Kh
🔍 There’s a new HTML tag called `<search>` that represents search semantics. This is good because it’s something that an ARIA landmark role exists for (`role=”search”`), but that today can only be expressed with ARIA. A dedicated ele..toot.cafe/@tomayac/11007…
@tkadlec Oh, sorry. It appeared in my RSS reader… I thought it was public as a consequence.
Health Benefits of Browser Diversity timkadlec.com/remembers/2023…, by @tkadlec@mastodon.social. Looking at desktop, this model seems to work.
👀 I just found the app “Microsoft Loop - Think, plan and create together”: loop.microsoft.com.
Among others, it uses these cool Project Fugu APIs:
👉 Async Clipboard (Images)
👉 Cache Storage
(via the 🐡 Project Fugu API Showcase: developer.chrome.com/fugu-showcase/…
hazreh This is slowly becoming my favorite place to find about web apps.
developer.chrome.com/fugu-showcase/
Photo editor Photopea (photopea.com) supports the Local Font Access API (developer.chrome.com/articles/local…) now. See what other Project Fugu 🐡 APIs it uses on top: developer.chrome.com/fugu-showcase/…. #ProjectFugu pic.twitter.com/ysYBV9BCYc
@stefanjudis @codepo8 Waaaay easier: lookscanned.io. Made possible (also) thanks to Project Fugu 🐡 APIs: developer.chrome.com/fugu-showcase/….
About Web Components: eisenbergeffect.medium.com/about-web-comp…. Insightful post by Rob Eisenberg on many of the aspects of Web Components, including debunks of common misconceptions.
(via @slightlyoff@toot.cafe)
I didn’t realize that there are official instructions for getting a full Firefox on a Chromebook: support.mozilla.org/en-US/kb/run-f…. This is notably not the Android version, but the regular Linux desktop Firefox 🦊.
@odbol @nathankurtyka @ChromiumDev @firt What happens user-visibly is nothing, and the Console shows an (undetectable) error:
`Failed to launch ‘web+some://protocol’ because the scheme does not have a registered handler.`
Demo: protocol-handler-link.glitch.me
@ericlawtextslashplain.com/2019/08/29/web…
The Compression Dictionary Transport proposal by @Yoav@mastodon.social looks nice: github.com/yoavweiss/comp…. The core idea is to use designated previous responses as an external dictionary for B..toot.cafe/@tomayac/11002…E5
The DMA Stakeholder Workshop on App Stores with @owa@mastodon.social is now on YouTube with full subtitles: youtu.be/S6oETjUprlQ.
As an occasional custom element author myself, I always love reading others’ writeups of how they approached a problem. Here’s a nice step-by-step walkthrough of a calendar custom element called `<kal-el>` by Mads Stoumann: https://c..
Some sweet tricks with `<slot>` in the Declarative Shadow DOM space:
👉 enamel.pages.dev (View source and check the various slots. The server randomizes the ordering of the sections.)
👉 https://how-to-crash-a-b… class=”link” href=”https://t.co/Uqfxt1ES9A” title=”https://toot.cafe/@tomayac/110015208507434544”>toot.cafe/@tomayac/11001…
@andrewingram @lcasdev Both really neat hacks!
@simevidas @AMPhtml Here’s the Chrome bug: bugs.chromium.org/p/chromium/iss….
@cheneytsai We can ask @espinr if he can share it.
Services and APIs available to MiniApps as per the model the Working Group wants to standardize in the W3C. I want to do a Project Fugu 🐡 gap analysis about this. pic.twitter.com/NKTi5XOYvJ
The app ecosystem as presented by Martín Álvarez-Espinar at the W3C Hispano jornada about Web technologies for the development of mobile apps in Gijón, Spain. The browser is a super app indeed. pic.twitter.com/n6R4TVHkQu
espinr Latest APIs for PWA by @tomayac at Web Standards for App Development workshop (W3C Spanish Chapter) pic.twitter.com/5cT0eeqdY6
@samuelgoto @DasSurma @jaffathecake @kosamari @agektmr I was indeed referring to the earlier `PasswordCredential`: developer.mozilla.org/en-US/docs/Web….
@samuelgoto @DasSurma @jaffathecake @kosamari @agektmr I haven’t seen that much Credential Management in the wild: developer.mozilla.org/en-US/docs/Web….
A long, tragic history of SQLite, the web, and @aboodman@hachyderm.io’s career: twitter.com/aboodman/statu… (Twitter thread).
2023: The official SQLite Wasm backed by the origin private file system becom..toot.cafe/@tomayac/10998…Qp
@aboodman 2023: The official SQLite Wasm backed by the origin private file system becomes universally usable on all three engines: developer.chrome.com/blog/sqlite-wa….
202x: Chrome finally deprecates Web SQL for good: developer.chrome.com/blog/deprecati….
This is an awesome th
stshank Lightning, live. Via Fugu web app showcase. developer.chrome.com/fugu-showcase/ 🐡 pic.twitter.com/vlaOQsFfwf
agektmr ネイティブアプリとの機能差を縮めるProject Fuguから、実際にそれらのウェブAPIを使ったサービスを紹介するページが公開されました // Project Fugu API Showcase
developer.chrome.com/fugu-showcase/
The Project Fugu 🐡 API Showcase got coverage in How-to Geek 🎉: Google now has a site showing off some of the best examples of modern web apps: howtogeek.com/877342/check-o….
“I..toot.cafe/@tomayac/10998…lg
tomayac 👀 I just found the app “Project Fugu API Showcase - Chrome Developers”: developer.chrome.com/fugu-showcase/.
Among others, it uses these cool Project Fugu APIs:
👉 Async Clipboard
👉 Cache Storage
(via the 🐡 Project Fugu API Showcase: developer.chrome.com/fugu-showcase/…)
ChromiumDev 👀 I just found the app “Project Fugu API Showcase - Chrome Developers”: developer.chrome.com/fugu-showcase/.
Among others, it uses these cool Project Fugu APIs:
👉 Async Clipboard
👉 Cache Storage
(via the 🐡 Project Fugu API Showcase: developer.chrome.com/fugu-showcase/…) pic.twitter.com/fwmsJFfjol
👀 I just found the app “Project Fugu API Showcase - Chrome Developers”: developer.chrome.com/fugu-showcase/.
Among others, it uses these cool Project Fugu APIs:
👉 Async Clipboard
👉 Cache Storage
(via the 🐡 Project Fugu API Showcase: developer.chrome.com/fugu-showcase/…
The Project Fugu 🐡 API Showcase has a new home: developer.chrome.com/blog/a-new-hom….
Of course the Project Fugu 🐡 API Showcase is contained in the Project Fugu 🐡 API Showcase. Did I mention that I love recursion?
@verekia developer.chrome.com/fugu-showcase/… Covered :-D
@verekia Yes, I browsed the site and loved it! Great content!
@verekia It’s a great collection of games, some of which in turn use Fugu APIs, so it was also just a great excuse to, you know, play them…
@elk_zone Thanks for the great app! I use it every day, and I am glad to spot some Fugu APIs!
elk_zone Thanks @tomayac for including @elk_zone on the newly redesigned Fugu Showcase page! 🧡
developer.chrome.com/fugu-showcase/
ChromiumDev The Project Fugu 🐡 API Showcase has a new home: developer.chrome.com/blog/a-new-hom….
Of course the Project Fugu 🐡 API Showcase is contained in the Project Fugu 🐡 API Showcase. Did we mention @tomayac loves recursion?
Currently watching the DMA Stakeholder Workshop on App Stores: webcast.ec.europa.eu/dma-stakeholde…. pic.twitter.com/h3fG6LTX2l
@RickByers @sangwhanmoon Where’s the 🎉🙄 ironic party popper emoji reaction button on Twitter? This is indeed going to be very interesting…
One of the apps in the Project Fugu 🐡 API Showcase is USpeaking (app link: uspeaking.netlify.app, showcase link: developer.chrome.com/fugu-showcase/…), and whenever I deploy a new version of the ..toot.cafe/@tomayac/10997…ef
@sangwhanmoon @RickByers iPad stopped identifying itself as such a while ago and just says it’s a desktop Safari. So one less to worry about. This was introduced with “desktop-class browsing”: webkit.org/blog/9674/new-…. Unsure what iPad Mini sends the
RReverser Cleaned up the UI & published my #WebBluetooth experiment: an intervalometer for Canon cameras. rreverser.github.io/eos-remote-web/
Try it out on desktop Chromium or on Android!
Based on the amazing reverse engineering work by @ids1024@fosstodon.org. pic.twitter.com/4GmRbv4f1f
@RReverser Oh, amazing! Please submit this to the Project Fugu 🐡 API Showcase: web.dev/fugu-showcase/. Thanks!
@henrylim96 I haven’t tried yet. ¯\_(ツ)_/¯
@RickByers Yeah, saw this bug. This is going to be interesting… 👀
There are official instructions for building Chromium for iOS: chromium.googlesource.com/chromium/src/+…. This is of course a very early prototype for now. Website owners: stop disabling features if there’s “iphone” in the user agent!
🔥 The box office for the #JSDayCAN2023 is already open 🔥 I’ll participate in the conference as speaker, so I hope to see you there 🙂 jsdaycanarias.com/tickets
I mostly YOLO my `fetch()`es since I don’t often write production-critical code, but if occasionally I do, it’s great to have articles that recall the basics of holding the `fetch()` API right: builder.io/blog/safe-data….