On Browser-Specific URL Schemes: css-tricks.com/on-browser-spe…. Firefox is apparently thinking of implementing the `microsoft-edge:` protocol handler: bugzilla.mozilla.org/show_bug.cgi?i…. Ouch. 😣
SimmerVigor At #SotB2021, @slightlylate says Facebook Mobile Browser might be the most popular browser you never heard of.
Ranked #8 of Top Browser Versions Worldwide (Last 7 days) via @CloudflareRadar radar.cloudflare.com/share/top-brow… #
@felixarntz Congratulations, Felix! 🎈
NikolasZimmerm1 I promised to write a technical document, covering the current SVG engine in WebKit and the new layer based SVG engine. Check it out here:
blogs.igalia.com/nzimmermann/po…
Teaser: #igalia #vorwerk #thermomix #webkit
@voxpelli @kennethrohde It’s supported experimentally: web.dev/tabbed-applica…. 🗂
@hfmuehleisen @duckdb @ankohn @domoritz You might be interested in a new experiment for your file system back-end: web.dev/file-system-ac…. This is also what Adobe Photoshop for the Web uses internally.
hfmuehleisen This is a big one:
New @duckdb blog post by @ankohn and @domoritz : “DuckDB-#Wasm: Efficient Analytical SQL in the Browser”
duckdb.org/2021/10/29/duc…
@daviddalbusco This was indeed a bug. It’s fixed now.
Paul_Kinlan I’ve got a new role (remote friendly) for a senior lead on our DevRel team. The team will build a new strategy for Chrome Dev Summit, our presence at IO, dev feedback and how we launch stable guidance that’s not just launching feature after feature.
careers.google.com/jobs/results/8…
🤙
@rowan_m A strong Wave can ultimately cause strong Currents.
@rowan_m Congratulations 🎈! Google+ rings a very remote bell… IMHO we should have stopped at OpenSocial.
dfabu @firt @tomayac @webkit Don’t know if y’all noticed, but Apple has RESOLVED FIXED the WebKit “Push Event” bug. bugs.webkit.org/show_bug.cgi?i… The Safari Tech Preview 134 has a new feature flag, “Push API,” disabled by default. pic.twitter.com/W9rqY5YxKC
romannurik Hi there Android, iOS and Web devs —
I’ve been cooking something up for you the past few weeks in my spare time – it’s a brand new way to quickly whip up app icons (sound familiar?).
Check it out icon.kitchenJhg
@stoyanstefanov Oh, congratulations on the new job then! 🎈
pwabuilder It’s finally here… support for iOS on PWABuilder is now available.
Click on the link below to get startedpwabuilder.comxpic.twitter.com/9i1RYSDaFYFY
@johnwilander @Log3overLog2 @ericlaw If I have Private Relay turned off, will Safari still route requests to known trackers through the Private Relay infrastructure?
@simevidas In the Chromium browser world, @brave has started to time-box permissions: brave.com/privacy-update….
@dannymoerkerke @jensimmons I don’t, but that’s why I have added Jen into the conversation. We certainly see developer demand. 😃
@dannymoerkerke They currently only implement the Origin Private File System (web.dev/file-system-ac…) paired with Access Handles (web.dev/file-system-ac…). The picker methods that would give access to the local file system aren’t implemented. (CC: @jensimmons
@DaleCurtis @cramforce @ericlaw @CtrlBlog 🤫 Pssst, I’m spec’ing this now: raw.githack.com/tomayac/netinf…. We should talk I guess. There have been some good discussions at #w3cTPAC in the Devices and Sensors WG. Also see this doc: goo.gle/netinfo-reboot….
scottohara People are talking about the dialog element again.
Lots of people have been working on the dialog element. Those people are awesome.
I made some hefty updates to my post about this, because things needed to be updated:
scottohara.me/blog/2019/03/0…
tldr; be patient.
@schweinepriestr @mcmd It’s the team I was on before joining Developer Relations. Also Miguel is a person I vouch for. His only defect is that he doesn’t use Oxford commas. Talk to him if you’re interested!
mcmd Are you passionate about the web? We are hiring! Looking for a Web Ecosystems Consultant in London, Paris or Zurich: careers.google.com/jobs/results/?…
#webperf #webplatform #pwa #fugu
What if there were a way for #HTML5 (yeah, unearthing this hashtag 🎉) video to be responsive? The blog post in the quoted tweet ⤵️ goes into some detail how this could look like. And yes, bandwidth selection is a problem, too. twitter.com/cramforce/stat…
@henrylim96 That’s right, but nevertheless it’s an issue.
🤔 While a great app, Chrome for iOS (apps.apple.com/us/app/google-…) is not the real @googlechrome, but uses `WKWebView` internally. Can we ask @taylorswift13 to send a letter 💌 to @tim_cook and make the real Chrome happen? It worked before.. 8:30 AM, Oct 29th, 2021 via Twitter Web App
@lawnsea This is the secret recipe: 😉 twitter.com/othermaciej/st…
@HenrikJoreteg Adobe is very much in active talks with the other browser vendors: twitter.com/svoisen/status….
rikdelmar @ChromiumDev
Janvas, is an online Vector Graphic Editor for Designers, illustrators and Developers.
Janvas use the File System Access API to open and save documents directly on the user’s local file system
janvas.com
#FileSystemAccess pic.twitter.com/A2ZsmWwkv2
😃 If you had to miss out on some of the #w3cTPAC breakout sessions last week, @dontcallmeDOM has put together a one-stop shop landing page with all the links to minutes, slides, and recordings, so you can catch up easily: w3.org/2021/10/TPAC/b….
@schweinepriestr @caniuse Yes, check out wpt.fyi/results/file-s….
@lcasdev @firt Haha, yeah, it even goes through the Face ID flow, but then doesn’t download or install anything. Looks like it’s a bug indeed.
@HenrikJoreteg I just did that. 😃
👏 Safari Technology Preview 134 just dropped, closing the feature gap that exists for running Photoshop on the Web:
- Enabled FileSystemAccess and AccessHandle by default
- Implemented FileSystemSyncAccessHandle read() and write() twitter.com/jensimmons/sta…
ChromiumDev 🥳 Workshops, lounges, office hours, oh my!
Save your spot at #ChromeDevSummit and learn new skills! Hear from industry experts from across the web community to discover, connect, & inspire.
Workshops ✨ → goo.gle/cds_workshops
Learning lounges ✨ → goo.gle/cds_learning_l… pic.twitter.com/5g0C8oKRvj
@kilianvalkhof @patrickbrosset Thanks for filing these issues! Great feedback!
@svgeesus @ChromiumDev @patrickbrosset There is some discussion in github.com/WICG/eyedroppe… about this question.
ChromiumDev Picking colors 🎨 of any pixel on the screen with the EyeDropper API: web.dev/eyedropper/ by @patrickbrosset and @tomayac. The EyeDropper API enables authors to use a browser-supplied eyedropper in the construction of custom color pickers.
hdv The Web Applications WG at W3C is working on a spec for Web App Manifests. @AaronGustafson wrote about some ways to enhance such manifests, including adding accessibility statements in stores 👉 aaron-gustafson.com/notebook/enhan…
firt Safari now has an entry in App Store. apps.apple.com/us/app/safari/… twitter.com/keleftheriou/s…
jensimmons With the release of macOS Monterey this week, read all about the web technology that’s shipping in WebKit along with Safari 15.
webkit.org/blog/11989/new…
Firefox Nightly users can now activate @globalprivctrl Global Privacy Control settings by toggling `privacy.globalprivacycontrol.enabled` and `privacy.globalprivacycontrol.functionality.enabled` in about:config. 👏 pic.twitter.com/ERgtAuYCoW
malchata web.dev didn’t have a metric page for TTFB, so I decided to fix that: web.dev/ttfb/
Big thanks to @philwalton, @yoavweiss, @brendankenny and @rick_viscomi for their spot-on technical feedback!
@bramus Since I went to look up the source of this screenshot I might as well save someone else the effort: System requirements for Photoshop on the web (beta): helpx.adobe.com/photoshop/syst….
@briankardell @slightlylate That’s me, just at the airport.
@samthor @brianleroux Totally going to tell people the story this way from now on, but the truth is that this were just the Adobe-provided stock photos and the elephant looked bad when cropped to the hero image format of 3200x960, so I went with the islan
@briankardell @slightlylate With virtual TPAC you get the best of both worlds: jet lag with 7am meetings and 11pm meetings on one day (plus your regular day work) paired with the same “are you there, folks are waiting for your preso?” anxiety. 🙃
@TheRealPomax @BenDelarre @avindra @brianleroux Looking at your affiliation, Mozilla were asked and actively engaged in the conversation: github.com/mozilla/standa… and github.com/mozilla/standa… are just two examples of features that the app depends upon.
Yes, Photoshop on the Web (web.dev/ps-on-the-web/) is launching initially as “Chromium-only”, but Adobe is working with other vendors so they implement the lacking Project Fugu 🐡 APIs and Wasm features the app depends upon. ⤵️ twitter.com/BenDelarre/sta…
slightlylate Photoshop on the web is huge. But beyond that, what it signifies is a Big Freaking Deal.
When the web gains features to support high-end productivity, those same capabilities can be combined to unlock whole new classes of apps that suddenly don’t require heavyweight installs.
@jaffathecake @rauschma Came here to say this! Browsers could do a better job at surfacing alternative stylesheets for sure.
@mhartington “Never miss a shared photo” implies they would send you a notification when a share happens. Since the Push API isn’t shipped (but apparently now implemented) in Safari, the app experience is arguably “better”. For the record, I don@jerem
ChromiumDev 🎉 Fantastic announcement from our partner Adobe at their annual @adobemax conference: Photoshop 🎨 is coming to the Web!
👉 Read up on how the Adobe and the Chrome team managed this incredible achievement and go check out the beta!
web.dev/ps-on-the-web/
@micahjme Adding a link might help people actually watch it: youtu.be/XBStJqajO9M.
GNUmanth Unicode Segmentation in #javascript
h3manth.com/posts/unicode-…
rniwa_dev Want to see improvements to Safari / WebKit on macOS & iOS?
The WebKit team at Apple is hiring!
Join us to improve the web platform on Apple platforms while protecting user’s privacy.
jobs.apple.com/en-us/search?s…
@Jack_Franklin Congratulations, Jack! 🎈
suptweet noun
sup·tweet | \ ˈsəp-ˌtwēt \
plural suptweets
A usually laudatory or positive tweet that alludes to another Twitter user with including a link to the user’s account and often with directly mentioning the user’s name, but without mentwitter.com/cramforce/stat…
👀
(While you wait for further details, watch “Bringing your app to app stores”, by @micahjme from the recent #PWAsummit.) twitter.com/pwabuilder/sta…
@scottjehl @slightlylate People have extended the built-in (and required) `WKWebView` with, for example, #WebBluetooth via a JavaScript bridge to native code (example: apps.apple.com/us/app/bluefy-…), but this cannot work around potential rendering issues you in
ChromeDevTools ✨ What’s new in DevTools (Chrome 96) ✨
🌈 The long-awaited CSS Overview panel is now available for preview!
💟 Emulate CSS prefers-contrast
♠️ Emulate Chrome’s Auto Dark Theme
🗒 Copy CSS declarations as JavaScript
And more! Try in Chrome Canary.
👉🏼 developer.chrome.com/blog/new-in-de… pic.twitter.com/YtkQUAjqx7
@AdaRoseCannon Hard same. Plus “web 3” and “web 3.0”. I love that muting also affects what you get for API calls, so it works with third-party Twitter clients.
@jaffathecake To be quite honest I think there’s nothing wrong with the naivest method in your examples of initializing an empty array and then doing whatever you need in a loop. I could understand this code even with a massive hangover.
In case you missed the Project Fugu 🐡 #w3cTPAC breakout session, you can now watch the recorded version: watch.videodelivery.net/87af2f7ba2b3b7…. Thanks for the quick turn-around! twitter.com/dontcallmeDOM/…
@kaihendry @WHATWG Sure, here’s the release schedule: chromiumdash.appspot.com/schedule.
jaffathecake In terms of the stuff going around about AMP and ads, the general rule for Googlers is not to comment on ongoing legal stuff. So, silence doesn’t mean we have inside info, or support anything in particular etc etc. I won’t speak for others, but I feel totally in the dark & angry.
@kaihendry @WHATWG Good news: The HTML spec was changed very recently to make `<details>` auto-expand for find on page and text fragments. 🎉 github.com/whatwg/html/pu…
@simevidas Oh no. Hope you get better soon!
@AdaRoseCannon This sounds like a fun demo to plug an Ambient Light Sensor in: developer.mozilla.org/en-US/docs/Web….
@hdv “Alcohol-free wine is hip and (almost) tasty.” (If my Dutch-German guesslator doesn’t fail me.) 😂 It took me a long time to settle on an alcohol-free beer (settled on Jever Fun) that I like, but I haven’t tried wine yet.
slightlylate This article is a good restatement of many of the problems with Apple exerting unilateral control over browser engines on iOS while simultaneously holding its own engine back.
Something the author hits on is the diversity and leadership they’d like to see — a short 🧵 twitter.com/TheRegister/st…
@patrickbrosset (Tiny correction: The Chromium-based @brave browser has the File System Access API disabled.)
The whole list of classic and modern ways for dealing with files in the browser, by @patrickbrosset. ⤵️ (Quick reminder that I maintain a library that makes opening/saving files easier and that uses the File System Access API as progressive enhancemengithub.com/GoogleChromeLa…twitter.com/patrickbrosset…
ChromiumDev Back-forward cache on Desktop, PWAs can register as protocol handlers, the :autofill css pseudo class and more on the Chrome 96 Beta, checkout more details on the blogpost: blog.chromium.org/2021/10/chrome…
@jeffposnick @workboxjs I’ve sent a note to myself to think about this. Not going to happen on Sundar day, though. 😃
@SRobTweets Mazel tov! Congratulations to the newly weds!
@Paul_Kinlan @andrealeard @chasmaxson @googledevs @workspacedevs Yuck, reproduces here: Redirects to https:// www blogger. com/blogin.g?blogspotURL=developers.googleblog.com/2021/10/app-pr… (Twitter flags the URL as harmful). Thanks, Paul, for looking into it.
tomayac @pimterry @ietf There’s definitely a divide between front-end Twitter (grifters) that tend to be quite loud and other folks who care about the Web and the Internet (≠ shocking) more holistically. I had success with a tongue in cheek title about HTTP headers a while ago: blog.tomayac.com/2019/03/22/two….
@anniesullie Congratulations, and thanks for your speedy service! 😃
@pimterry @ietf There’s definitely a divide between front-end Twitter (grifters) that tend to be quite loud and other folks who care about the Web and the Internet (≠ shocking) more holistically. I had success with a tongue in cheek title about HTTP hblog.tomayac.com/2019/03/22/two…
👀 New HTTP standards for caching on the modern web, by @pimterry:
`Cache-Status`: Indicates how caches have handled a response and its corresponding request.
`<Target>-Cache-Control`: `Cache-Control`, but indicates the target for its directiveshttptoolkit.tech/blog/status-ta…
@MattWilcox There are certainly arguments either way. My personal preference is to not make buttons etc. selectable. Apps definitely and acknowledgedly have a tendency to overdo it.
@MattWilcox Not sure I agree. ⤵️
Thomas Steiner
Reply pic.twitter.com/qPFIAC8uZj
@schofeld @johnallsopp @AaronGustafson Yeah, that’s definitely app developers over-doing it. See what I wrote in web.dev/app-like-pwas/… (expand the “How to do this on the web” item).
@kilianvalkhof Alliterations are always absolutely awesome!
@nhoizey @AaronGustafson Agreed. 🙃
Nicolas Hoizey
@nhoizey
Replying to
@tomayac
and
@AaronGustafson
Selectable text is a great feature! Winking face with tongue
(Really.)
8:53 AM · Oct 22, 2021·Tweetbot for iΟS
Thomas Steiner
Reply pic.twitter.com/rZRYgn8Iws
@dluzar This is awesome, thanks for implementing this!
(Sorry for letting you hang with browser-fs-access, will merge your PR next week, so you can move back to the main build and don’t have to fork.)
dluzar Image support finally landed to @excalidraw 🧵👇 pic.twitter.com/dlZm9Z8Okd
@edent Congratulations! 🎈
tomayac @AaronGustafson Accidentally selectable text like on a button is my biggest pet peeve. I’ve written up a lot of tips for a more app-like feel in an article: web.dev/app-like-pwas/.
@AaronGustafson Accidentally selectable text like on a button is my biggest pet peeve. I’ve written up a lot of tips for a more app-like feel in an article: web.dev/app-like-pwas/.
shadeed9 ✍️ New Article: Prevent Scroll Chaining With Overscroll Behavior
In this article, I went through the overscroll-behavior CSS property, what’s the problem it solves, how it works, and where we can use it. Happy reading!
🔗 ishadeed.com/article/preven… pic.twitter.com/LpieWYs1Di
@danbri @mrdoob @grorgwork Ah, loading now, thanks, but indeed ends at a black screen for me, too. Need to test on desktop I guess.
@mrdoob @github @steveruizok runs tldraw.com as sponsorware. It seems to work fine. twitter.com/steveruizok/st…
daviddalbusco 🚀 Thrilled to unveil @deckdeckgo v5 - the #offline first web editor for slides !!!
📴 data saved on the client side
📁 export & open .ddg files
🔁 online sync (if you wish to)
🏛️ on-prem ready
🛠️ manage all assets
🇳🇱 dutch translations
Give it a try 🤙
app.deckdeckgo.com
@danbri @mrdoob @grorgwork Curious to see what this is about, but https: can’t establish a secure connection and http: leads to a 404 page on Google.
scottohara Remember that time I published a blog post about the long and fraught journey of the <menu> element, and its present semantic reality?
It was today. Now, even. You are remembering “right now”:
scottohara.me/blog/2021/10/2…
@hdv That’s exactly why you want to randomize these very class names so that upon each rebuild of your site all extensions that mess with it break. 🙄
BBC_News_Labs We’re very proud to support Open Parliament TV. The project aims to make democratic and civic life more accessible to everyone not just political and media professionals.
de.openparliament.tv
@arnaudbrousseau Done. Added the extension APIs component.
@manekinekko @kennethrohde @thejohnjansen @w3c The presentation was recorded, but not the discussion. I think @dontcallmeDOM has more background regarding availability of the video.
@CharlieCroom @kennethrohde @andreban @firt I was seeing it on iOS, though.
@digitarald @patrickbrosset It’s not ground-shaking as an experience, but it makes the app installable via prompt, so with File Handling (web.dev/file-handling/) you can make it the default handler for .js, .html, .css,… files and friends.
@CharlieCroom @kennethrohde @andreban @firt The problem is that whenever I hit it it’s when I’m not plugged in to my computer with my phone and can’t debug… Never seen it on desktop, but now we have at least two people who’ve hit it either on Android or
Slides from the Project Fugu 🐡 breakout session that just happened at #w3cTPAC can be found at docs.google.com/presentation/d…. Thanks to everyone for contributing and listening in! twitter.com/tomayac/status…
@thejohnjansen @kennethrohde @w3c Thank you (both) for co-hosting and representing your companies! 🐡
☝️ This is happening in ~20min from now. See you in the Zoom call: zoom.us/j/99737295069?….
You can now play with those dark arts ⤵️ in the browser: web.dev/file-system-ac…. By the way, we’ll soon have a `move()` method as well, after the #w3cTPAC discussion yesterday: docs.google.com/document/d/1RB…. twitter.com/xkcd/status/14…
@kennethrohde @andreban @firt I get the same blank screen on the PWA on iOS occasionally as well. Doesn’t seem specific to Android 12. Is this a known issue, @CharlieCroom?
Together with my co-hosts @kennethrohde (Intel) and @thejohnjansen (Microsoft), I’ll be hosting a breakout session later today (17:00 CET / 8AM PST) on Project Fugu 🐡 in the context of @w3c virtual #w3cTPAC (w3.org/2021/10/TPAC/O…) .
It’s open to allzoom.us/j/99737295069?…
@henrylim96 @kennethrohde @altstoreio It should be possible to do.
@henrylim96 @kennethrohde I hope they will eventually, but not yet.
@dalmaer 200 OK
{
“success”: false,
“error”: “Internal Server Error”,
“code”: 500
}
🎃
@Paul_Kinlan @quicksave2k @firt Will do!
@quicksave2k @firt Support was indeed added with bugs.chromium.org/p/chromium/iss….
@digitarald @patrickbrosset I would love my VS Code PWA to work (with my local files) when I open it when on an airplane. Having at least the offline fallback page (web.dev/offline-fallba…) could be a first step in this direction.
@firt It looks like it’s this: web.dev/pwa-url-handle… (which will change after the origin trial).
@_zouhir Congratulations, Zouhir! 🎈
@cramforce To be fair, they said the same about Computer Science as well. “Look left, look right! One of your two neighbors won’t be there after the first semester. Oh, and welcome to the Informatics Ⅰ class.” @KITKarlsruhe
@henrylim96 @kennethrohde @webmaxru @denladeside Complimentary hardware. Love it!
ChromiumDev 🔥 Ready for an AMA?
📥 Share your questions with the Chrome team for the #ChromeDevSummit live AMA using the event code “#CDS21” on Sli.do → goo.gle/AskAway
While you’re thinking of queries, join the community on Discord → goo.gle/JoinTheConvo 💭
digitarald Live Share provides real-time collaboration to VS Code and can do a lot more than what my screenshots captured: code.visualstudio.com/learn/collabor…
@edent When it’s freeform, I always use the same code word. When they force me to make choices, I try to honestly answer, since there is no damn way to recall the answers if I lie, since password managers don’t seem to cover this area yet. Also, secur
windowsinsider Introducing Android™ Apps on Windows 11 to #WindowsInsiders aka.ms/AndroidAppsWin… pic.twitter.com/f0D2D0bJpX
quicksave2k SVG icons in Web App Manifests are supported in Chrome on desktop, but not on Android. 😲
That’s why we still have to manually create icons at different resolutions. 😞
So… I’m fixing it. 🧰
Check out Chrome Canary 🐤 for Android.
Source: chromiumdash.appspot.com/commit/50f9ee3… pic.twitter.com/WmtLl7vrKf
@diekus @samsunginternet Chrome has an interesting experiment in this space: groups.google.com/a/chromium.org….
@daginge @html5test Hopefully the fix bugs.webkit.org/show_bug.cgi?i… makes it into the final release. 🤞
Monitor your web application with the Reporting API, by @maudnals. There’s a new and improved version of the Reporting API that you should be aware of. web.dev/reporting-api/
@christianliebel @heisedc #TIL about the Elvis operator resemblance. 🎤 Can’t unsee now.
@kennethrohde @henrylim96 If only there were a way to get Chromium onto iOS… 🙄 Best of both worlds.
@gauntface Not just you. I think, in part, with everyone working from home in isolation and only connected to others over video occasionally, it’s because all you see now are the shiny ✨ announcements in tweets, blogs, or emails, but not the sweat and
@equinusocio @argyleink Not technically. An earlier version of the spec included a third value, `no-preference`. It was meant to indicate that the user has made no preference known to the system. Since no browser ever implemented it, the value was removedweb.dev/prefers-color-…
@rob_dodson Thanks for all the work you have done for web.dev, developer.chrome.com, and all the other things that you were busy with before this. All the best for the next endeavor! ☀️ 🍃
MSEdgeDev We’ve updated our developer documentation with a completely new Progressive Web Apps section, including new details to help you get started with features like app shortcuts and titlebar customization. Learn more and check out the new docs: blogs.windows.com/msedgedev/2021…
@edent No mat, but Crocs: crocs.com/p/classic-clog… 🐊
@alexey_rodionov @quicksave2k Very well aware, and super grateful to François for implementing this. 😃
@digitarald @patrickbrosset Some documentation from the Chromium side for folks following along: web.dev/codelab-make-i… and web.dev/install-criter…. Happy to answer questions regarding any of this.
The @code team’s write-up gives great insights into what the tool currently does and will do in the future: code.visualstudio.com/blogs/2021/10/….
🤩 Wow, VS Code is now live as a web app for good: vscode.dev. It uses the File System Access API and the Async Clipboard API, but is not installable quite yet. I hope this will be coming soon.
twitter.com/tomayac/status…
@steren Yes, it’s based on a Wasm port of potrace.sourceforge.net. See github.com/tomayac/esm-po… (still needs some polishing, but works fine).
Teasing what I’m busy with: A responsive Progressive Web App for converting raster images 🎨 to color SVGs 📐. Powered by Potrace, progressively enhanced by:
💾 File System Access API
📋 Async Clipboard API
🪟 Window Controls Overlay
🖱 File Hpic.twitter.com/p4EsbEBav4
@daviddalbusco On the Web app on iOS saving goals doesn’t work. For the iOS app, once I save a goal there’s no way to go back to the overview. I’d be nice to see a list of all saved goals.
@TheRealNooshu Fingers crossed that it’ll be eliminated from your brain rather sooner than later. 🧠 ☢️
ricmac This week I go through @ireaderinokun’s excellent ‘state of PWAs’ presentation at @PwaSummit. Feature parity with native apps is the goal of Progressive Web Apps, and it’s remarkable how close some PWAs are to native apps now (except, of course, on iOS). thenewstack.io/growth-of-prog…
@_davideast Congratulations! 🎈
HTML: Opportunity, Disruption, or Wedge—”[Non-human-readable HTML] was well ahead of its time, as today even the source to the simplest webpage is impossible for a human to digest without tools. Everyone abuses HTML”. @stevesii on HTML in MS Of…rdcoresoftware.learningbyshipping.com/p/051-html-opp…
stefanjudis 🔥 Quick SVG tip: the paint order of SVG stroke and fill is configurable. 🙈
🔗 stefanjudis.com/today-i-learne…
Video alt: Example showing how a different paint order helps with SVGs with high stroke width to look funny. pic.twitter.com/4lCiXsGzle
@fabiospampinato @electronjs You can use DOMPurify by default (but lazy-loaded), and the new built-in API as a progressive enhancement. I’m a big fan of this pattern.
“`js
if (!(‘api’ in Foo)) {
await import(‘./api.js’);
// …
}
“`
@simevidas Slightly related: as a kid, when playing on my dad’s computer that had a QWERTZ keyboard, I always thought the word “yes” for some weird reason needed to be entered by typing ‘z’. Are you sure? Zes!
@dfabu @ChromiumDev @Paul_Kinlan Yeah, it certainly isn’t everyone’s jam, but the video view counts from #io21 for individual sessions unfortunately tell a different story.
addyosmani Learn how to reduce the impact embeds can have on your site’s performance: web.dev/embed-best-pra…. Includes a new layout shift terminator tool for embeds! pic.twitter.com/S5n3Ex1f2C
@dfabu @ChromiumDev We changed the format essentially due to “Zoom fatigue”. @Paul_Kinlan has channeled some of the more nuanced thoughts that went into the decision in his (draft) blog post: paul.kinlan.me/chrome-dev-sum….
My pinned tab 📌 browser setup is work Gmail, private Gmail, work Calendar,… That is, I use multiple accounts in one Chrome profile. It’s not widely known that URLs likslides.newQ4 support this. Thanks,@stefanjudisis, for documentistefanjudis.com/today-i-learne…
Blaming Screen Readers 🚩×5: adrianroselli.com/2021/10/blamin…. Great post by @aardrian on how screen readers deal with emoji- or text-based memes. Be sure to also read his tips on improving your tweets’ accessibility: adrianroselli.com/2018/01/improv….
Microsoft is further improving how Edge processes appear in the Windows Task Manager: blogs.windows.com/msedgedev/2021…. I’ve always hoped Chromium’s task manager would expose more information to the OS-level. Good work, @MSEdgeDev!
Germany is very likely going to be governed by a three party coalition (the so-called “red-yellow-green” traffic light coalition🚦). The resulting paper of @Die_Gruenen 🌻 of the initial exploratory discussions is now publicly available: cms.gruene.de/uploads/docume…twitter.com/ABaerbock/stat…
jeffposnick It’s Chrome Dev Summit ’21, everybody!
twitter.com/ChromiumDev/st…
@AaronGustafson What seems best from a data modeling point of view may not necessarily be what is required from a legal point of view. Again, I’ve no idea of this space, so encouraging looping in folks who do (internationally).
@AaronGustafson Yeah, well aware. Just making this up, but let’s say some legislations require the actual policy text vs. others being fine with just a link. The data model should be able to cater for both.
codepo8 🛠 What if… Visual Studio Code became the editor of in-browser Developer Tools?
Here’s a 3 minute video explaining a new experiment i@EdgeDevToolsls that use@codede as the editor for local files with live syncing in DevTools. It uses Workspaces. youtube.com/watch?v=77qEmD…FZ
@AaronGustafson Sounds like a good idea to me, but this is very much IANAL land for me. Probably someone with experience in international online law should collaborate on this from the start (and sorry in advance if _you_ actually are this person).
@yosracodes Careful, `<hgroup>` needs to be handled with care: developer.mozilla.org/en-US/docs/Web…. It’s a good idea in theory, though.
serhiikulykov Firefox 93 brings ElementInternals support! This is huge as it’s a pre-requisite for enabling form participation and other proposals like AOM and custom state pseudo-classes. @webkit waiting for you to catch up.
hacks.mozilla.org/2021/10/lots-t…
Una The 2021 State of CSS survey is NOW OPEN! 🎉
My team uses the results of these types of surveys to help us identify gaps in the ecosystem and prioritize areas we can improve.
So lend us your thoughts to help improve styling on the web platform ⬇️⬇️⬇️
stateofcss.com
I thought I had a solid-ish understanding of #CORS. Then @jaffathecake let me review his article ⤵️ about the subject and I discovered nuances I had no idea about. Now I’m glad there’s a reference article I can go back to when I know I know nothintwitter.com/jaffathecake/s…
Haunted: Chrome’s vision for post-Spectre web development, a great talk by @maudnals: youtube.com/watch?v=O18P1X…
html5test Some thoughts about hardware and the web: the balance between usefulness, security and privacy.
nielsleenheer.com/articles/2021/…
@gnyman @Jan_Ainali @WikidataEcho @Wikipedia @wikidata Thanks for the ping. Will have a look after my current vacation. The source code is on GitHub: github.com/tomayac/wikipe….
@tonyfindeisen @YouTube @Google The most direct way is to send feedback from within the app.
@j9t @MSEdgeDev I wonder if it has to be an “either”/”or”. Maybe it’s just an “or” that’s the way to go here!?
@sayhello All the best for the new challenge. You’ll be missed.
@kennethrohde All the best for everyone and hopefully a speedy recovery!
@simevidas It’s definitely a (low entropy) bit of fingerprintable surface. Have you tested if they also don’t send `Sec-CH-Prefers-Color-Scheme` in this case? Or maybe they don’t send it at all. I didn’t check yet.
Progressive Web Apps on Windows can soon be uninstalled via “Control Panel > Programs > Programs and features”. As I wrote earlier, @MSEdgeDev really dig PWAs and the OS-level integration is ace! techdows.com/2021/10/chrome…
@TheRealNooshu Hooray science 🧬. Wow, these photos are impressive.
torgo In case y’all missed it - the whole of @PwaSummit is streamable here: youtu.be/qbh_u2hvIjg. A truly amazing line-up of speakers and a fantastic event!
ireaderinokun My session is over! You can view my slides here 👉🏾 noti.st/ire/W8NM2L/pwa… and give any feedback using the QR code below.
Enjoy the rest of the summit, there are a tonne of amazing sessions coming up! #pwasummit twitter.com/PwaSummit/stat…
@webmaxru @devpato @diekus In Chromium-based browsers like Chrome or Edge, Web App Manifest and Service Worker are checked in 24 hour intervals for differences to the last obtained version. See web.dev/manifest-updat… and developers.google.com/web/fundamenta… and searc
Safe DOM manipulation with the Sanitizer API. The spec (wicg.github.io/sanitizer-api/) is co-edited by members of two browser vendors, Mozilla and Google. All details in the article: web.dev/sanitizer/
@bgalbs In German 🇩🇪 we call it Langwortmobileingabeautokorrekturverschlimmbesserungsangst (long word mobile input auto correction aggravation improvement anxiety).
gkalpakas You’d be amazed by how many native-like capabilities you can build into your Progressive Web Apps 🤯
Here’s a great rundown by @tomayac: web.dev/app-like-pwas
(And imagine this was over a year ago 😉)
#PWA #WebAsAPlatform
Use Real User Monitoring (RUM) data instead of laboratory data like @____lighthouse scores when you talk about Web performance. Here’s @philwalton on why this matters: ⤵️ twitter.com/philwalton/sta…
@DaleCurtis @cramforce They need more data. Big data.
@bendee983 @DailySwig @shhnjk @dee__see “Other major browsers such as Chrome, Safari, and Edge have been supporting this feature for a long time.” You probably want to replace “Safari” with “Firefox” in this sentence. 😃
@rauschma Tweeted about this recently in a reply to @SaraSoueidan: twitter.com/tomayac/status…. It’s IMHO surprising how this is not a thing yet (in desktop Chrome).
If you’ve been too busy and couldn’t work on a dark theme 🌒 for your site (instructions: web.dev/prefers-color-… & web.dev/color-scheme/)—There’s now a strictly opt-_in_ way to have the browser create a dark mode for your site automatically. twitter.com/intenttoship/s…
@Not_Woods Nice, looking forward to playing with this!
Follow the entire thread by @samweinig on Apple’s `<model>` (github.com/WebKit/explain…) proposal ⤵️. Favorite bit: “[W]e are totally committed to supporting WebGL/WebGPU and WebXR. Just take a look at the recent commits in this directory (trac.webkit.org/browser/webkit…twitter.com/samweinig/stat…
@Una Mazel tov! Congratulations! <3
I’m a big fan of honest, blame-free, and public post mortems. Judging from the outside, Facebook has done a decent job at balancing sharing internal technical details and making the report understandable for people with a general tech background. #HugOpstwitter.com/n8Schloss/stat…
@KevinPicchi Also see bugs.chromium.org/p/chromium/iss… where we have collected some requirements for better printing in a Project Fugu 🐡 bug. (@voxpelli)
annevk For the first time in quite a while, there is a new WHATWG Standard: Web IDL! Thanks to @heycam and @w3c for many years of stewardship.
webidl.spec.whatwg.org
@paulcalvano What’s your explanation for this? My theory is that the tracking happens at the native app level and that the WebView data is purely content-focused.