@simevidas The end product will be a library that folks can pull in. “Working with” in this context may or may not include financially contributing to said library’s development. We is Chrome is Google is Alphabet.
@basketball_gm @ChromiumDev Keeping the best for the end. twitter.com/ChromiumDev/st…
ChromiumDev @tomayac Yes, the plan is to eventually remove Web SQL, but 🥁 our intention is to empower developers to create their own solutions for structured storage, and we’re therefore working with the #SQLite team to create a SQLite implementation over Wasm. This solution will replace Web SQL 💪!
ChromiumDev 📢 Chrome is deprecating and eventually removing Web SQL! Read @tomayac’s post that details all the steps for getting there.
[📍 We are here] Chrome 105 shows a deprecation warning in the DevTools Issues panel when you use Web SQL in non-secure contexts.
developer.chrome.com/blog/deprecati…
@kilianvalkhof To be fair, it’s well documented that this thing throws: developer.mozilla.org/en-US/docs/Web….
@kilianvalkhof Making it a no-op came up before. My thoughts: twitter.com/tomayac/status…. It may well be _not_ a problem, but at first glance it seems challenging.
Erm, yay, I guess: news.ycombinator.com/item?id=326610…. Looks like the discussion is really civilized so far.
twitter.com/tomayac/status… pic.twitter.com/hx6K7rTuVx
The 🇪🇺 EU–Russia visa faciliation agreementeur-lex.europa.eu/legal-content/…3W) is suspended. Well done#StandWithUkrainene 🇺twitter.com/JosepBorrellF/…uA
@joseph_silber @AshleyGullen I wonder if this would make it even harder to debug. By potentially having no-op behavior when in incogito mode or when blocking cookies, developers would always need to have a write operation followed by a read operation to s
@sitnikcode @Mitsunee Note that literally just accessing `window.localStorage` fails. But if you `try…catch` all instances, you should be good.
@CrosExperts @ianwill93 @Google Thanks, Ian, for writing about the 🐡 Project Fugu API Showcase! twitter.com/tomayac/status…
A friendly reminder that the 🐡 Project Fugu API Showcase is open for submissions: developer.chrome.com/blog/fugu-show… (search for “anonymous form”).
“We use a lot of ‘Fugu’ APIs in our products, too. CrosKeys uses Async Clipboard, CrosPaper uses Web Codecs[.]”-blog.crosexperts.com/did-you-know-t…
@kurtextrem Hopefully more will after reading this blog post. ☺️
Th3S4mur41 TIL that blocking #cookies 🍪 has a much bigger impact on web functionalities than one would expect 🤯
#YourExpert twitter.com/tomayac/status…
kennethrohde Due to devices (streaming sticks, gaming consoles, etc.) having varying level of web support (some quite poor), both Prime and Disney+ are basically Web Assembly (Wasm) apps today and just distribute the Wasm Runtime, like WAMR:
medium.com/disney-streami…
amazon.science/blog/how-prime…
@rachelandrew If @sw12, you, and me happen to be there at the same time, I guess we can team up for a nice run!
@alexanderdanilo Which one did you go with?
@hdjirdeh Obvious question: Did you run a speed test?
🤩 Chrome 105 is a great release: container queries and `:has()` as the two CSS launches, and the Sanitizer API as a security feature. See @petele’s blog post for the full summary! developer.chrome.com/blog/new-in-ch…
It’s incredibly inspiring to see @navalny’s and his team’s work result in the List of 6,000: acf.international/list-of-war-en…. Sanction every single one of the individuals on this list! #StandWithUkraine 🇺🇦 twitter.com/navalny/status…
@edent LOL, I love that it’s even linkable. 😂
somebitsLinks Twitter vs porn $: A plan for subscriptions for adult content on Twitter ran into their inability to police content
theverge.com/23327809/twitt…
- twitter sex onlyfans porn culture safety tirefire
@WestbrookJ @jensimmons @igalia CC: @foolip
@jensimmons @AdaRoseCannon What. The. Actual. Fsck?
The rules are very clear: “TPAC attendees must wear a mask at all times in all common spaces and meeting rooms, except when consuming food or beverages.”-w3.org/2022/09/TPAC/h…j. You should escala
@jyasskin @marcosc @krosylight @mgiuca It was targeting Chrome for macOS. 😂 Just need to unflag the behind a flag implementation.
@rocca27 @AshleyGullen Yes, incognito mode should ideally be not detectable by pages. Thanks for the bug report!
tomayac Things not available when someone blocks all cookies 🚫🍪 in their browser: blog.tomayac.com/2022/08/30/thi….
⚠️ You better start `try…catch`-ing all your `localStorage` calls! pic.twitter.com/68fFNGh5HF
@sen0rxol0 @ChromiumDev Until you learn about 🦸🍪 supercookies..blog.mozilla.org/en/internet-cu…nI
@cramforce Some more nuance, courtesy of @ericlaw: twitter.com/ericlaw/status….
ericlaw @tomayac Code-references in textslashplain.com/2018/10/03/coo…
@ericlaw Oh, great, thanks for the code pointer! It might be a major operation, but it sounds like properly naming all of this (cookie → something something storage/persistence) would make sense both in the code as well as in the user interface.
@fvsch @ChromiumDev There’s definitely potential for failing gracefully and in a way that users understand. I guess “Your settings can’t be persisted because you block cookies, which blocks other storage mechanisms in your browser as a side effect.” is te
@cramforce I would suppose the set of failing APIs to be the same in the blocks 3P cookies case, yes.
Regarding incognito mode, it’s apparently a moving target, even in Chrome: twitter.com/tomayac/status….
@marcustallberg This seems to be a recent change. Just tested incognito on Chrome 104 and it worked, and on Canary 107 it threw. Interesting.
@hate_and_roses @ChromiumDev Browsing statelessly is a #privacy user desire that I think we should respect. Sure, some features won’t work by definition, but many use cases should still be possible.
@AshleyGullen It probably (maybe) boils down to redefining “session” for this purpose. The definition used for `sessionStorage` may not necessarily mean what users think of being a browsing session.
@thexpaw That’s right. Interestingly it’s only spec’ed to throw a `SecurityError`: developer.mozilla.org/en-US/docs/Web… and html.spec.whatwg.org/multipage/webs….
@AshleyGullen This is effectively `sessionStorage`, which gets blocked, too.
Things not available when someone blocks all cookies 🚫🍪 in their browser: blog.tomayac.com/2022/08/30/thi….
⚠️ You better start `try…catch`-ing all your `localStorage` calls! pic.twitter.com/68fFNGh5HF
@mathias @jaffathecake This wins the Internet today. 👏
ChromiumDev Compression and decompression in the browser with the 🗜️ Compression Streams API: write smaller web apps that don’t need to ship their own compression or decompression library!
@tomayac’s post has all details: developer.chrome.com/blog/compressi…. Works in Chrome and Safari Tech Preview 152.
@adamdbradley Firefox bug: bugzilla.mozilla.org/show_bug.cgi?i…
WebKit bug: bugs.webkit.org/show_bug.cgi?i…
@alexanderdanilo This might work for barebones trees: codepen.io/kleinfreund/de…. Something more complex: sap.github.io/ui5-webcompone…. 🌳
@devdevcharlie @AnaestheticsApp Wow, that’s an amazing project. Would you be open to presenting this at the next GDE meetup? I was looking for interesting topics, and this might be it. 🤩
devdevcharlie I’m excited to share my latest side project! 😃
Using a Software Defined Radio dongle, an antenna and the Web USB API, I built an aircraft radar system to receive live data from planes flying above me ✈️📡
It’s been so interesting learning about this!!
charliegerard.dev/blog/aircraft-… pic.twitter.com/athkwGwbGT
@davrous Congratulations 🎈! Very well deserved!
@__si_mon @HenrikJoreteg @reillyeon @googledevs If “it” refers to the Shape Detection API, then it can’t. The Shape Detection API is bound to detect predetermined shapes as in barcodes, faces, and text. It’s not extendable to custom shapes.
@cramforce I find it particularly challenging to judge someone’s ability to strive in ambiguity in an interview situation. Sure, I can formulate the problem in an ambiguous way, but is the candidate asking clarification questions them striving in ambigu
@AdaRoseCannon 🤩 Wow! I cannot even imagine what this will mean for WebXR. Cannot wait to hopefully test it on an iPhone near me! Massive congratulations 🎈!
@alexanderdanilo I will for sure. Hoping to spend a couple of days in the SYD office.
@harleenkbatra For anything Google, they can turn on Advanced Protection mode: support.google.com/accounts/answe….
anssik pico.js, a face-detection library in 200 lines of JavaScript nenadmarkus.com/p/picojs-intro/
@shadeed9 Same! “Industry’s heroes” very much includes you!
Proud to be part of Web Directions Summit 2022, together with some of the industry’s heroes I really look up to. 🙇♂️ See John’s blog post for the program. twitter.com/johnallsopp/st…
@ericlaw It’s behind a flag in Safari. Here’s hoping! 🤞
@jeffposnick Great post, as always. This made me look up the current differences between Puppeteer and Playwright, maybe saving someone else a search: browserstack.com/guide/playwrig….
jeffposnick ✍️ How do you test a service worker, anyway?
Guidance and gotchas for end-to-end testing of your PWA’s service worker, using @playwrightweb.
jeffy.info/2022/08/25/tes…
How Nordhealth uses CSS custom properties in Web Components: web.dev/custom-propert….
@DavidDarnes on the benefits of using custom properties in design systems and component libraries.
@adamzea @csswg I think most of the work now happens in github.com/w3c/csswg-draf….
@khalildjahliart @Una I won’t engage any further since I think it’s toxic to compare the two situations; but before I mute the thread just noting that Google likewise is active in the Palestinian startup sphere. twitter.com/tomayac/status…
@adamzea You bring up a couple of very valid points. I suggest you talk to the @csswg (which you might already do).
If you’re a Ukraine-based startup, you have up until September 20 to apply for the $5 million Google for Startups Ukraine Support Fund and receive up to $100,000 for your company. Apply here: gfepublic.secure.force.com/events/EventTr…. #StandWithUkraine 🇺🇦
@cramforce Oh, interesting. Are you thinking along the lines of:
“`js
import dark-mode-toggle assert { type: ‘custom-element’, name: ‘toggley-mctoggleface’ };
“`
This would import `<dark-mode-toggle>` (default name) as `<toggley-mctoggleface>`.
(CC: @dandclark1
@MarijnJH @BoxySVG @codemirror @ProseMirror General maintenance of existing work definitely falls under the set of things the fund _does_ want to cover. If in doubt, apply!
@georapbox I just added the info to bugzilla.mozilla.org/show_bug.cgi?i… (which links out to the underlying Firefox and Safari bugs).
@cheneytsai I’m old enough to still properly capitalize it, LOL.
@BoxySVG @MarijnJH @codemirror @ProseMirror Marijn, please consider applying if you could use some funding! Thanks for relaying the info, @BoxySVG!
“Implemented Compression Streams API”: yay, that’s a neat one 🗜️! Still some missing pieces to get web.dev/streams/#demo to run, but slowly getting there, API by API. 👏 twitter.com/webkit/status/…
@georapbox I think it was mostly related to Firefox not working with the color posterization filter that I pass in dynamically based on the sliders, so the posterization never happens. github.com/tomayac/SVGcod…
ChromiumDev In this post @MicheBarks shows some creative ways to style lists, along with practical tips and tricks for list markup and styling.
➡️ web.dev/creative-list-…
BenDelarre So much truth to this
Don’t avoid the use of standardized capabilities because they’re not available across all targets. Degrade functionality & experiences as necessary
Fight to fully utilize the web platform & make it clear to your users where their browser vendors fail them! twitter.com/slightlylate/s…
@passle_ Let me check and get back via DM.
Quick call-out again for the ✨ Advanced Web Apps ✨ Fund: If you’re working on a next-level Web app or build core infrastructure like a library that allows others to base their next-level apps upon, definitely go ahead and apply 💰!
developer.chrome.com/blog/advanced-…
@schweinepriestr Sure, it was more about testing the process…
#TIL that Firefox 🦊 runs origin trials 🧪 (wiki.mozilla.org/Origin_Trials), similar to Chrome (developer.chrome.com/docs/web-platf…).
I just signed up for the `OffscreenCanvas` origin trial for svgco.de. Let’s see what happens…
Interesting case study (⤵️) on prerendering based on speculation rules: github.com/WICG/nav-specu…. The idea is to dynamically insert them:
“`html
<script type=”speculationrules”>
{
“prerender”: [
{“source”: “list”,
“urls”: [“/home”, “/abouttwitter.com/domenic/status…
ChromiumDev 🔔 We’re live NOW!
Join the discussion for ways to take advantage of the web’s many powerful capabilities and APIs.
Send your questions for @tomayac and @petele ↓
twitter.com/i/spaces/1mrGm…
@AnaestheticsApp @ChromiumDev @petele You are obviously aware, but for others tracking the conversation: the feature bug to star is crbug.com/1012078.
@cheeaun @estee_tey Yeah, it’s giving and taking. I didn’t manage to remove those sharp edges either, despite trying different approaches. FWIW, SVGcode’s black and white version seems workable, so you might also be fine by re-coloring the black and white
@cheeaun @estee_tey Another option that lets you save the file is visioncortex.org/vtracer/#. It uses yet another algorithm.
@cheeaun @estee_tey This is a surprisingly really tough one indeed. It looks simple to the human eye, but apparently not to the Potrace tracing algorithm. Sorry, no better result here either.
@WesGarland4 I know, but not an option where I work.
@cheeaun @estee_tey There’s a ton of tweaking options. Happy to give it a try if you want to share the input image.
@jviide Oh, interesting. I’ll give this a thorough try! Thanks!
@dennis_0x It’s simply the smallest yet highest resolution screen that my employer makes available in my region.
ChromiumDev 📢 Twitter Space pre-announcement: tomorrow, Tuesday, August 23, @tomayac and @petele will be your hosts for the Project Fugu 🐡 Space to chat about modern web capabilities, life, and how Pete mutes himself 🤐 in online meetings! See you there: web.dev/spaces/! pic.twitter.com/5Enc9UIvVJ
@tomduncalf Yeah, at this point in time I’m all for reducing screen size if it comes at the benefit of smaller pixels.
@rahul1sethi I thought so, too, for a moment, but then realized it was just displaying everything bigger (plus letterboxed). You can optimize for the built-in Retina screen or the external screen, and unfortunately it doesn’t seem to do magic.
@gazmcghee I’m maxed out unfortunately. pic.twitter.com/9GNEHNFdtX
@JonasKuske Yes, this was one of the first things that I tried. It doesn’t make a huge difference unfortunately.
jeziorny_ @tomayac Some background info - not an easy task to find a good display. Even a 4K display at 27 inch shows details less than ideally.
I always have some difficulties switching between a 5K iMac and an old HD display, especially with text..bjango.com/articles/macex…DTsven.de/dpi/1n
@sarajwallen I’m using the screen at its highest native resolution. There don’t seem to be any font settings in the current Ventura 13 beta. pic.twitter.com/5ebovfPGFn
@sarajwallen I get the physics. The screen is about 50–60cm away from my eyes. I’m really just wondering how others cope with this. Did you not work on Retina screens to begin with and hence aren’t spoiled? Or do you all get 4K, 5K, or higher DPI screen
I’ve been working on a 13 inch MacBook Pro’s 2,560×1,600 screen for the last couple of months and am now trying to make the switch to a 27 inch Lenovo screen at 2,560×1,440. I can’t help, but this screen looks bad. Did fonts always seem that pixely? Is
RGadellaa 📢 New blog post! TL;DR: Users are being spied on, websites are broken and hijacked.
It’s re-hashing a lot of what’s already been written on the subject of In-App Browsers, but I hope this’ll contribute a few useful thoughts, examples and… well. That.
webventures.rejh.nl/blog/2022/in-a…
@CharlieCroom This is so they can know they need to activate “test mode”. </sarcasm>
(Context just in case: consumerreports.org/cro/cars/volks…. This scandal has burned all the trust I had in a once great German brand.)
KrauseFx 🔥 New Post: Announcing InAppBrowser - see what JavaScript commands get injected through an in-app browser
👀 TikTok, when opening any website in their app, injects tracking code that can monitor all keystrokes, including passwords, and all taps.
krausefx.com/blog/announcin… pic.twitter.com/pQcX5vrEXc
jensimmons Learn all about how to use the `:has()` pseudo-class in walk-through of five demos!
“Using :has() as a CSS Parent Selector and much more”
webkit.org/blog/13096/css…
#css pic.twitter.com/FUrp9MrXmV
sw12 ❓ What’s in a Chrome origin trial token?
👉 Take a peek: ot-decode.glitch.me pic.twitter.com/f5xPtvgPHu
@TheRealNooshu @36degrees I don’t know directly, and couldn’t find the answer after a couple of searches. Probably @googleanalytics does.
patmeenan 👀 HTTP/2 PUSH is finally going away in Chrome 106: groups.google.com/a/chromium.org…
HTTP 103 is the best way to early-hint out-of-band.
Thanks to the community and teams that made this possible (standards teams for 103, CDNs for implementing, Net team, huge effort)
@sarah_edo “I also give them space to talk about what isn’t going well, and if they want to brag about anything.”
I wonder if you adjust the template for everyone when the team’s international, or just non-American team members? (I, a German, bein
@davrous My words! Let’s focus on the right wires instead. Gold is the gold standard. </joking>
@dannymoerkerke @kennethrohde @openuicg It’s not obvious right now, but see github.com/openui/open-ui… and tabatkins.github.io/specs/css-anch…, specifically tabatkins.github.io/specs/css-anch…. At least that’s my reading.
@danburzo Yes, it only really works in 105. The implementation in 104 is not complete. Sorry for the confusion.
@dannymoerkerke On localhost you can just enable the experimental web platform features flag: github.com/GoogleChrome/O….
(Noting the quoted Shopify tweet is from 2020 and the Airbnb blog post from 2018.)
Companies setting anew on React Native (quoted tweet ⤵️) while others migrated off it some years ago (medium.com/airbnb-enginee…). It’s definitely an interesting world. twitter.com/fnthawar/statu…
@nsthorat Congratulations on reaching this milestone! 🎈
@somebitsLinks Wow, I’ve been to Berlin many times but never noticed any of those. I’ll pay close attention during my next visit. Thanks, @nelson!
Google Meet call control for USB peripheral devices, so you can access features like a headset’s mute setting via the Meet Web app, powered by the #WebHID API: workspaceupdates.googleblog.com/2022/08/google…. Project Fugu 🐡 at work: web.dev/hid/.
simevidas As a workaround, set the aspect-ratio property to avoid the layout shift:
<video src=”video.mp4” controls
width=”1280” height=”720”
style=”—aspect-ratio: 1280 / 720”>
</video>
video {
aspect-ratio: var(—aspect-ratio);
max-width: 100%;
height: auto;
} pic.twitter.com/xy6o0Eeel6
simevidas Adding width/height attributes to <video> won’t prevent a layout shift in browsers. twitter.com/jaffathecake/s… pic.twitter.com/2uSNVbnkL8
On ratings and meters: lea.verou.me/2022/08/on-rat…. @LeaVerou has created two styleable and flexible custom elements, one user-editable, one not, to solve the star rating UI paradigm: ⭐️⭐️⭐️⭐️⭐️.
The HTML Standard has added a `focusVisible` option for the `focus()` method:
`button.focus({ focusVisible: true })`
This option enables websites to forcibly show the browser’s focus indicator (focus ring ✴️) when programmatically focusing an elemwebplatform.news/#1660387734000
Exciting new Chrome origin trial: the Pop-Up API, which can be used to build transient UI elements that are displayed on top of all other Web app UI, accessed using the `popup` content attribute allowing the element to be displayed in the top layer: developer.chrome.com/origintrials/#…
tkadlec Solid post from @tunetheweb about how CrUX differs from RUM web.dev/crux-and-rum-d…
CrUX is a great resource but I cringe a bit when I hear folks present it as a full-on RUM solution. It’s a _subset_ of your real-user data & best viewed as a supplement to your actual RUM
ericlaw Using a non-Canary channel, you can read my blog post about why Canary is *supposed* to crash like this: textslashplain.com/2022/08/04/und… pic.twitter.com/kmTefOBzWp
@SRobTweets @Google Wow, massive congratulations! Fantastic next step! 🎈
@edent Nothing in particular, just as a source of alternative and, above all, cheaper or even free apps. I enjoyed a go kart game, but don’t remember the name now and am away from my device at the moment. It was like first-person Mario Kart (with worse
Definitely check out SideQuest (sidequestvr.com). Some WebXR experiences (moonrider.xyz) and PWAs (web.dev/pwas-on-oculus…) are also fun. Agree on the hefty price tag of all official titles. I only bought 🏓 oculus.com/experiences/qu…, antwitter.com/edent/status/1…
@kennethrohde Duh. This is sad news. 😔
👀 #TIL about IndexNow, a way for webmasters to inform search engines about latest content changes on their website, supported by Microsoft Bing, Seznam.cz, and Yandex: indexnow.org. Notable absentee: Google. Upon changes, ping search-engine.example.com/indexnow?url=u…twitter.com/Cloudflare/sta…
ChromeDevTools 🤩 What’s New in DevTools (Chrome 105)?
🎞 Step-by-step replay in the Recorder
🎇 LCP in the Performance insights
✍🏼 Protocol handlers in the Manifest pane
… and more! Try in Chrome Canardeveloper.chrome.com/blog/new-in-de…Bpic.twitter.com/UrDs9Z7fdmdm
@patmeenan @nomsternom @twifkak @slightlylate Unfortunately “We are utilizing artificial intelligence and have expanded our human review processes to help us identify, capture, and verify cloaking.” doesn’t really provide much insights into the ques
@lajava77 @regocas @googlechrome Looking forward to seeing where this is headed. Thanks for the update!
Great thread in the defense of WebView-based in-app browsers from @patmeenan, who’s been working on Facebook’s. ⤵️ Hear him out with an open mind! twitter.com/patmeenan/stat…
@simevidas @slightlylate For those following along, I have opened an interoperability issue for this difference in behavior: github.com/w3c/clipboard-…. 📋 The initial tweet and the material is credited to you, Šime.
@andreban Or make the request from outside the WebView, strip the response header, and then inject the modified response. 🤔 Or maybe `shouldInterceptRequest()` allows to modify the response headers directly?
@lajava77 @regocas @googlechrome Fascinating read, thanks for writing this up. I touched the topic in the context of web.dev/url-protocol-h…, but little did I know about the internals. Also: yay for IPFS support. Brave already supports it if I recall corr
@KrauseFx FWIW, when I looked, they didn’t seem able to do anything completely unexpected with the injected script data that I saw.
@simevidas @slightlylate Ah, the spec mentions remote clipboard synchronization as a use case that needs to work without user gesture: w3c.github.io/clipboard-apis….
@Paul_Kinlan The devil 👿 is always in the details: “If the idea is for this file to be copyable to a directory on the user’s machine, we would need some mechanism for running Safe Browsing checks before copying a file from the sandboxed file system tbugs.chromium.org/p/chromium/iss…
@Paul_Kinlan Not yet. See bugs.chromium.org/p/chromium/iss… and bugs.chromium.org/p/chromium/iss…. It’s definitely something I wish for.
@simevidas @slightlylate The clipboard-write permission was removed in github.com/w3c/clipboard-…, but I’m a little surprised, too, that no user gesture is required: w3c.github.io/clipboard-apis…. The article should probably say what Alex’ tweet says regarding
@mrdoob @alexanderdanilo @grorgwork 👀 Do you have history links for both CSS3D and `<canvas>`? You got me intrigued now.
Oh, neat: `<dark-mode-toggle>` (github.com/GoogleChromeLa…) 🌒 is the featured item in the “🔧 Code, Tools & Resources” section on Frontend Focus this week: frontendfoc.us/issues/554.
Due to recent chatter (see quoted tweet ⤵️), if you need to inspect a WebView like Facebook’s, I’ve documented how to do this some time ago: blog.tomayac.com/2019/12/09/ins…. twitter.com/slightlylate/s…
👀 Interesting proposal by @adrianholovaty for WebViews to honor the desire of websites not to be framed by respecting the `X-Frame-Options: DENY` header value (equivalent to `Content-Security-Policy: frame-ancestors ‘none’;`) holovaty.com/writing/frameb…
claviska ElementInternals was just merged into WebKit! github.com/WebKit/WebKit/…
dannymoerkerke Push notifications now work in Safari Tech Preview on MacOS Ventura!
Notifications are even shown when Safari is not running.
I put together a demo project so you can test for yourself.
Although this is a great start, there are still some issues
🧵
github.com/DannyMoerkerke…
@RReverser @rictic @simevidas @tmcw (It takes a lot to put one’s code out there for the world to see. I think _none_ of us are criticizing it, I’m certainly not; we’re simply collectively making the code better, in an open-source sense. Just to set
@simevidas I think the core thing @tmcw is running into is bugs.webkit.org/show_bug.cgi?i….
@simevidas Also: Why create the blob from the text when you can get it directly from the response?
AndreyLipattsev While Russia’s invasion of Ukraine and subsequent recovery continues, I will accompany every post here with an appeal to donate @ donate.unhcr.org/int/en/ukraine… #StopPutin #NoToWar #StandWithUkraine
@AnaestheticsApp @diekus Right? I’m a bare user, I didn’t invent this. Just making sure…
@AnaestheticsApp @diekus While annoying, this can at least be worked around: github.com/tomayac/SVGcod….
cooperx86 An extensive independent list of Twitter’s search operators and advanced search techniques: github.com/igorbrigadir/t… – lots of stuff here not in the official docs.
agektmr Chrome 105 Beta: Custom Highlighting, Fetch Upload Streaming, and More
blog.chromium.org/2022/08/chrome…
tomayac I use this in SVGcode (svgco.de), where the form fields jarringly stand out (`select` at the bottom) or are hard to see (`input[type=range]`) in dark mode on Safari. It all looks fine in Chrome. pic.twitter.com/Sku20KxqAQ
tomayac Bug? 🐛 Apparently `color-scheme` can’t be assigned a value via a CSS variable in Safari: bugs.webkit.org/show_bug.cgi?i…. Compare the computed style of an `<input>` field that is assigned a `color-scheme` value of `light dark` via a CSS variable in Chrome and Safari.
(CC: @jensimmons) pic.twitter.com/j0elDq9Bof
Una Wowow did you see all of the new patterns that just landed from @argyleink’s GUI Challenges series?!
🥳 So many new patterns for you to pick up and use!
- Interactive headings
- Lots of components like breadcrumbs, split button, etc.
- Color schemes ++
web.dev/patterns/ pic.twitter.com/dLptBOZLe7
@schweinepriestr @Burtchen @LeaVerou @quicksave2k FYI, who has been working on SVG icon support in various parts of the platform: bugs.chromium.org/p/chromium/iss….
I use this in SVGcode (svgco.de), where the form fields jarringly stand out (`select` at the bottom) or are hard to see (`input[type=range]`) in dark mode on Safari. It all looks fine in Chrome. pic.twitter.com/Sku20KxqAQ
Bug? 🐛 Apparently `color-scheme` can’t be assigned a value via a CSS variable in Safari: bugs.webkit.org/show_bug.cgi?i…. Compare the computed style of an `<input>` field that is assigned a `color-scheme` value of `light dark` via a CSS variable in Chrome and @jensimmonspic.twitter.com/j0elDq9Bof
🤭 LOL, @WebPlatformNews! Well played: webplatform.news. pic.twitter.com/SU3j8RuT5C
@marvinhagemeist @dotproto I’ve reported this phishing attempt internally already and the TAG is on it. It’s surprisingly well made, and the converter actually works, but injects an evil script called `bower.js` (it’s nothing to do with Bower) in al
@sangwhanmoon Did construction likewise start on March 19, 1882?
@henrylim96 @jecfish Definitely the left example.
@cramforce Can’t wait! “Helene Fischer, but silenced!”
@jecfish Welcome to Bavaria! 🏴 Since this doesn’t properly render, check the link emojipedia.org/flag-for-bavar….
@monfera @dannymoerkerke @lexswed @WestbrookJ In the case of custom elements, though, the grass is all green 🥬 these days: caniuse.com/custom-element…. The last couple of non-green spots (e.g., caniuse.com/declarative-sh…) will hopefully become green rather so
TerribleMia There’s a long-standing CSS ‘best practice’ to remove units from zero-values. But there are many cases where that will break your code!
I explore the reasons for that, when to use zero-units, and the problems with over-eager lint & minification tools:
oddbird.net/2022/08/04/zer…
@bramus Well, mine was a typo fix 😂: github.com/maxogden/art-o….
A Complete Guide to CSS Cascade Layers: css-tricks.com/css-cascade-la…. The most concise introduction to Cascade Layers I’ve seen so far. Great work, @TerribleMia 👏!
Una 🚨 Chrome 105 is a HUGE release! (stable Aug 30)
🤯 :has() & size container queries are BOTH landing!
These are 2 powerhouse APIs for responsive, component-based design. Together they unlock so many possibilities!
I wrote a post on how to combine them:
developer.chrome.com/blog/has-with-…
ChromiumDev Chrome 105 includes the :has() pseudo-class. This gives us the long-awaited parent selector, but it can be so much more. Get all the details in this post from @jh3yy ⤵
developer.chrome.com/blog/has-m105/
@AnaestheticsApp Also see twitter.com/tomayac/status….
@Benjamin_Aster It would allow someone like Adobe to implement performance-critical and file-based read-write operations: web.dev/ps-on-the-web/…. Something we’ve also seen folks like DuckDB or SQLite be interested in with their Wasm ports.
@AnaestheticsApp Yes, this reading of the post is correct.
If you’re interested in the `show*Picker()` methods, star ⭐️ the bug bugs.chromium.org/p/chromium/iss… to be notified of progress.
📂 `showOpenFilePicker()`
💾 `showSaveFilePicker()`
🗄️ `showDirectoryPicker()`
In case you’re not camping out ⛺️ on the blink-dev mailing list as I do: It was just announced that there are plans to ship the File System Access API on Android and WebView: groups.google.com/a/chromium.org…. There’s one “but”, which is that this won’t include
Is Android finally going to fix my favorite pet peeve with the platform that you can never really be sure where you’re going “back” to? android-developers.googleblog.com/2022/07/prepar… 🔙
@rauschma My favorite “Heisenbug” when I was not aware of the problem. Another way of dealing with this is to reset `lastIndex` after each iteration, since it’s writable: developer.mozilla.org/en-US/docs/Web….
jaffathecake 📝 New docs for page transitions! Lots of demos and effects for the kinds of transitions you can create, but I bet you folks can do even better stuff.
developer.chrome.com/blog/shared-el…
From seawater to drinking water, with the push of a button: news.mit.edu/2022/portable-…
@danbri If true, this’d be incredible news. I wish sea water desalination was one of the Google X or even Elon Musk projects.
<sarcasm>
Gotta love the funding of this project, too:
🚫 Make clean water available to anyone.
✅ Make clean water availabl
@ShangChien7 @ChromiumDev SVG images (`image/svg+xml`) are directly supported by the Async Clipboard API (still behind the experimental web platform features flag, but implemented), but since SVG is a very powerful format, e.g., embedded scripts will be r
@edent @sangwhanmoon Visible again. Again. Let’s see if it sticks: issuetracker.google.com/issues/2403291….
Quick appreciation tweet for the folks over at @vite_js: thanks for fixing github.com/vitejs/vite/pu… 🙏! It has allowed me to roll out `<dark-mode-toggle>` (github.com/GoogleChromeLa…) for SVGcode (svgco.de). ☀️🎛️🌒 pic.twitter.com/YQsfC2aRtq
@dfabu @cramforce @benschwarz I honestly don’t know the answer. It’s been a while since I haven’t heard anything about `<portal>`. Maybe @domenic can tell us more?
@rowan_m Is that, is that a possible game state? 🤔
@rowan_m Solitcats 123 1/33
🐱🐱🐱
🐱🐱🐱
🐱🐱🐱🐱🐱🐱🐱
🐱🐱🐱😻🐱🐱🐱
🐱🐱🐱🐱🐱🐱🐱
🐱🐱🐱
🐱🐱🐱
web.dev/web-share/
ChromiumDev Until now, the Async Clipboard API 📋 supported a limited set of MIME types on the clipboard.
📢 The Async Clipboard API now supports web custom formats that let developers write
arbitrary(!) 🦄 data to the clipboard! All details in @tomayac’s article:
developer.chrome.com/blog/web-custo…
@dalmaer @jeffposnick @twosigma Seems like Dion was first, but there’s no better way to say it than he did: “helpful” is the one adjective that stands out in my mental word cloud when I think about all the times we’ve interacted. Thanks for every
DominicPajak We’ve made an 3D interactive BBC Micro with 100s of games ready for you to play on it 😀🎂
virtual.bbcmic.ro
cc @mattgodbolt @P_Malin #beeb40th #Metaverse pic.twitter.com/Ac2jpcVUoS
@cramforce @benschwarz Fenced frames maybe: github.com/WICG/fenced-fr…? Or anonymous iframes: github.com/WICG/anonymous…?
gamingonlinux Linux 5.19 is out now, Torvalds released it using an Apple silicon MacBook gamingonlinux.com/2022/08/linux-… pic.twitter.com/6VWUuYODCW
@ziyunfei @ChromiumDev This should work now if you copy the image with the MIME type set to `web image/gif`, given the receiving application accepts this MIME type. See the article for details.
Web custom formats for the Async Clipboard API 📋 is an incredibly powerful new way of interacting with the operating system’s clipboard! I got so excited 😆 about it, I even typo’ed an accidental line break ¶
in the announcement tweet… ⤵twitter.com/ChromiumDev/st…
@edent @sangwhanmoon Sigh, not sure what’s going on. I have pinged the internal issue again asking for clarification.
@TomasHubelbauer @edent Web bundles can remotely be delivered over HTTP(S).