Making the whole web better, one canvas at a time. @briankardell on the `OffscreenCanvas`. bkardell.com/blog/Offscreen…
jensimmons Frustrated by fighting the CSS Cascade? Annoyed by too much !important everywhere?
Cascade Layers will help. Try it out in Safari Technology Preview 133, out today. Turn it on in the Developer menu, under Experimental Features.
Oh, also a *ton* more CSS!
webkit.org/blog/11975/rel…
`BroadcastChannel` 👏 developer.mozilla.org/en-US/docs/Web… twitter.com/webkit/status/…
@davrous @slightlylate Happy birthday, David! Joyeux anniversaire, Alex! 🎂 It’s like Duolingo, but in a tweet.
brucel Set Safari free! brucelawson.co.uk/2021/set-safar… If Apple allowed Safari to actually compete, it would be better for web developers, businesses, consumers, and for the health of the web. Come on, Apple, set Safari free! #AppleBrowserBan
@nhoizey (That’s what I thought.) That being said, Youenn has just reopened the original bug to track the overall feature.
@nhoizey The new bug was opened by Youenn Fablet from Apple, so my hopes are high.
@nhoizey I don’t know, but since they opened a new bug, I decided to point mine at theirs. Would I have opened a new bug? No ¯\_(ツ)_/¯, but I also don’t work for Apple. Everyone subscribed to the earlier bug got emailed, so they can subscribe to t
New @webkit bug: Add support for `ServiceWorkerGlobalScope` push event handler-bugs.webkit.org/show_bug.cgi?i…f 👀
@freddyb Oh, sorry (not sorry), realized my GnuPG was outdated. Updated to v2.3.2 now.
–—BEGIN PGP SIGNATURE–—
Version: GnuPG v2.3.2 (GNU/Linux)
iFy0uwAntT0bE3xtRa5AfeCheCkthAtTh3reSabiGbl0ck0fjumBl3DCharaCTersAttH3b0ttom.xKcd.cOm/1181/
-
xkcd Two-Factor Security Key xkcd.com/2522 pic.twitter.com/t1DSJfIhLS
@TedMielczarek @DanShappir @rr_cook @googlechrome @webkit @ricmac @firefox That’s. Wild. Wow! Given that you went through this twice before, should you do it thrice (😇), getting the product onto actual devices may have become a little more approachab@altstoreio
webmaxru Slides for the “Native Web Apps” keynote I delivered today at @JavaScriptCon NYC edition:
- The most complete list (but still not full) of the features that make a #PWA feel like native
- Focused on App<->OS integrations
- Could work like a checklist
slides.com/webmax/nwa/
@patmeenan Rolled this out on blog.tomayac.com today. Probably completely over-engineered, but low-prio pre-loading my collect.js script seemed interesting.
ChromiumDev ✏️ Connect, create, learn — 100% virtually at#ChromeDevSummitt 2021.
Request an invite 👉goo.gle/cds2021Dpic.twitter.com/Y7dfyl7ATAA
@maudnals Nice, registered. ✅
@voxpelli FYI @Paul_Kinlan (see full thread)
ddprrt Quake in 13 KB of JavaScript
phoboslab.org/log/2021/09/q1…
Source: github.com/phoboslab/q1k3
@DanShappir @rr_cook @googlechrome @webkit @ricmac It was attempted twice for @firefox: twitter.com/TedMielczarek/…. Maybe @TedMielczarek remembers benchmarks that might have been ran back then?!
@yisibl See the green box at wicg.github.io/priority-hints….
@yisibl Possibly both. Imagine you have a technical blog post with the flow text set in Font A and the code samples in Font B. Both fonts should be preloaded, but since code samples come further down in a typical blog post, you can say Font B should be
🤷 Help the browser decide what’s important and what isn’t with Priority Hints: wicg.github.io/priority-hints/. The idea’s been around for a while, but there’s a new origin trial happening: developer.chrome.com/origintrials/#….
“`html
<link rel=modulepreload href=analyti
@hako584 It’s about expanding what the Web can do, see web.dev/fugu-status/. The code name “Project Fugu” 🐡 is a hat tip to the Simpsons episode “One Fish, Two Fish, Blowfish, Blue Fish” (en.wikipedia.org/wiki/One_Fish,…), since Fugu (APIs) can be a delicacy
Seemingly small thing, but the intent to ship below ⤵️ makes working with the clipboard 📋 a lot smoother, so you don’t need to write code like in my comment: bugs.webkit.org/show_bug.cgi?i…. Non-owner LGTM, please ship this yesterday. 😃 twitter.com/intenttoship/s…
@edent 😃 See?!
gisardo Announcing more steps to open the @MicrosoftStore on #Windows to all developers - including other stores and browsers. Welcome to our new partners. We look forward to continuing this journey with app developers. blogs.windows.com/windowsdevelop… pic.twitter.com/foYs0FpL4I
j9t 📝 Comparing Page Language Declaration Setups in Screen Readers:
One best practice in web dev is to declare the document language via the `lang` attribute, on the `html` start tag. That is not the only option. How setups are supported in screen readers.
meiert.com/en/blog/page-l…
css iOS Browser Choice css-tricks.com/ios-browser-ch…
“The Blink browser engine […] is [a] vital part of@googlechromeme on desktop, Android, and all other OSes apart from iOS. The version of Chrome that iOS users can download, which use@webkitit rather than Blink, pales in comparison.”@ricmacmathenewstack.io/apples-browser…
If you think native apps on iOS are any better than Web apps when it comes to #privacy due to Apple’s App Tracking Transparency (support.apple.com/en-us/HT212025), think twice: washingtonpost.com/technology/202…. Fingerprinting is an issue on Web and native apps alike.
@dannymoerkerke @simevidas @dalmaer No, this doesn’t work. You would have to leave the screen on all the time and not multitask away from the app. For example, I use Google Maps (the app) in my pocket on my bike, it encodes turns 🔀 as vibration pattern
@beriberikix @Paul_Kinlan @RReverser @reillyeon @HenrikJoreteg @DasSurma @slightlylate @Vincent_Scheib Folks interested in this scroll up from @reillyeon’s answer: twitter.com/reillyeon/stat…. It would be possible. Has it been tried or is something working
@Grtsche2 @Wahlleiter_Bund @argonerd “Sie [Die Linke] rutschte mit 4,9 Prozent unter die Fünfprozenthürde. Allerdings konnte sie drei ihrer zuletzt fünf Direktmandate verteidigen und damit laut Grundmandatsklausel entsprechend ihres Zweitstimmenergebtagesschau.de/inland/btw21/b…
@simevidas @samthor My past me said smart things. Hope the current me holds still up to its expectations 😂. On a more serious note: It’s funny how the same questions pop up over and over again in different contexts.
#BTW21—Forming a government will be tough, but happy about the historically best result for@Die_Gruenenn 🌻 so far:bundeswahlleiter.de/en/bundestagsw…X. Here’s an overview of the color-coded coalition options:dw.com/en/german-elec…A. No one even thinks of a co#FCKAFD
@TimvdLippe @dalmaer The first point makes it pretty clear: turn-by-turn navigation needs background geolocation, something that currently is a complete no-go on the Web. It’s tracked as Project Fugu 🐡 request bugs.chromium.org/p/chromium/iss….
tomayac #BTW21 Voted 🌻. And as the first voter 🥇 at the polling station 10602 at 8am sharp. This time my vote isn’t a secret, for the reasons outlined in my blog post: blog.tomayac.com/2021/09/13/pub…. 🇩🇪 Liebe wahlberechtigte Follower: Geht wählen, macht diese Wahl zur #Klimawahl! pic.twitter.com/7E98dSBLF5
#BTW21 Voted 🌻. And as the first voter 🥇 at the polling station 10602 at 8am sharp. This time my vote isn’t a secret, for the reasons outlined in my blog post: blog.tomayac.com/2021/09/13/pub…. 🇩🇪 Liebe wahlberechtigte Follower: Geht wählen, macht d#Klimawahlpic.twitter.com/7E98dSBLF5
@RyanEls4 @dandclark1 Maybe @DasSurma and @_developit and team have plans for adding this information (if support exists yet, I don’t actually know) to github.com/GoogleChromeLa….
@dgrammatiko @rauschma We have asked, but don’t know yet. See the Mozilla and the WebKit link in web.dev/user-preferenc….
@dgrammatiko @rauschma Yes. 😃
@rauschma There’s definitely potential for tooling support. The latter proposal is very interesting for high-performance sites: twitter.com/ChromiumDev/st….
domenic If you want to try out the app history API in production, from Chrome 96-99 (~November 16 through April 19) you will be able to!
We still have a number of features to spec and implement, but for many sites what we have should be enough to kick the tires and give feedback. twitter.com/intenttoship/s…
@kylealden @EdgeDevTools @MSEdgeDev Congratulations, Kyle! 🎈 Very exciting product and team!
FridayForFuture Wir wollen die gute Stimmung ja nicht zerstören – aber wir bestreiken heute DEINE Regierung, Olaftwitter.com/OlafScholz/sta…IR
@slightlylate Oh yes, absolutely. I’ll check it out after the weekend.
@j9t You might qualify for their open-source free access program. Talk to them, they’re nice folks.
@rauschma Neater trick: load it without going through a request hop enforced by `@import`: web.dev/prefers-color-…. Even neater trick: inline exclusively and exactly the required CSS: web.dev/user-preferenc….
github Need to add some ASCII art flow diagrams to your README or code comments?
YES → asciiflow.com (งツ)ว pic.twitter.com/34yjRProUY
@j9t Try assistivlabs.com. Really powerful service.
@kinu All the best for the next endeavor. Congratulations on the things you have achieved! 🎈
Part of the Global #ClimateStrike locally in Hamburg: fridaysforfuture.org/september24/. We’re many, and if we act now, we can prevent the worst from happening.
Wenn du in Deutschland lebst und wahlberechtigt bist, bitte geh wählen 🌻! Hilf mit, diese Wahl zur#Klimawahl#BTW21pic.twitter.com/xJRwc3C64I
@jaffathecake @booligoosh @DasSurma I volunteer. 🤚
@fgnass Overlooked the “connected to the device’s AP” part for the first response, so scrap the proxy part. The command line flag should work, though.
@denladeside Ah, sorry, processing in chronological order and didn’t see you looped @googledocs in already. Maybe let’s ask @GoogleWorkspace.
“How I Made a Self-Quoting Tweet” by Oisín Moran is right up my geekery alley. The tweet in question is twitter.com/quinetweet/sta…. Writeup: oisinmoran.com/quinetweet
@Rich_Harris “Mad scientist shit” makes me think of @Speakeasy_JS. @feross, @adamdbradley might be a super interesting guest for your show.
@denladeside I don’t know the answer, sorry. Maybe @googledocs does?!
adamdbradley Introducing Partytown 🎉
- Relocate third-party scripts into a web worker
- Synchronous main thread DOM ops from the worker
- Sandbox and isolate scripts, control DOM access
- React/Next.js or no framework at all
- Lazy loaded 6kb library
dev.to/adamdbradley/i…
@scottjehl Oh no, flashbacks to an IE bug that made me pull out all my hair: blog.tomayac.com/2006/06/23/dyn….
@fgnass Yeah, you need to route everything through a proxy I fear. If it’s an option, the `—unsafely-treat-insecure-origin-as-secure` command line flag might work for your use case: chromium.org/Home/chromium-….
Count me in. Taking part with the whole family locally here in Hamburg, Germany. 🌻⤵️ twitter.com/Die_Gruenen/st…
There’ve been a couple of articles on getting the benefits of TypeScript by using JSDoc. “Thanks JSDoc typings: all the benefits of TypeScript, with none of the drawbacks” is, I think, so far the most comprehensive one. 👏 gils-blog.tayar.org/posts/jsdoc-ty…
@dannymoerkerke @slightlylate @jaffathecake This is pretty similar to the @workboxjs solution: github.com/GoogleChrome/w…. It only enters the manual code path when the original response doesn’t contain a 206 status code. @jeffposnick can probably give you
@JohnMu @sundarpichai Yeah, the numbers don’t really add up. It was 20% in _new_ office locations, so relocated to a new place, but they would be part of the 60% then. Anyways, I just quoted what we can publicly share because Sundar wrote it down. 😃
@OpenHypervideo @OpenParlTV Quick feedback:
- Can this be a PWA? Adding a manifest (web.dev/add-manifest/) and a baseline service worker (web.dev/offline-fallba…) should do the trick.
- Time period filter: Can the ticks be clickable and get a date tool
Wow, Open Parliament TV is an incredibly(!) powerful tool for searching speeches held in the 🇩🇪 German @Bundestag. For example, here’s what all parties had to say this year about exiting coal energy: de.openparliament.tv/search?q=kohle…. (Aside: I vote 🌻 blog.tomayac.com/2021/09/13/pub…#FCKAFDtwitter.com/OpenHypervideo…pic.twitter.com/cdfzGLJkB1
@steveruizok @tldraw Nice, I was missing this while it was gone. (Now wondering: What happened to file opening and saving?)
webmaxru Introducing 🎵BPM Techno - a free online real-time beats-per-minute counter for the 🎧DJs:
- Browser-based, works on desktops & mobile
- Client-side processing, no audio sent to server
- #PWA: offline-first, installable
- Built w/ @AzureStaticApps
- OSS
bpmtech.no pic.twitter.com/phW9UDxeiN
“[T]hese changes will result in a workforce where around 60% of Googlers are coming together in the office a few days a week, another 20% are working in new office locations, and 20% are working from home.”-@sundarpichaii
I’m part of the latter 20% now.blog.google/inside-google/…
If you are on YouTube Premium (I am, since it also gives the whole family access to YouTube Music apart from no ads videos), head to youtube.com/new on a Chromium-based desktop browser and toggle the “Download videos from your browser” experimpic.twitter.com/DpnhaLq2kd
@TheRealNooshu Wishing you good recovery. Great to hear you’re back home. Excited to read the writeup if you want to share it once it’s done.
@hochsays @cwilso @kosamari @DasSurma @jernoble It works fine on iOS 15.1 beta 1. You need to toggle mute to off. Web Audio is now supported by default.
ChromiumDev Chrome 94 is rolling out now! The default color space for <canvas> is now formally defined, and you can change it. There’s a new, low level way to access built in media components. WebGPU starts its origin trial. And more! @petele has the details at developer.chrome.com/blog/new-in-ch…
PwaSummit We’re currently at 850 registered attendees! We’re two weeks away; can y’all help us get to 1000 registrations? Help spread the PWA love!
The conference is free and will be live-streamed online! Register now!
pwasummit.org/register/
@Cambridgeport90 @voxpelli I believe it’s either scraped content or from an RSS feed. I doubt that The Register allow it.
@voxpelli I just wonder why sites don’t ask for content take-down. From the Webmention side it just seems pingback indeed. I think live with it, or create a local blocklist.
There’s a shady network of sites that re-publish other sites. An article on my blog was linked in theregister.com/2021/09/22/goo…, and now I get spam Webmentions like blog.tomayac.com/2019/12/09/ins… for all the sites that (illegitimately?) republish @TheRegister. What to
An interesting academic study of In-App Browsers (IABs) on Android and iOS and how they deal with security issues of pages: daoyuan14.github.io/papers/RAID21_… [PDF]. No surprise that IABs based on Chrome Custom Tabs and `SFSafariViewController` performed best.
buildWithLit The Lit team is proud to announce the stable release of Lit 2.0!
We would like to thank the Lit & web communities for all the feedback and support which continue to make Lit a reality!
Learn all about the Lit 2.0 release here:
lit.dev/blog/2021-09-2…
@miketaylr Best. Illustration. Ever. 💯👌
@simevidas @webkit Well aware. In this case, though, I’m interested in zooming in and out on a part of the app only, similar to jakearchibald.github.io/svgomg/. (Click demo and then zoom in and out on the 🚗.)
@danburzo @webkit Yeah, I came across this article and it’s great research, but it requires using non-standards features and the amount of code (github.com/danburzo/ok-zo…) it requires to get something basic-ish like pinch-to-zoom working is disheartening.
Detecting pinch-to-zoom in a standards-based way is more complex than it should be in @webkit Safari—unless I am missing something essential (in this case thanks for pointers):bugs.webkit.org/show_bug.cgi?i…7.
How I Learnt To Stop Worrying And Love Animating The Box Model, by @samthor: whistlr.info/2021/box-model…. 🪗
joegaffey WebHID DualShock 4 in action!
youtube.com/watch?v=XZfjJ_…
webhid-ds4.glitch.me
Web Inspector for iOS ⤵️ isn’t bad. It’s similar to Eruda (github.com/liriliri/eruda) and probably based on it, but more nicely integrated thanks to the extension APIs. The only way to see network requests that have happened before the extension wastwitter.com/zhenyitan/stat…
Listening to Robert Habeck from @Die_Gruenen. Voting 🌻 at #BTW21 means voting for the political party in Germany that takes the climate crisis seriously and that has honest—albeit maybe uncomfortable—answers to the biggest challenge of our times. Iblog.tomayac.com/2021/09/13/pub…pic.twitter.com/M3cEvjOfYg
@_devtoolstips Thank you very much <3. Subscriber number zero.
@jeffposnick @slightlylate @hillbrad I learned enough SOAP during my first ever internship mid-university that they employed me as a temp during my last two remaining years of my studies and, after another internship for my final year project, offered me
@Paul_Kinlan Wow, wholehearted congratulations, Paul and Serene! Enjoy the day! 👰♀️🤵♂️
shadeed9 ✍️ New Article: CSS Container Query Units
I wrote an article explaining how the new CSS query units work, where and why we can use them, along some examples and use cases. Happy reading!
🔗 ishadeed.com/article/contai… pic.twitter.com/LF3bRexGMw
sw12 Find and fix common form problems:
chrome.google.com/webstore/detai…
@slightlylate @Paul_Kinlan @blackrabbit I had to re-check how I do A2HS detection in 🕵️ PWA Feature Detector, but I’m pretty sure I’m doing it right: github.com/tomayac/pwa-fe…. This means it supports the event, but doesn’t fire it, and that’s,
@slightlylate @Paul_Kinlan @blackrabbit Wait, it uses 1:1 the same user agent than the actual Chrome browser? That’s not great. User agent sniffing isn’t great either to be fair, but this ain’t Chrome and should not pretend it is.
@ldenoue Not yet, but this might be possible with pickling: chromestatus.com/feature/564955…. From there, you can also find the Chromium tracking bug to star ⭐️, so you’ll be notified of progress.
ChowJS: an ahead-of-time (closed-source) JavaScript engine for game consoles: mp2.dk/techblog/techb…
@mathias @MozDevNet Ah, makes a lot of sense. Thanks for the additional background. The original post mentions it indirectly: “`AggregateError` would be really useful in a `Promise.any` situation”. Good to know it was actually developed as a part of t
#TIL about `AggregateError`: davidwalsh.name/aggregateerror. Some more info on @MozDevNet: developer.mozilla.org/en-US/docs/Web….
Analyzing the Wikipedia clickstream just got easier with WikiNav: techblog.wikimedia.org/2021/09/17/ana…. WikiNav is an incredibly fun tool to explore the Wikipedia click stream graph. Example: wikinav.toolforge.org/?language=en&t….
@meabed @dannymoerkerke It works wherever the File System Access API works: web.dev/file-system-ac…. Try it on desktop Chromium-based browsers like Edge or Chrome.
dannymoerkerke I created a file tree Web Component that gives access the the file system of the user’s device through the File System Access API.
This API enables your site or PWA to open and save files on the user’s device.
Check out the demo:
dannymoerkerke.github.io/file-tree
🚨 “Unless wealthy nations commit to tackling emissions now, the world is on a ‘catastrophic pathway’ to 2.7 degrees of heating by the end of the century”-@UNN Secretary General@antonioguterress innews.un.org/en/story/2021/…1. We need to act now. Vtwitter.com/tomayac/status…#btw21
@briankardell And likewise. I wish we’d meet everyone at @webdirections in person.
@Th3S4mur41 @argyleink @jensimmons It was removed from HTML, but there is discussion around re-introducing it: github.com/whatwg/html/is….
@gabfiocchi @gruber @mtomweb @Dman228 @chrismlacy @gte @benthompson It’s not supported (yet).
@JecelynYeen @samthor Haha, that’s not too far off. Thank you! For the actual German pronunciation, check out `who/tsteiner` on the intranet. It’s more like “Shteiner”. pic.twitter.com/zUxniyYl9n
@taybenlor Oh, thanks for the kind words, Ben! 😊 I have not seen the final cut myself yet, the APAC run would have happened between 3–7am local time, but I’ll be there for the EMEA and probably the AMERICAS run.
chris_dumez BroadcastChannel & Cross-Origin-Opener-Policy / Cross-Origin-Embedder-Policy headers are now supported on WebKit trunk. SharedArrayBuffer is back!
@khmyznikov Oh, interesting! Any link I could check out!
ackriv Early Hints is multitasking for the Internet. It improves speed to brain-breaking pace. See for yourself in the beta! blog.cloudflare.com/early-hints/
brucel The most inspiring Apple Event announcement brucelawson.co.uk/2021/most-insp…
steveruizok 🚀 Just pushed a 1.0.0 for perfect-freehand. This version includes changes to how “thinning” works, hence the major version. It also fixes a few obscure bugs and adds more tests. Bundle size is still steady at 1.8kb. github.com/steveruizok/pe…
katiehempenius Web Vitals Patterns:
web.dev/patterns/web-v…
See how to implement common UX patterns in a way that is Core Web Vitals friendly. Includes carousels, banners, infinite scroll, & more.
@diekus I built a fun demo app that you can play with, let’s see if there’s at least a thing or two you don’t know yet in the talk. Likewise looking forward to your charla!
tomayac @gruber @mtomweb @Dman228 @chrismlacy @gte @benthompson Insert “That’s just like, your opinion, man” meme here 👉……
For everyone else working on creating app-like experiences on the Web, here’s my list of tips for doing web.dev/app-like-pwas/rKZN.
@gruber @mtomweb @Dman228 @chrismlacy @gte @benthompson Insert “That’s just like, your opinion, man” meme here 👉……
For everyone else working on creating app-like experiences on the Web, here’s my list of tips for doing web.dev/app-like-pwas/
ChromiumDev Thanks to Web NFC, sport organizers can easily scan NFC tags for confirming athletes into a division during marshalling, and recording places in racing sports.
See web.dev/nfc for developer documentation twitter.com/nano_freire/st…
@slightlylate Maybe Google Chrome (apps.apple.com/us/app/google-…) and Microsoft Edge (apps.apple.com/us/app/microso…) could fix it with their joint market power… 💪 But meanwhile it’s all sunshine and sparkles on the App Storeapps.apple.com/us/story/id154…A5.
@jordaust @Justinwillis96 Do let me know when you play with this. I ran in a size underreporting issue with the GBoard keyboard (bugs.chromium.org/p/chromium/iss…—I think it’s Chromium org. visible only, but see the screenshot below).pic.twitter.com/EYelfJu6ITT
@mrdoob @KevinPicchi @SKGbopp Good luck with that. I hear it’s sold out everywhere. But yeah, a good excuse for sure. 😆
@mrdoob @KevinPicchi @SKGbopp I wonder if something like a virtual ping pong game would be feasible? The latency seems good enough, at least on my M1 MacBook. (Yes, definitely living in a privileged work device bubble.)
@mrdoob @KevinPicchi @SKGbopp Hehe, I wasn’t implying that. Just saying it doesn’t drift on mine. Did you calibrate yours on a Switch? I remember it _did_ drift earlier, but not anymore (and I did calibrate mine some weeks ago).
@mrdoob @KevinPicchi @SKGbopp It may be your Joy-Cons. There’s no drift with mine.
tomayac @KevinPicchi @SKGbopp Check out @mrdoob’s demo mrdoob-sandbox.glitch.me/webhid-sandbox… that is built on top of Joy-Con #WebHID. It’s buttery-smooth! pic.twitter.com/NXwBy0eWmp
@KevinPicchi @SKGbopp Check out @mrdoob’s demo mrdoob-sandbox.glitch.me/webhid-sandbox… that is built on top of Joy-Con #WebHID. It’s buttery-smooth! pic.twitter.com/NXwBy0eWmp
Justinwillis96 Yall, the VirtualKeyboard API web.dev/virtualkeyboar… is EPIC for improving the tablet experience of your PWAs. It’s the small UX things like this that can really make your PWA a great app. Here I am using the CSS env variables it exposes to show my controls above the keyboard pic.twitter.com/u8pubSrhov
bramusblog The Future of CSS: Cascade Layers (CSS @layer)
🔗 bram.us/2021/09/15/the…
🏷 #cascade #css #layers #specificity pic.twitter.com/P0bf4nY8e1
@MarcoInEnglish Now I want to try apps.apple.com/de/app/super-l…. 😆
@Jack_Franklin @kritisapra_ @ChromeDevTools Makes sense. Good to know the eventual goal is on the horizon, but yeah, tooling needs to still catch up. Thanks for the replies!
@MarcoInEnglish Oh, absolutely. Would happily read a potential write-up of what this new sensor enables you to do… 🧑🦯
DaleCurtis Ever wondered how video rendering works in Chromium? If so, check out this blog post I wrote about our evolution over the last few years: developer.chrome.com/blog/videong/
@cramforce @seldo I had to toggle off `prefers-reduced-motion: reduce` (web.dev/prefers-reduce…) to see the problem. Great that Apple respect this user preference, not so great performance goes down once motion is accepted.
@MarcoInEnglish Can’t really justify the switch, staying on my 11 Pro Max: apple.com/iphone/compare….
Following a recent deprecation attempt of cross-origin iframe JS dialogs like `alert()` (groups.google.com/a/chromium.org…) that caught many developers off-guard, Chrome is looking for feedback on ways this could be prevented from happening a next time: ⤵️. twitter.com/tropicadri/sta…
@ehsanakhgari @smfr I get that the initial scrolling down first-time rendering would be slow, but the scrolling-up rendering complete stop at the 20s mark seems weird. I don’t fully understand rendering nor Mighty, but are you saying it is not a video s
awwbees hello friends! I am happy to announce that after 10 years of development, my project bespoke synth is finally ready for its full 1.0.0 release on mac, windows, and linux. you can get it for free at bespokesynth.com pic.twitter.com/3WwTvn4N0h
Signed Exchanges (SXG, web.dev/signed-exchang…) support is coming to the Cloudflare CDN as a one-click solution: blog.cloudflare.com/automatic-sign…. On browsers that don’t support SXG it just “falls back” to regular CDN delivery. twitter.com/JohnMu/status/…
@domenic @zkat__ Wow, chased this back to github.com/npm/npm/issues….
@FredKSchott @FredKSchott #TIL about the scrappy beginnings of @snowpackjs. Thanks for documenting this!
@ChromeDevTools @kritisapra_ Great blog post, thanks for the detailed run-through. Now that CSS import assertions (web.dev/css-module-scr…) are a thing, any plans to switch to those?
ChromiumDev 📆 Milestone dates and origin trial available from M95—so you can prepare for Chrome’s reduced user-agent! You need to take action if you use user-agent for:
📱 device
🔢 full browser version
🪟 OS version
All the details ⤵️blog.chromium.org/2021/09/user-a…9developer.chrome.com/blog/user-agen…G
@passle_ So good indeed that I added it to the footer of each of my blog posts: blog.tomayac.com/2019/09/29/the….
@sarah_edo Congratulations, Sarah, and welcome to Google! 🎈 Great to have you on the extended team Web here!
Love this cool interactive tutorial by @JoshWComeau on creating beautiful shadows. Especially note the GPU acceleration for the `drop-shadow()` function and the core difference to the `drop-shadow` property: developer.mozilla.org/en-US/docs/Web…. twitter.com/JoshWComeau/st…
css We normally think of gradients as having smooth or hard color stops, but @jimmmy shows how cool “grainy” gradients look. css-tricks.com/grainy-gradien…
bramusblog Prevent items from being hidden underneath the Virtual Keyboard by means of the VirtualKeyboard API
🔗 bram.us/2021/09/13/pre…
🏷 #css #viewport #VirtualKeyboard pic.twitter.com/2V6mwiDnVe
@soMelanieSaid @Netlify Congratulations, Melanie! 🎈 Sounds like you’re in great company there. Enjoy the new role!
@bramus @mazedlx The red input behaves correctly, the green input doesn’t. It’s a little shaky, since the listeners aren’t denounced.
@cramforce @jeffposnick I added a glossary to my Perf:
I led* the project that saved Google three data centers.
*) led = “let elders drive”
tomayac 📢 It’s uncomfortable and I hesitated a lot, but I think it’s the right thing™ to do now: Public statement of support for @ABaerbock and @Die_Gruenen for #BTW21. New blog post: blog.tomayac.com/2021/09/13/pub…. 🌻
@SNimcevic It’s not primarily about cars or recycling; it’s about renewable energy, a sustainable lifestyle individually and as a society, and much more.
📢 It’s uncomfortable and I hesitated a lot, but I think it’s the right thing™ to do now: Public statement of support for @ABaerbock and @Die_Gruenen for #BTW21. New blog post: blog.tomayac.com/2021/09/13/pub…. 🌻
@ChromiumDev Update: @alexey_rodionov has let me know that dark mode aware SVG icons now even works for app shortcut icons. See the newly amended part of the post: blog.tomayac.com/2021/07/21/dar….
@samthor @Bundestag @ABaerbock @Die_Gruenen The New York Times article reflects the current situation quite well: nytimes.com/2021/09/07/wor…. It’s one of the most important elections ever, which is why I took the uncomfortable step of going public with my
tomayac I tend to stick to tech content on Twitter, but the upcoming elections for the German @Bundestag 🇩🇪 are too decisive for this country’s future to remain silent about, so here’s my public statement of support for @ABaerbock and 🌻 @Die_Gruenen for #BTW21! Vote for the #climate! twitter.com/Die_Gruenen/st…
@Bundestag @ABaerbock @Die_Gruenen The quoted tweet says: “Our children, our grandchildren shouldn’t have to ask us: Why didn’t you do anything? But: How did you do it?”-@ABaerbockk#BTW211 🌻
I tend to stick to tech content on Twitter, but the upcoming elections for the German @Bundestag 🇩🇪 are too decisive for this country’s future to remain silent about, so here’s my public statement of support for @ABaerbock and 🌻 @Die_Gruenen #BTW21#climatetwitter.com/Die_Gruenen/st…
@TheRealNooshu Wishing you a speedy and full recovery! Science (medical and in general) is indeed awesome! You look very relieved now that Gary is gone.
I usually write “fuck” as “fsck”, but I do make an exception when it comes to cancer: FUCK can
@DasSurma @_developit @GNUmanth @remarkablepaper Whatever works. The analog gap… 😂 Thanks in advance!
@_developit @GNUmanth @DasSurma @remarkablepaper Could I ask you for a screenshot of a color PDF? Like a typical magazine kind of page.
@samthor Who’s Greg?
@ArleyM Keep questioning! Too many sites want access to device sensors without having any justification.
@cramforce @DasSurma I recall a fight with a ticket inspector who insisted scanning the screen didn’t work for _technical_ reasons. After several minutes I finally convinced him to just try it—of course it worked. Luckily these days are over, now you
gordonbrander Why did the web take over desktop and not mobile? My attempt to answer @Altimor’s question. subconscious.substack.com/p/why-did-the-…
Apple @webkit folks are looking for use cases for `SharedWorker` that Safari currently doesn’t support (yet?). See the quoted tweet by @jensimmons ⤵️ for details.
(In case you’re unsure what they are about, the HTML spec has a good introduction: html.spec.whatwg.org/multipage/work…twitter.com/jensimmons/sta…
@Nyr0 Already did: bugs.chromium.org/p/chromium/iss….
@Nyr0 According to bugs.chromium.org/p/chromium/iss… it’s not initially supported on Android. Feature detection (`’EyeDropper’ in window`) should fail.
Love how @MSEdgeDev innovate when it comes to the install prompt! 👏 See the screenshot in the quoted tweet ⤵️ for details. Pin to taskbar, autostart on login,… They really dig PWAstwitter.com/AnaestheticsAp…6b
@jonathanmayer @propublica @yaelwrites They fixed it: “We’ve altered language in the story to make clear that the company examines only messages from threads that have been reported by users as possibly abusive. It does not break end-to-end encryption
@simevidas @miketaylr From a DevRel perspective, we try to show the paper trail of outreach to other vendors we left. A concrete sample is web.dev/user-preferenc…, which links to lists.webkit.org/pipermail/webk… & github.com/mozilla/standa…. This paper trail doesn’
If you were wondering what the @openuicg work is all about, be sure to watch this video (quoted tweet ⤵️) with @soMelanieSaid and @gregwhitworth. I’m very excited 😆 about this effort and can’t wait to see all of it land in browsers. twitter.com/CSS__Cafe/stat…
@_zouhir @ChromiumDev @slightlylate We can make it happen. Also, thanks for the kind words! 😊 Good to read that someone out there likes my writing!
ChromiumDev Do you know your 🛑 `stopPropagation()` from your `stopImmediatePropagation()`? And what’s up with all this bubbling?
Learn everything about event propagation in Stephen Stchur’s JavaScript Eventing Deep Dive 🤿!
web.dev/eventing-deepd…
ChromiumDev 📢 Full control with the VirtualKeyboard API:
👉 web.dev/virtualkeyboar…
Check out @tomayac’s latest article to learn how to manage yourself how the browser deals with content occlusion when a touch device’s virtual keyboard ⌨️ appears.
@littledan Congratulations, Dan! 🎈 Sounds like super interesting challenges ahead in a company that values the Web. Also thanks for all the work you did for the platform at Igalia!
stevefaulkner 😍🆕 #HTML focusgroup attribute proposal from @TravisLeithead & @MSEdgeDev
“can then be used (without any JavaScript) to easily supply platform-provided focus group navigation into custom-authored controls in a standardized and predictable way for users.”
github.com/MicrosoftEdge/…
@TheRealNooshu All the best, Matt! Crossing all fingers I have, knocking on every wood that I find… Thinking of you.
@AnaestheticsApp It’s currently “Under Consideration”: fugu-tracker.web.app/#:~:text=PDF%2….
argyleink 🆕 GUI Challenge
Thinking on a split-button component
Try it
gui-challenges.web.app/split-buttons/…
Watch it
youtube.com/watch?v=Qcpru-…
I blogged it
web.dev/building-a-spl…
Moar #GUIchallenges
youtube.com/playlist?list=…
[video alt]
visual tour of the component’s themes and keyboard accessibility pic.twitter.com/4kdLoLhF97
@ArleyM The embedded video may not need it, yet a next video may, but the values of the `allow` attribute can’t be switched dynamically. If you remove it as an embedder, be sure to disable follow up videos being shown to be 100% safe not to break the expe
@ArleyM This is for AR/VR stuff. As an embedder, just remove it from the embed code’s `allow`:
<iframe width=”…” height=”…” src=”…” title=”…” frameborder=”0” allow=”accelerometer; autoplay; clipboard-write; encrypted-media; gyroscope; picture-in-
@mnc @ChromiumDev @quicksave2k The setting itself may be a staged roll-out. Actually right now I even saw the option without the need for logging in (which wasn’t the case before). There may be different experiments in play. Try logging out and logging in
@AdnaneBelmadiaf Oh, I see. We have some building blocks for this in the works, like URL Protocol Handler (web.dev/url-protocol-h…) and Launch Handler (github.com/WICG/sw-launch…), but it’s not fully ready yet. Feel free to chime in on the GitHub Issues or c
ChromiumDev @tomayac @quicksave2k You can opt in your Google account (you need to be logged in) to dark mode on google.com by going to “Settings > Dark theme (off)” and toggling it to “on”. 🌒 pic.twitter.com/VNuLb1gQgr
ChromiumDev 🤫 Psst, some of you have noticed a staged roll-out of dark mode for Google Search (twitter.com/search?q=googl…).
🌒➕💙❤️💛💙💚❤️
It’s powered by the `Sec-CH-Prefers-Color-Scheme` header you may remember from @tomayac’s and @quicksave2k’s earlier tweets…twitter.com/ChromiumDev/st…bpic.twitter.com/5wXxUmn0S6S6
LeonieWatson I’ll be talking about conversational interfaces in the browser at @webdirections #Code21 on 24 Sep:
webdirections.org/code/
20% off if you use code “leoniesentme”, and you also get to hear talks by @briankardell @AdaRoseCannon @slightlylate @tomayac @NingxinHu & others
@_devtoolstips Brilliant, thanks so much! Subscribed to the Issue.
@AdnaneBelmadiaf Not sure if this is a rhetorical question or not. You have essentially included the answer in the tweet. Let ne know if I missed something.
Spook.js: Attacking Google Chrome’s Strict Site Isolation via Speculative Execution and Type Confusion: therecord.media/new-cpu-side-c…. As a first mitigation step, site isolation now also applies to extensions: security.googleblog.com/2021/07/protec….
@_devtoolstips Would you consider adding an RSS feed to the site?
@malchata Happy to have you both on board! Welcome, Jeremy and congratulations! 🎈
thisislalaok After holidays and some time off from social media (which I recommend to everyone!) it was great to go back on virtual stage.
Here my chat about foldables, thanks @gdgtechsessions for the invite!!
youtube.com/watch?v=OSS3Wn…