@simevidas Wow. Nice nineties hair spray ad reference you got there!
@svoisen Congratulations, Sean! 👨🎨👨💻
@Mysticle_ Yes, there is: `Save-Data` (developer.mozilla.org/en-US/docs/Web…, shipped in Chrome for a long time) and `Sec-CH-Metered-Connection` (tomayac.github.io/netinfo/#the-s…, implemented, but not yet shipped and still work in progress).
jaffathecake Delighted to see this 20k line change to the HTML spec land. This started a “a month or two” bit of work, and turned into years. I burned out on it a bunch —@domenicic &@domfarolinono are the ones that got the ideas into a landable state github.com/whatwg/html/co…Yu
Chrome 108 beta ships the 2nd User Preference Media Features Client Hints Header—`Sec-CH-Prefers-Reduced-Motion`. This allows servers at request time to find out whether to send potentially heavy animation code:developer.chrome.com/en/blog/chrome…Q. This follows `Se
@schweinepriestr @jonsneyers @quicksave2k I personally have zero background on this, sorry.
@Carlos445390878 @progfay See the orange note at the beginning of the article developer.chrome.com/docs/web-platf…. The feature was replaced with a different approach, links and details in the orange section.
Interesting to browse through the list of supporters (not the sponsors) on joinmastodon.org/sponsors. A fun mix of casinos, adult entertainment, VPNs, hosting companies, random businesses that seem to be there for the backlink, and the “actually serious a
@echofon By using a custom (paid, one-time) Twitter client, I don’t get any of the engagement stuff (grifters, hot takes, celebrities,…). My experience is free of ads—and always has been. The timeline curated by me is strictly chronological a@echofon
I joined before it was cool: Thomas Steiner (@tomayac@toot.cafe) - Toot Café toot.cafe/@tomayac. Have been cross-posting to there and responding, but to be honest not regularly reading my Mastodon timeline. No immediate plans on changing. ☕️ (I @echofon
@KevinLozandier Congratulations, Kevin! 🎉
Python tool from @Snowden’s tweet (⤵️) for scraping information from social networking sites: github.com/JustAnotherArc…. twitter.com/Snowden/status…
@tunetheweb @HTTPArchive @PerfNowConf Wow, never saw the paper copies side by side. Impressive to realize the growth in pages each year!
jaffathecake New version of SVGOMG!
➡️ Updated to SVGO 3.0, including new “remove out-of-bounds” paths feature.
➡️ New “transform precision” setting, allowing you to squeeze SVG even more!
➡️ Lots of behind-the-scenes improvements.
Thanks to @XhmikosR and SVGO devs!
jakearchibald.github.io/svgomg/
@danieldogeanu @SaraSoueidan Came here to say this. Gmail filters are incredibly powerful.
@rachelandrew Hope things go well! Break a leg!
@simevidas @jimniels @webkit If brittleness is a concern, you can tweak the various parts of the text fragment, specifically textStart & textEnd: web.dev/text-fragments…. The actual recommendation in the spec, though, is “that text snippets shorter than
@mrdoob Why is “Browser” not an option? 🤔
@Snugug Thanks for sharing your inspiring story. Impressed by your resting heart rate going down so much. That’s a lot less work for that organ to do.
@rauschma web.dev/file-handling/ 😊
You (probably) don’t need Electron.
A beginner’s guide to Chrome tracing, by Nolan Lawson: nolanlawson.com/2022/10/26/a-b…
govSlovenia Photo, used by the Russian Foreign Ministry in its Twitter post (twitter.com/mfa_russia/sta…) is an ARAO photo from 2010. pic.twitter.com/1f1DynuvFR
@wolframkriesing Look-up:
github.com/tomayac/local-…
Result format:
github.com/tomayac/local-…
Be sure to initialize properly with the right datasets:
github.com/tomayac/local-…
jimniels 📝 The scroll to text fragment feature landed in @webkit which got me interested in: why the `:~:` syntax? A friendly link from @tomayac provided some interesting backstory.
blog.jim-nielsen.com/2022/scroll-to…
@iamdtms This feature is purely concerned with keeping the screen on. It has nothing to do with CPU business.
@iamdtms This is so the screen doesn’t turn off in the middle of your turn.
The replies to @jensimmons’ tweet (⤵️) are an amazing source of Web apps that use Project Fugu 🐡 APIs.
I’ve been busy ½ morning updating the 🐡 Project Fugu API Showcase: developer.chrome.com/blog/fugu-show….
(Just a regular reminder that it’s open to submdocs.google.com/forms/d/e/1FAI…twitter.com/jensimmons/sta…
@mtomweb @jensimmons Wow, that’s amazing, and such a treasure trove of Project Fugu 🐡 APIs.
When our brains 🧠♟️ work the hardest, adding a Screen Wake Lock (web.dev/wake-lock/) 🚫💤 is such a no-brainer..lichess.orgOpic.twitter.com/6i33UiZbvMvM
@sreuter @edent @sil @questmateapp They have an Issue tracker and welcome feedback according to all my experiences: github.com/pwa-builder/PW….
@JohnMu @cyberandy @DataBytesAI I was honestly surprised that RDFa still leads. I’d have expected JSON-LD to have caught up by now… ¯\_(ツ)_/¯ Whatever works I guess.
@jensimmons The manifest URL usually remains stable, but you can make updates to the manifest contents. We’re still figuring out a way to update security-sensitive fields like the icons or the name. See the minutes from #w3cTPAC: w3.org/2022/09/12-web…@marcosc
HTTPArchive Structured Data, authored by @cyberandy and @DataBytesAI, gives up update on what’s changed since last year’s inaugural chapter on this subject:
almanac.httparchive.org/en/2022/struct…
@html5test Those no-value `style` attributes. 🤔
zachleat New Progressive Enhancement recipe demos dropped:
I built 7 📷 image comparison web components with 🛠@WebC_omponents to showcase different progressive enhancement strategies:
demo-webc-image-compare.netlify.app
Stick around for the functional before-JS demo using :has() + radio 😅
ChromiumDev If you’re working with the new Origin Private File System’s Access Handles API, there’s a potentially breaking change to watch out 👀 for.
It’s a change for the better that makes especially the @emscripten devs 😊 happy. @tomayac summarizes the update: developer.chrome.com/blog/sync-meth…
@jimniels 😊 Thanks for the kind words. See github.com/WICG/scroll-to… and then specifically github.com/WICG/scroll-to… for why `:~:` was chosen.
The Remote Control Killers Behind Russia’s Cruise Missile Strikes on Ukraine. Great investigative reporting by @bellingcat.
#StandWithUkraine 🇺🇦 bellingcat.com/news/uk-and-eu…
@dfabu @rowan_m @slightlylate @bramus @miketaylr Added to github.com/GoogleChrome/w….
@Vincent_Scheib Good implementer feedback, too. 👂
arduino New post on the Arduino Engineering blog! Read about Christian Sarnataro’s journey to adding Web Serial API support to the Arduino Cloud Editor. medium.com/arduino-engine…
@miketaylr (Typo: s/Chromium a user is one/Chromium a user is on)
@zcorpan @simevidas @miketaylr “In order to encourage sites to rely on equivalence classes based on Chromium versions rather than exact UA sniffing, Chrome might remove itself from the set entirely.”
So which is guaranteed to be always there & true? S
@peterfriese @_davideast Blue for the shirt, yellow for the site. 😊
jensimmons How about AVIF?
Safari 16.0 brought support for AVIF still images to iOS 16.
Safari 16.1 adds support for AVIF animated image sequences. Now both still and moving images saved in the AVIF format are supported on iOS 16, iPadOS 16, and macOS Ventura.
webkit.org/blog/13399/web…
Congratulations, @webkit, on the Safari 16.1 release with these (and more) features:
Web Push for macOS Ventura
Animated AVIF
Passkeys
Hover on iPadOS with Apple Pencil
Scroll to Text Fragment webkit.org/blog/13399/web…
gilberto_cocchi Take a look at how @YouTube optimized LCP according to their site needs. web.dev/better-youtube… #webperf #webvitals
patrickbrosset New blog post 🆕
🤔 Do you really understand CSS radial gradients?
I’ve wondered for years, and forced myself to write about it, which gave me a great excuse to learn.
Now I know! And I hope this article helps you too.
➡️ patrickbrosset.com/articles/2022-… pic.twitter.com/ZSMAR8gArc
@eva_trostlos @ThisDotLabs Congratulations, Eva! Just from looking at the portfolio, this seems like a super exciting challenge! All the best! 🥂 🎉
JavaScript decorators covered in-depth by @rauschma: 2ality.com/2022/10/javasc…. More than I need to know now, but this will also be super useful in the future for sure.
@steveruizok @MSEdgeDev You’re really great at naming things! (And much more, obviously.) Will be watching this space… 🖋️
@cjamcl @steveruizok @MSEdgeDev See the introduction paragraph of the spec: wicg.github.io/ink-enhancemen….
anslogen After 16 months of work I’m ready to share slowroads.io, my project to procedurally generate scenic landscapes, packaged as a chill driving game. Built with @threejs to run in your browser - no logins, no installs, just roads…
#threejs #procedural #webgl pic.twitter.com/ri9Xsypjmf
@wolframkriesing Thanks for using it! :-) It still receives contributions from the community, which I’m really happy about. If something feels wrong, check the open Issues, maybe there’s something…
@steveruizok The good folks from @MSEdgeDev are looking into this with their Ink API ✍️:
👉 Blog post: blogs.windows.com/msedgedev/2021…
👉 Draft spec: wicg.github.io/ink-enhancemen…
@kilianvalkhof @hankchizljaw @jh3yy @code All my links be like `<button role=link class=hyperlink>lol</button>`.
@rowan_m @slightlylate @bramus @miketaylr One question the article could answer is why have several possible values if everyone knows which is the actual one (or don’t we?). It’s sort of like sites learning about the Gmail feature of actual.email+what
hi__mayank 🚨 new css reset 🚨
i was copy pasting the same snippets across many projects so i decided to collect them in an installable package
you’ll notice some familiar rules from other resets as well as some new, opinionated ones that i came up with 👀
npmjs.com/@acab/reset.css pic.twitter.com/fIvVwcX4gB
brad_frost ✎ LET’S TALK ABOUT WEB COMPONENTS: bradfrost.com/blog/post/lets…
Web components are part of the web. They are good for the web. We should be rooting for them.
bramus @simevidas @mathias UPDATE: The extension got published! 🎉
chrome.google.com/webstore/detai… pic.twitter.com/wWHRj8lwvc
quicksave2k 🧞 Did you ever want to capture an HTML element as a video stream?
But only the target element and its descendant elements would be captured. Parent and sibling elements would not.
Check out proposal at github.com/WICG/proposals… and leave feedback! pic.twitter.com/uw4ZWuLu0t
@bramus @simevidas @mathias Shut up and take, erm, your salary. Can you ping me a link to the code so I can use it in developer mode _today_?
@kornelski @RReverser @andreasbovens “The advantage of reinventing the wheel is that you can get a round one.”—❓🤷
Active Desktop was a great idea had too soon I think. I remember trying it and be like “yeah, nice in theory to stay updated on
@ericlaw I ran into this yesterday, but it worked when I tried again.
aakansha1216 Masking the arrow/line area where the label is rendered in canvas turns out to be more tricky than SVG as expected 😀
Using “globalCompositeOperation” - to solve this.
developer.mozilla.org/en-US/docs/Web…
Here is a quick code example codesandbox.io/s/canvas-mask-… pic.twitter.com/7qUyagONXK
@claviska Great reminder!
You want to add the end tag for the content slot I think:
“`html
<div part=”content”>
<slot></slot>
</div>
“`
I spent more time than I want to admit to verify this in the spec: html.spec.whatwg.org/multipage/scri….
@patrickbrosset Can I get a sneak preview? Excited to see how the sausage is made.
@simevidas @jimniels Under this definition, photoshop.adobe.com is not a web app.
@Jack_Franklin @DasSurma Have you tried just using a better keyboard? Why hurt yourself?
@AdaRoseCannon @robertnyman I agree. Also the “keep checking this blog post for updates” part is hard to automate.
@AndreFvchs @pwabuilder Unfortunately this is your best alternative so far. With Trusted Web Activity, you can at least make the migration easily.
It’s a roll up on the sofa kind of day. At least for Skinny Norris. Like, erm, every day since we have that sofa.
🌀🐈🛋️ pic.twitter.com/ygyatW574H
jensimmons Hey look, Safari Technology Preview 156! With constructible and adoptable CSSStyleSheet objects. Smooth keyboard scrolling. Intl.DurationFormat. EncodedVideoChunk. import.meta.resolve(). importmaps. Clear-Site-Data HTTP header. Lots of fixes for Web API. And for Interop 2022. twitter.com/webkit/status/…
@paul_irish @slightlylate It’s not always exposed, depending on the level of access you have to the doc you can or can’t see it.
@Una It’s called OKRs. I have one, too. 😂
Browser Vendors Aim to Heal Developer Pain with #Interop2022, by @marypcbuk for The New Stack. thenewstack.io/browser-vendor…
@argyleink @Jack_Franklin You have the LTE version? Mine doesn’t last an entire day. (I have the LTE version and don’t have my screen set to always-on.)
@AndreFvchs @pwabuilder Notification Triggers as the feature is called officially has been halted for now, see the info in web.dev/notification-t…. It’s still implemented behind a flag for local testing.
AaronGustafson Very excited about this: In Edge Canary 108, under edge://flags, you can enable PWA-driven widgets for the Windows 11 Widget Dashboard, based on my proposed specification. pic.twitter.com/Eonz9WRdll
@patrickbrosset Starring a whole bunch of Chromium bugs and watching a ton of GitHub repos. Then Twitter and the articles my team puts out on web.dev and developer.chrome.com. Finally a well-curated list of RSS feeds in Feedly.
Remember my P0 bug I filed for @AMPhtml “AMP should respect ⚡️ apart from ⚡”; write-up here: blog.tomayac.com/2019/12/12/sam…? There’s now a way in CSS to say if you want the text or the emoji variant: `font-variant-emoji: emoji`: drafts.csswg.org/css-fonts/#fon…. Ho
@jimniels @sergiodxa It’s way too often a “this is why we can’t have nice things” situation, where every preference you expose adds more entropy and makes the user more identifiable. If sites don’t change behavior but only use the data for track
@claviska Congratulations, I’m very happy for you and the Shoelace project! 👏 All the best!
@sergiodxa @jimniels Yeah, client hints do that, and, for the first request problem, critical client hints (web.dev/user-preferenc…). See my proposal for a metered connection client hint: tomayac.github.io/netinfo/#the-s….
@henrylim96 Yeah, the @MozDevNet docs and the included examples as usual are excellent: developer.mozilla.org/en-US/docs/Web….
The top banner on their homepage “Остановите войну в Украине” means “Stop the war in Ukraine”. I only know them from Twitter, but I am sure they stand on the right side of history. pic.twitter.com/gEw3xBH2IT
@webstandards_rudeveloper.chrome.com/blog/is-projec…web-standards.ru/podcast/340/#0…web.dev/new-patterns-f…web-standards.ru/podcast/340/#0…#StandWithUkraine
@justynapolitans @sdk_deepa Me 7h ago 😊
twitter.com/tomayac/status…
kennethrohde Watch my talk at @PwaSummit !
It’s slightly rushed as we were behind schedule when it was my turn 😂 🐎
youtu.be/tOlApKqoo7Q
Always nice to get a community member’s view (here: @sdk_deepa’s) on the stuff you work on:
Chromium’s Project Fugu and its Capabilities: sdkdeepa.medium.com/chromiums-proj…
Project Fugu and Progressive Web Apps: link.medium.com/eVRYkKp0bub
Very strictly sticking to the “no cat on the new sofa” rule. pic.twitter.com/BzVHcs6F01
AmeliasBrain Did you know?
Large SVGs on slow networks load progressively: the browser may start drawing individual shapes before it downloads the full file. Or even (as in this case), draw only part of a truncated multi-shape complex path command.
(figure created by mucking in Dev Tools) twitter.com/jaffathecake/s… pic.twitter.com/88xov896uK
@yoavweiss @xeenon @RickByers @jcs @awesomekling I know @yoavweiss was trolling and so was I a bit; essentially just pointing people at the little-known fact Chromium is implementing the API (Microsoft actually). But here’s some actually interesting idegroups.google.com/a/chromium.org…
@thisislalaok ¡Enhorabuena, Laura! 😆
@rauschma Thanks so much for curating it from a regular reader! <3
@simevidas @JorgeCasar And it works on the live site! Thanks for the ping about the bug again, and thanks, @zachleat for the good nose for the source of the issue!
@simevidas @zachleat @JorgeCasar Adding @jecfish for the @ChromeDevTools suggestion.
@zachleat @simevidas @JorgeCasar (It should go live upon the next full hour.)
@zachleat @simevidas @JorgeCasar I hope github.com/tomayac/blogcc… fixes it. At least it works locally. Thanks for the bug report and the hint at a solution!
<3
@simevidas @JorgeCasar @zachleat’s now deleted tweet hinted at style insertion. Need to debug. Thanks for the pointer.
@simevidas @JorgeCasar What, that’s unexpected. It’s just CSS in theory: …cury-luxuriant-pediatrician.glitch.me.
I had the honor of being asked to contribute some lines to @JorgeCasar’s newsletter called Estandarte, written in Spanish (⤵️). Here’s the English version of my “Reflections about Project Fugu 🐡”: blog.tomayac.com/2022/10/14/ref….
twitter.com/JorgeCasar/sta…
JorgeCasar 🗞 Estandarte - Publicación #11 - Especial #projectFugu con la colaboración de Thomas Steiner (@tomayac), Developer Relations Engineer at @Google
newsletter.jorgecasar.com/archive/1266274
HTTPArchive The first new chapter is an update on where we are with Privacy on the web from @tomvangoethem and @nrllah.
An important topic for us all, so are we improving? Read on to find out:
almanac.httparchive.org/en/2022/privacy
The United Nations General Assembly overwhelmingly condemned Russia’s “attempted illegal annexation” of four partially occupied regions in Ukraine and called on all countries not to recognize the move. 👏
#StandWithUkraine 🇺🇦 #StopPutin 🛑 reuters.com/world/united-n…
@sil Slowly infecting the family; this is my daughter today:
Farmbound 12/10/2022: 355
🌱🌾🌿🌱
🌱🌾🚜🚜
🌾🔪🌾🌿
🌾🌱🔪🌱
kryogenix.org/farmbound
(I won’t embarrass myself and post my own score…)
jecfish Hot off Chrome Canary! 🔥 See which CSS props has no visual effects and understand why is that so. pic.twitter.com/mqScvjUdb4
@kennethrohde @matanbobi @ChromiumDev @robertnyman I think @rachelandrew is the best contact for feedback like this.
@edent @openbenches I don’t think it’s doable with this data source (Geonames).
jacobrossi Today we’re making 10 BIG announcements for the web in VR and the metaverse! 🧵
Catch them all in detail in this Connect session, which goes live in ~10min: fb.me/metaconnectweb…
@edent @openbenches Just dropping this here: github.com/tomayac/local-….
tomwarren Microsoft is partnering with Meta in to bring Teams, Windows, Office, and even Xbox Cloud Gaming to Quest VR headsets. It’s the biggest Microsoft and Meta partnership since the Facebook and Windows Phone integration a decade ago. Full details here: theverge.com/2022/10/11/233… pic.twitter.com/iuu9z9v2dw
jaffathecake 🎥 Did you know that animating from `transform: none` vs `transform: rotate(0)` can result in a really different animation?
Here’s me and @bramus with a deep-dive into how transform animations actually work – it’s more complicated than you think.youtube.com/watch?v=azoIMh…th
ChromiumDev We are creepin’ it real this October with scary good web dev content. 👻
Be on the lookout for web tips and tricks from the Chrome team. → goo.gle/3TicoKV
You’re in for a treat! #Chrometober 🎃 pic.twitter.com/JkNw7CesY4
🌱 Farmbound (kryogenix.org/farmbound/), or how I (@sil) built an app in 2022: kryogenix.org/days/2022/08/3….
@RGadellaa Not sure what of this is still @powerlanguish’s code, and what is NYT additions…
@dgrammatiko @webkit @jensimmons @chris_dumez “[D]o the strict minimum to make the API functional. This is needed to unblock the WPT testing of the screen orientation API since screen orientation locking requires being in fullscreen.”
I hope it’ll be use
Wow, looks like the Fullscreen API is coming to iOS. 👀 Thanks for the pointer! ⤵️ bugs.webkit.org/show_bug.cgi?i… twitter.com/dgrammatiko/st…
@Vincent_Scheib Really nice, added to the 🐡 Project Fugu API Showcase: developer.chrome.com/blog/fugu-show…. Also see twitter.com/tomayac/status… for a related find.
iPhone really really needs to finally support the Fullscreen API (fullscreen.spec.whatwg.org/#ref-for-dom-e…), too.
CC: @webkit @jensimmons @chris_dumez.
bugs.webkit.org/show_bug.cgi?i… pic.twitter.com/Fcs2Kx56B1
@chris_dumez Can’t wait, and this is why: twitter.com/tomayac/status….
@henrylim96 It’s a theme on all devices I own. Big fan of @iFixit making them available as part of their tear downs.
Took airconsole.com for a spin on my iPhone and then was greeted on the Lock Screen with a No Sleep video. Luckily there’s a better way, the Screen Wake Lock API (web.dev/wake-lock/), and @webkit is working on implementing it. 🎉 Projectpic.twitter.com/LgqiruWmoL
@RGadellaa Thanks, Roderick!
@RGadellaa This is the actual logic:
“`js
(-1 < navigator.userAgent.toLowerCase().indexOf(“firefox”)) && void 0 !== navigator.share && navigator.canShare && navigator.canShare(e)
“`
nytimes.com/games-assets/v…
🇩🇪 See some of you in Köln?! ⤵️ twitter.com/ct_webdev/stat…
@nhoizey @ChromiumDev Hmm, right. I don’t know then, maybe the infrastructure calculates hashes of all known inline scripts? Seems to be the case indeed:
web.dev/script-hash-li…
github.com/GoogleChrome/w…
github.com/GoogleChrome/w…
matanbobi Just found out about web.dev/patterns/ and I’m blown away by the simplicity and usability of this one.
Contains many copy-paste examples for stuff we do on a daily basis.
Great work @tomayac and @ChromiumDev!
@matanbobi @ChromiumDev Thanks for the kind words 😊. (Just noting that a lot of the patterns there are by other amazing people on the team.)
@nhoizey @ChromiumDev Right-click. View source. 😃 I fear we do.
@_zouhir I feel @quicksave2k and I are in this tweet 😃: web.dev/user-preferenc….
@justinfagnani Wow, impressive achievement! Congratulations, Justin and the whole lit-html team! 🎆
@diekus @Microsoft @LindsayKubasik @slightlylate Congratulations, you rock, and, as @slightlylate put it, you make Microsoft look good. 😊
DmytroKuleba No, Putin was not “provoked” to unleash missile terror by “Crimea Bridge”. Russia had been constantly hitting Ukraine with missiles before the bridge, too. Putin is desperate because of battlefield defeats and uses missile terror to try to change the pace of war in his favor 1/2
pepelsbey_dev New article! SVG sprites: old-school, modern, unknown, and forgotten. It’s time to revisit the old SVG sprites trick and dig out a few alternative methods from the SVG spec and Internet archives 🧐
pepelsbey.dev/articles/svg-s… pic.twitter.com/3wIEUYZrcR
@istinhere What did you make?
@PixelAmbacht They are, and stronger than ever. In 2013 they gave in and started using data processing machines to keep track of their members.
(Made up, but makes for a good story.)
HNTweets New Patterns for Apps: web.dev/new-patterns-f… Comments: news.ycombinator.com/item?id=331550…
Incredibly grateful to my co-authors and content & tech leads on the team for all the help in launching my latest project: New patterns for ✨ amazing ✨ apps! After some CSP issues that only showed up in prod but not in staging, I’m glad it’s out now. twitter.com/ChromiumDev/st…
@ChromiumDev The CSP issues should now all be fixed. 🎉 LOL, always fun: developer.mozilla.org/en-US/docs/Web…. pic.twitter.com/eZf0dLbL1z
@bivensdev @ChromiumDev Thanks for the kinds words! 😊
@ChromiumDev (We’re aware of Content Security Policy issues with some of the demos and working on a fix. Sorry for the inconvenience.)
ChromiumDev 📢 New patterns for amazing apps:
web.dev/new-patterns-f…
Dive into a ✨ fantastic ✨ collection of new patterns for amazing apps, curated by @tomayac, written by experts:
📋 Clipboard patterns
📂 File patterns
📱 Advanced app patterns
Happy reading!
@henrylim96 @lcamtuf @NSAGov @ChromiumDev Haha. Same! pic.twitter.com/dR103FneCp
lcamtuf If you want to learn a bit more info about the “infamous Google plasma globe exercise of 2012”, I jotted down some technical notes here:
lcamtuf.coredump.cx/plasma_globe.t… pic.twitter.com/043EqhGKYZ
@mrdoob Ah, wait. Just read the source code. This is not technically a polyfill of `<audio>`, but more a ponyfill of the `new Audio()` API in the shape of `WebAudio`. Neat.
Inside Mark Zuckerberg’s Metaverse Struggles: nytimes.com/2022/10/09/tec…. I still can’t try Horizon Worlds in my part of the world. ¯\_(ツ)_/¯
@KevinLozandier Thanks for being a role model to them! ✊🏿
@mrdoob Feature detection would boil down to user-agent sniffing I guess, since Safari of course supports `<audio>` per se.
@stubbornella @FluenteMe @simevidas Fully agree. The positioning will get a lot better with CSS Anchor Positioning (tabatkins.github.io/specs/css-anch…) spec’ed by @tabatkins, but I sure wish tooltips were built into HTML with proper accessibility baked in.
@rob_dodson @gauntface @Mustafa_x I’m sure @jaffathecake is trying to read your page right now in _that_ toilet stall that started it all. And failing. He’s playing the offline dino instead. I leave the rest up to your imagination.
@stubbornella @simevidas If all browser vendors agree to support them and if every single aspect of them can be styled, then a careful yes. I’d start with `<tooltip>`.
codepo8 Unless you’re in the mafia, your company isn’t your family
christianheilmann.com/2022/10/06/unl…
I always cringe when companies sell themselves as a family you join. You don’t - family is something you don’t choose and comes with its own baggage.
Really nice talk about Project Fugu 🐡 by @dark_mefody:
Recording: youtu.be/iC3fspqn3vA
Slides: mefody.github.io/talks/fugu-sta…
@diekus @alexey_rodionov @b1tr0t @alexainslie I just checked. It doesn’t. I saw this setting in your workshop, but it’s only in Edge Canary, not Chrome Canary.
@diekus @alexey_rodionov @b1tr0t @alexainslie Yes, both browsers show a subtle icon. For link handling, that’s currently an Edge setting: learn.microsoft.com/en-us/microsof…. I think this only handles links from within other apps (like from a chat app). It still al
@pwabuilder I think I have found an Issue with it: github.com/pwa-builder/PW…. Not sure about the (periodic) background sync and shortcut warnings. It doesn’t make sense for all apps.
@keet_io Coming to TestFlight? Can I haz beta?
I’m in between 2️⃣ and 3️⃣ at the moment, aiming for 3️⃣. Great wisdom from @jaffathecake ⤵️. twitter.com/jaffathecake/s…
A brilliant use case for the Battery Status API (github.com/w3c/battery/is…): Die With Me, “[t]he chat app you can only use when you have less than 5% battery”. ⤵️ twitter.com/bramus/status/…
Nice article by @patrickbrosset describing how PWAmp (microsoftedge.github.io/Demos/pwamp/) 🎶 was made and what Project Fugu 🐡 APIs it currently makes or could in the future make use of: patrickbrosset.com/articles/2022-….
firt 🔥PWAs on Chrome🔥
⚙️Service Worker won’t be a requirement anymore! Installability Criteria will change soon.
🦖There will be a default offline page if you don’t register a SW.
➡️107/108 will have richer install UI on desktop, following Android.
@tropicadri during #pwasummit22 pic.twitter.com/hEEZvV9l0s
@simevidas Wait. Both `inset-inline` and `inset-block` exist:
developer.mozilla.org/en-US/docs/Web…
developer.mozilla.org/en-US/docs/Web…
@agektmr @alexanderdanilo @dalmaer I had surprisingly no spam. Someone human who follows me even reached out via DM and offered me help in setting up that address for good and for free.
SaraSoueidan @kilianvalkhof @PaddleHQ Using placeholder without a label on the credit card field for example has the screen reader say “kisses kisses kisses kisses” (cz the placeholder is xxxx-xxxx-xxxx-xxxx) instead of “credit card number” 😅
OpenWebDocs New addition to the @htmlstandard: query user activation states
`navigator.userActivation.isActive` (for transient)
`navigator.userActivation.hasBeenActive` (for sticky)
See new UserActivation API docs on MDN: developer.mozilla.org/en-US/docs/Web…
…And back to my regular profile. Happy spooky October everyone 👻!
@alexanderdanilo @dalmaer @agektmr This was a fun stunt. I’m back to my regular profile now.
@marcosc Hope you recovered well. Meanwhile, I have gone back to normal.
@AlesandroOrtizR @blockpartyapp_ Thanks for the heads-up. I hope people will know me enough to not take this seriously and get me off their blocklist.
modernfrontends 💡 TALK HIGHLIGHT! “Fugu APIs at the example of the SVGcode app” by @tomayac - Developer Advocate at @Google
🎟️ modernfrontends.live
📆 Nov 15-16 (Workshops)
📆 Nov 17-18 (Conf)
🌍 London
#webdevelopment #webdev #webapps #apps pic.twitter.com/sgqAfzcXnm
@hi__mayank So thought I when I put it. 🌱🔥
@RubenVerborgh Here you go. ⬣ pic.twitter.com/yeQosUTRGM
@agektmr A spooky scary joke for sure…
@passle_ @ChromiumDev The problem was mostly uncertainty of future feasibility when it comes to Android. The use cases were very clear and well understood.
@passle_ @ChromiumDev Development has been put on hold, but the feature is technically still available behind a flag. Just tried it: notification-triggers.glitch.me.
@samthor @sergiomdgomes Haha, I mean so little to you as a person? 😂
@sergiomdgomes So far nothing happened. I didn’t win nor lose followers. I should prank people more often.
(Just to be sure: this is a Halloween joke.)
@Livid I have a sweet spot for IPFS.
@kennethrohde Oh, of course. Forgot about adding web3. Fixing now.
New bio. 🎃 pic.twitter.com/3eU1RzjjJe
@slightlylate This would be a nice desktop background image.
@diekus @kennethrohde I was there when it happened. History in the making! 😆
@estellevw This is brilliant! 👏
As the author of web.dev/pwas-on-oculus…, I will keep a close eye on this session metaconnect.com/en-us/program/… of Meta’s upcoming Connect event. 👀 twitter.com/jacobrossi/sta…
tomayac 👀 Asking for a friend: what upcoming (not past) conferences are you aware of that target @electronjs, @nw_js, @reactnative,… (frameworks for building desktop/mobile apps with Web technologies) developers? Thanks for any pointers!
@matiasfernandez Thanks for the kind words. I’m using it still myself, and while I haven’t maintained it much, it’s still working fine for me (some quota limitations in Sheets and the dreaded stuck in “Loading” bug apart).
👀 Asking for a friend: what upcoming (not past) conferences are you aware of that target @electronjs, @nw_js, @reactnative,… (frameworks for building desktop/mobile apps with Web technologies) developers? Thanks for any pointers!
PWA Summit, October 5–6. This is tomorrow! Mark your calendars 🗓️pwasummit.orgAq
ChromiumDev With now 55(!) Project Fugu 🐡 APIs shipped, you might ask:
🙋 Is Project Fugu done❓
The opposite is the case! Read @tomayac’s article to find out what’s keeping us busy now!
developer.chrome.com/blog/is-projec…
😍 I love this use case exploration for the Multi-Screen Window Placement API (web.dev/multi-screen-w…) by @html5test. Here’s the thread unrolled for your reading pleasure: threadreaderapp.com/thread/1577250…. Project Fugu 🐡 is all about enabling people move to twitter.com/html5test/stat…
@html5test Wow, great thread. I’ll ping it to Mike Wasserman, the engineer behind the feature. Depending on the Chrome version, some of the user gesture issues might have been solved. I let Mike chime in via email. For finding a window, could the service