@henry_dawson It’s beta for a reason š. Let’s see what they end up with.
@brucel @simevidas @cramforce There is a docs links section on ChromeStatus, but maybe it wasn’t used. Will check and fix on my next workday.
The Web is better with multiple browser engines to choose from (ā¤µļø), yes, 100%. Now just someone needs to tell the guardians who watch what gets in the App Store… šāāļø twitter.com/rmondello/statā¦dO
@steffenweber @b1tr0t @petele @Mustafa_x Thanks, triaged.
@lapcatsoftware Building a new browser engine from scratch definitely is a _super_ challenging endeavor, we fully agree. It’s not _impossible_ though, as @FlowBrowser show. It’s of course easier to fork or build upon an existing engine, all acknowledg
@lapcatsoftware @FlowBrowser “SpiderMonkey is Mozilla’s _JavaScript and WebAssembly Engine_, used in Firefox, Servo and various other projects.”—Bio of@SpiderMonkeyJSS (emphasis mine)
justinschuh This article provides quite the catalog of accumulating damage that Safari has done to the Open Web over many years, but at the same time the perspective of the author misses some key points (and I think that last part needs some digging into). [1/12] httptoolkit.tech/blog/safari-isā¦
@lapcatsoftware Paging @FlowBrowser who were busy building a new browser engine while you were typing this tweet. ekioh.com/flow-browser/
@adamdbradley I remember doing a Web search for this. I eventually restructured my class. š
The Share sheet in Safari on iOS 15.0 (build 19A5307g) stretches the concept of sharing a fair bit: the first action is Reload. There’s also this weird reload button in the collapsed URL bar… š¤Ø Hoping for the next design iterationpic.twitter.com/gTwefKdo5y
@quicksave2k I’d be curious to learn the size of the teams that work on WebGPU in Safari compared to Chrome.
@steffenweber @petele @Mustafa_x Apparently according to @Mustafa_x the mini info bar re-appearing on reload after being swiped away is a bug. On the browser this happens on could you please file a new.crbug.com and paste the link here? I’m ha
agektmr Desktop Chrome will soon receive SMS OTP delivered to your Android device if the website is using WebOTP. The beta Chrome 93 is rolling out from tomorrow. Learn more:
developer.chrome.com/blog/cross-devā¦ pic.twitter.com/Kp9yCZO8tB
@steffenweber @petele CC: @Mustafa_x as the author of developer.chrome.com/blog/richer-pwā¦.
“We’re documenting these enhancements on webkit.org and are proposing the specifications to standards bodies.”-webkit.org/blog/324/css-aā¦i (Feb 9, 2009)
There’s more:google.com/search?q=%22stā¦z
And they’re still innovating:github.com/WebKit/explainā¦twitter.com/dalmaer/statusā¦
@frgx @justinschuh @cramforce @cos_theta On the same device a VPN and Private Relay (PR) apparently don’t work together (if I read the slides well). If you proxy your device running PR through a server that runs Cloudflare VPN, I don’t know what happe
@steffenweber @petele @Mustafa_x, regarding the new mini info bar with screenshots and description: users ask if there is no way to close the bar _permanently_ (like with the ‘X’ in the old bar).
@steffenweber @petele Our recommendation is for sites to listen for the `onbeforeinstallprompt` event to control themselves when (or if at all) the banner will be shown: developer.mozilla.org/en-US/docs/Webā¦.
@VorticonCmdr @pimterry May I recommend reading this article by @derSchepp before saying something “is the new IE”? schepp.dev/posts/today-thā¦
An in-depth analysis by ā¦@pimterryā© of the impact Safari’s role that Apple decides the browser can play has on the Web. httptoolkit.tech/blog/safari-isā¦
@brucel @cramforce Better documentation link for this feature: web.dev/url-protocol-hā¦.
ChromeDevTools Cross-browser automation is hard. WebDriver BiDi is a new protocol aiming to solve that!
In this post, @maximsadym will walk us through:
- the current state of cross-browser automation
- the WebDriver BiDi project
Read more šš¼ developer.chrome.com/blog/webdriverā¦ pic.twitter.com/mMnBoDRUuI
smashingmag āØ There is no such thing as a CSS absolute unit. Well, @eladsc measured them. With a ruler.
smashingmagazine.com/2021/07/css-abā¦ pic.twitter.com/xBGvtsFEQE
While we’re waiting for the new viewport percentage lengths to land in browsers (ā¤µļø), it looks like `calc(100vh - env(safe-area-inset-bottom))` in the current iOS betas does what most people mean when they say “full viewport” in Safari: lukechannings.com/blog/2021-06-0ā¦twitter.com/tomayac/statusā¦
hansamann Just had to experiment with WebNFC and captured my thoughts and a few code examples here :cxlabs.sap.com/2021/07/27/nfcā¦ #sapcxlabs
CSS Container Queries: @ChromeDevTools Support: bram.us/2021/07/29/cssā¦ š. A nice overview of the current situation by @bramus.
@agektmr @henrylim96 The subject of the article is the WebOTP API, and the article states it works on Mac paired with Android, but not on iPhone (via WebOTP API). Here’s a more representative image suggestion: unsplash.com/photos/1HzaqbBā¦.
@bramus If I recall the design doc correctly, you can click 2 and edit it on the fly.
ChromeDevTools āØ What’s new in DevTools (Chrome 93)? āØ
š Editable CSS container queries
š¦ Preview web bundle request
š Improved CORS debugging
And more! Try in Chrome Canary today.
Full list of new features šš¼ developer.chrome.com/blog/new-in-deā¦ pic.twitter.com/5YPWkjERXJ
natfriedman We’ve just added built-in citation support to GitHub so researchers and scientists can more easily receive acknowledgments for their contributions to software.
Just push a CITATION.cff file and we’ll add a handy widget to the repo sidebar for you.
Enjoy! š pic.twitter.com/L85MS5pY2Y
davatron5000 š In response to an open question by @jensimmons, I blogged some thoughts about “one-offs” and my troubles with supporting Safari. daverupert.com/2021/07/safariā¦
Look whose name is on this webpage: webdirections.org/code/speakers/ā¦. I’ll speak about working with files in 2021. Don’t miss it! ā¤µļø twitter.com/webdirections/ā¦
@DanShappir One level deep, yes, fully agree. Everything deeper _I_ feel is mostly the author showing off at the reader’s expense of rapid code understandability.
bramus To see what browser vendors are up to regarding css-nesting-1, you can follow the relevant bugs:
š¤ Chrome: bugs.chromium.org/p/chromium/issā¦
š§ Safari: bugs.webkit.org/show_bug.cgi?iā¦
š¦ Firefox: bugzilla.mozilla.org/show_bug.cgi?iā¦
TerribleMia š The CSS Nesting spec has been approved for publishing as a First Public Working Draft. You can see the current Editor’s Draft here:
drafts.csswg.org/css-nesting/
(This moves it from a theoretical proposal, to an official work-in-progress module in the CSS spec.)
@frgx @justinschuh @cramforce @cos_theta Slide 13 says it’s not being used when other VPNs are installed (I read this as “connected” on iOS). But again, definitely not an expert.
domenic A six-year-old feature request finally got agreement to land in the HTML spec. Next up, implementing it in all the browsers!
This exposes the browser’s built-in deep object cloning abilities, without history.state hacks or an async hop through postMessage(). twitter.com/htmlstandard/sā¦
@frgx @justinschuh @cramforce @cos_theta If I understand slides 10 and 14 correctly, this isn’t possible due to the way the header is passed to the egress proxy: datatracker.ietf.org/meeting/111/maā¦. (No expert, though.)
@frgx @justinschuh @cramforce @cos_theta Thanks. If their bug tracker is public, I’d appreciate if you pasted the link to it here. š
@justinschuh @cramforce @cos_theta @frgx This is all powered by `Sec-CH-Geohash` (ietf.org/archive/id/draā¦). There’s a configuration in the OS that lets users choose how granular it should be. Reading how it _should_ work in theory I’d consider the Okttwitter.com/tomayac/statusā¦pic.twitter.com/aZ2bHFNbaf
@shadeed9 Love the way you approach this; so much consideration for the details! Discussing the pros and cons of each solution, simple and more complex. The demos are great, too!
shadeed9 āļø New Article: Thinking About The Cut-Out Effect: CSS or SVG?
This article provides a deep-dive into CSS and SVG methods for implementing a cut-out effect. Exploring different ways to solve such a problem was very interesting. Happy reading!
š ishadeed.com/article/thinkiā¦ pic.twitter.com/GhwvADqRfo
Interesting slides on Apple’s Private Relay feature: datatracker.ietf.org/meeting/111/maā¦ [PDF]. #TIL about the `Sec-CH-Geohash` HTTP client hint header (ietf.org/archive/id/draā¦), which uses Geohash (en.wikipedia.org/wiki/Geohash).
FYI @arnaudbrousseau, who may still have contacts to there from his previous job. (Also: hi š! Hope you’re doing fine.)
@danbri @samuelgoto @RubenVerborgh @sf433 @timberners_lee The `gender` field accepts free text: schema.org/gender. Naively that’s where I’d have put pronouns. Or maybe `honorificPrefix` or `honorificSuffix`, which both accept free text, too: schema.org/honorificSuffix
@simevidas @jensimmons This app is a perfect example for an app that could use the Screen Wake Lock API (web.dev/wake-lock/ & bugs.webkit.org/show_bug.cgi?iā¦). It just dimmed the screen, then turned it off mid workout. Also: no sound output on iOS, not sure
You shouldn’t build in-app “browsers” (IA”B”; infrequently.org/2021/07/hobsonā¦ by @slightlylate or blog.tomayac.com/2019/12/09/insā¦ by yours truly), but @Yelp’s IA”B” is next-level horrible: it makes sites that perfectly redirect traffic to HTTPS look bad btwitter.com/johnwilander/sā¦
@feross @Wormhole_App Growth hacking at its best. š
@vrandezo Check out `<datalist>`: developer.mozilla.org/en-US/docs/Webā¦. pic.twitter.com/yj5su4XWtQ
jeffposnick ā What’s the difference between precaching and runtime caching? Which should your @workboxjs powered service worker use?
š§ I’ve got thoughts to share!
jeffy.info/2021/07/26/preā¦
#GoogleIO lies a couple of months back now, and because it was so busy maybe some of the “amazing video, great story” (@Paul_Kinlan) content has fallen through the cracks. Here’s your chance to catch up: twitter.com/tomayac/statusā¦.
@jabronso Answered in github.com/jab/bidict/issā¦.
@Mandy_Kerr @PixelAmbacht @abrax5 is the person to approach for this.
@slightlylate Where’s the “burn” š„ emoji reaction for regular tweets that aren’t DMs?
@edent Get leo.me.ss/i and sell it to Lionel Messi for his new “LEO MESSI WEBSIDE” (actual quote from messi.com/en/).
@slightlylate @jaffathecake “The resolution CSS media feature can be used to test the pixel density of the output device.”-developer.mozilla.org/en-US/docs/Webā¦N. Cache invalidation and naming things…
@denladeside @reillyeon @html5test Really nice! What do you control with it? š¤
@steveruizok @tldraw Very exciting! Looking forward to seeing you grow this app. š¤©
@benmorss I asked: en.wikipedia.org/wiki/Talk:Protā¦. For representative image material, check commons.wikimedia.org/wiki/Category:ā¦.
@benmorss https://www.vincentvanvo… .com/bee-activism (Not linking directly on purpose. I’m not sure why the Wikipedia editors chose to feature this particular photo.)
@briankardell @jordaust @jensimmons @cwiiis @igalia That’s great news! Been waiting for it for a long time!
@firt @jensimmons +1 to everything on this list. Also File System Access (web.dev/file-system-acā¦) and File Handling (web.dev/file-handling/). Plus a lot of subtle things like dealing differently with user gesture handling (bugs.webkit.org/show_bug.cgi?iā¦).
xkcd Dual USB-C xkcd.com/2493 pic.twitter.com/plKUXDWFtz
@samthor Yeah, I see how this could happen since the labels were missing, sorry. It’s not a percentage, but a compatibility score. See wpt.fyi/compat2021?feaā¦ for the details.
Extremely well written comparison between the Edgium-powered WebView2 and Electron, written by the ā¦@electronjsā© team and reviewed by the Edge WebView2 team. š electronjs.org/blog/webview2
@Paul_Kinlan @aerotwist Same here. Team @AstraZeneca. The first dose had me knocked out for an entire day. The second dose I didn’t even notice.
@benmorss My hopes are low. en.wikipedia.org/wiki/Protests_ā¦
#Compat2021 mid-year update:
š Chrome and Edge Dev went from 86 to 92.
š Firefox went from 83 to 86.
š Safari went from 64 to 82.
It’s improving! š web.dev/compat2021-midā¦
AlexandreDevaux Experimenting with Pose Estimation and #webgl
little demo here šwhenistheweekend.com/pose_estimatioā¦
#Olympics @threejs pic.twitter.com/J9wLAEER58
ChromiumDev š£ We’ve just published more detailed Privacy Sandbox milestones on the path to responsibly phasing out third-party cookies in Chrome! We will update this monthly with testing plans and more ā¤µļø
privacysandbox.com/timeline
@html5test Do you know something the general public doesn’t know? Stocking up on toilet paper š§» again? Oh, it’s printer paper this time. š
@tobie @fantasai @W3CAB My immediate gut reaction response was “thank you for your service”. Then I saw your reply.
@simevidas @opera @photopeacom Yeah, it seems like their bug tracker is private. The Jira ticket ID may help someone gain access maybe.
Web Features That May Not Work As You’d Expect. Nice reminder of why on the Web we can’t have nice things and why. css-tricks.com/web-features-tā¦
@technikhil314 @bramusblog No worries. I know what you mean, but in this particular instance (and many others) they are fully up-to-speed. In other areas, they have different priorities.
@technikhil314 @bramusblog I find this comment unnecessarily negative. I don’t see a reason why Safari wouldn’t be interested in supporting this.
Reported: 2017-01-23 15:32 PST by Myles C. Maxfield (mmaxfieldā@āappleā.com).-bugs.webkit.org/show_bug.cgi?iā¦
Chromium ain’t Chromium: @opera failing its users in hilarious ways: github.com/photopea/photoā¦. The Project Fugu š” #FileSystemAccess API is currently not reliably usable in Opera 79 š. Sorry for you, @photopeacom Opera users.
bramusblog Prevent unwanted Layout Shifts caused by Scrollbars with the `scrollbar-gutter` CSS property
š bram.us/2021/07/23/preā¦
š· #css #scrollbar pic.twitter.com/djPRHEXXMv
dluzar Working on Excalidraw and Excalidraw+ we’ve been doing lots of modals. I thought I’d share some of the points from my experience.
I also made this into a quick reference: excalidraw.com/#json=64240170ā¦ pic.twitter.com/hS27d478Lp
@gokul_i @GNUmanth Brave has disabled it: github.com/brave/brave-brā¦. š
@Una Happy birthday, Una! Have a great day! š
@jaffathecake @FalkenMatto may remember the details!?
@jaffathecake Blobs taint the canvas immediately, and data URLs (see last comment on the bug) somehow don’t work and seem to simply strip out all HTML in foreignObject. HTML2Canvas exists (and is 42kb gzipped) for a reason.
I was that close to a cool screenshot approach based on an SVG image with `foreignObject` HTML rendered to a canvas that would then be `toBlob()`’ed, but the canvas is always tainted: bugs.chromium.org/p/chromium/issā¦. Too bad…
URLPattern brings routing to the Web platform, by @jeffposnick: web.dev/urlpattern/. This (polyfillable) new browser feature makes routing a lot better!
@tkdn Thanks :-) You can read about my site design choices here: blog.tomayac.com/2019/09/29/theā¦.
@tkdn See web.dev/text-fragments/.
@kilianvalkhof @mathias Regarding normalization: you can just compare to `’not all’` (notice the superfluous spaces): `window.matchMedia(‘(prefers-reduced-data )’).media === ‘not all’`.
I also like your CSS-only approach, didn’t think about this. Nice o
š Oh, nice, @FrontendDaily has included my article in their latest issue (frontendfoc.us/issues/500). It’s one of my favorite newsletters, really happy about their occasional featuring of my writings: blog.tomayac.com/2021/07/21/darā¦.
@kilianvalkhof I approach it slightly differently: blog.tomayac.com/2019/09/16/notā¦.
@HazemOIbrahim Very interesting article and great collection of links! It might be worth calling out some of the Project Fugu š” work that enables an ever-growing list of use cases on the Web. Here’s a collection of features and case studies: web.dev/tags/capabilitā¦
I refrained from posting this and keep my posts on-topic, but the vaccination numbers stagnating despite (in many countries) vaccines being available infuriates me! My three kids are fine, but quarantined due to an immediate contact with an infected perso
My wife and I got vaccinated šš the literal day the German government š©šŖ opened up the @AstraZeneca vaccine to the general public (back then we were far out of the age range of other vaccines). If your country makes _any_ vaccine available, do
@esosanderelias @ChromiumDev Filing github.com/WICG/storage-fā¦ was exactly the right thing to do to move this forward. Thanks for doing so!
@nekrtemplar Wow, reproduces on my machine. Filed crbug.com/1231914.
@jlongster @mtomweb @ChromiumDev This is great feedback, thanks, James! Would you mind dropping it in new Issues? github.com/WICG/storage-fā¦
mgechev Ever struggled finding the script you’re looking for in @ChromeDevTools?
You can search in *all* scripts using “ā„ + ā + f” on macOS and “Ctrl + Shift + F” on Windows š
Bonus tip: you can also search by a regex š¤Æ pic.twitter.com/2SeoXZ7Tw6
stefanjudis I love a good post about nerdy browser things. š
@jimniels shared a bunch of interesting facts about things he found in the Safari UA stylesheet on his blog.
blog.jim-nielsen.com/2021/things-i-ā¦ pic.twitter.com/IKHfwqAgxI
@rowan_m This stretches AABBA a fair bit š. But I still approve of the Limerick.
tomayac @rowan_m I just came here hoping to read your page
But you fscked the experience and made me rage
Megabytes of JS you ship down the line
Whoever in your org thought this was fine
Is gonna learn that closing the tab is how I engage.
@rowan_m I just came here hoping to read your page
But you fscked the experience and made me rage
Megabytes of JS you ship down the line
Whoever in your org thought this was fine
Is gonna learn that closing the tab is how I engage.
juliaferraioli Since y’all liked this, I feel compelled to inform you that the US government provides a #DadJokes API:
fatherhood.gov/jsonapi/node/dā¦
@dylanatsmith @andreban @Una Just filed crbug.com/1231898 to hopefully make this happen.
@jeffposnick I once had a DevTools snippet to unhide them all. Unfortunately I forgot to migrate it when I switched computers recently.
The @brave browser folks have upstreamed their implementation of time-boxed permission grants (brave.com/privacy-updateā¦) to Chromium. Personally a big fan of this approach of dealing with permissions. š twitter.com/pes10k/status/ā¦
@nekrtemplar You can file a new.crbug.com and paste the crash ID obtained via chrome://crashes.
BenjaminCoe crypto.randomUUID() is now stable in Chrome 92 \o/
thank you @domenic, @ctavan, @broofa, and many others, for helping advocate for this feature.
hope folks enjoy š pic.twitter.com/muWw19bisy
ChromiumDev SVG app icons for Progressive Web Apps have a hidden super power š¦ø: they are dark mode aware. Read about the caveats in @tomayac’s blog post. ā¤µļø twitter.com/tomayac/statusā¦
@feross @ChromiumDev @MSEdgeDev @webkit @mozhacks Followed up on my promise: github.com/GoogleChrome/wā¦.
@nhoizey ICYMI: blog.tomayac.com/2021/07/21/darā¦. This works on Android (12, didn’t test older versions yet).
@4esn0k I just tried it on Android 12 and it worked :-)
Dark mode Web App Manifest app icons āļøš: Can one use SVG app icons that are reactive to `prefers-color-scheme`?
Read on to find out: blog.tomayac.com/2021/07/21/darā¦! pic.twitter.com/UIuavu1zgB
@nhoizey At least not anymore on macOS where I tested this. I have a blog post coming up, deploying to the server now.
@aakansha1216 ā„ļø Thanks!
@aakansha1216 Have you tried listening to this tweet? Now imagine being a screen reader user and having to suffer through this… Please just use regular characters. Thankspic.twitter.com/iVvhZk92rSrS
@tedmasterweb @ChromeDevTools A way to let you test new browser features with real users of your site. Please see developer.chrome.com/blog/origin-trā¦ for the details.
@netspooky LOL, that’s an expensive way to buy you one of those..nordicsemi.com/About-us/BuyOnā¦m#InternetOfShitit
samthor Some tiny notes on async in JS.
whistlr.info/2021/async-andā¦
@denladeside @mhartington In my opinion it all boils down to making the tracking transparent. See the UI reflections in the “Closing thoughts” section of my post blog.tomayac.com/2018/12/18/expā¦.
paul_irish @simevidas here’s a random thank-you for this quality SO answer on DOM Attributes vs Properties: stackoverflow.com/a/6004028/89484 š.
Aside: I do wish that reflection spec text had some non-normative examples.. would really help this important and under-documented subtlety.
@paul_irish @simevidas +1, this is a really great answer. I’ve “learned” this by trial and error, and only _understood_ the concepts behind long after examining the symptoms.
@slightlylate @jyasskin Let’s from now on just spell it like IA”B”.
Or like IAāļøBāļø if you prefer the scare quotes emoji version.
š¢ You can now get info about a site’s Origin Trials and if the deployed tokens are (still) valid in @ChromeDevTools on the Application Tab (all the way down in the Frames section). Try it on, for example, mediastreamtrack.glitch.me (requires Chrome Canarypic.twitter.com/qHwxEy98wZ
@simevidas @ChromiumDev @chriscoyier You are absolutely right, only a per-site browser-level setting that sends the right `prefers-color-scheme` value would fully fix this.
@steveruizok Maybe this tweet is of interest to you: twitter.com/ChromiumDev/stā¦. Expect this to be testable soon.
š The CSS Values & Units Module Level 4 spec has added new viewport-percentage lengths, namely `*vw`, `*vh`, `*vi`, `*vb`, `*vmin`, `*vmax`: w3.org/TR/css-values-ā¦. This finally allows you to express what _you_ (rather than the browser vendor) mean wh
andreban What percentage of sessions and pageviews for “Android WebView” do you see in your Analytics? Is that number meaningful enough for you/your business to care where that traffic is coming from? Reply to the thread with numbers and thoughts (or DM).
ChromiumDev š Do you take notes? Some operating systems have OS-level integrations to facilitate this task (Chrome OS: support.google.com/chromebook/ansā¦, Windows: windowscentral.com/how-change-notā¦).
There’s a proposal to let installed PWAs become the official note taker app: github.com/WICG/manifest-ā¦. Thoughts?
simevidas Dayum, what a gotcha jsbin.com/fipizid/edit?hā¦ twitter.com/tabatkins/statā¦ pic.twitter.com/uSCUl6HQcj
@Snowden A question I asked myself, answered by @verge: “Why can’t Apple spend its way out of security vulnerabilities?”: theverge.com/2016/8/26/1266ā¦.
Snowden Stop what you’re doing and read this. This leak is going to be the story of the year: (LINK: theguardian.com/world/2021/julā¦) pic.twitter.com/doo4HDDzxt
The `Object.define()` method can be useful if you want to extend existing objects like `Intl`, as I do in my js-input-masking-polyfill library (github.com/tomayac/js-inpā¦). ā¦@aakansha1216ā© has just published a good š introduction to the topic: aakansha.dev/hacking-javascā¦
@passle_ @agektmr Lion is great! Absolutely. I just guess your “not a common” use case is my personal likely use case š github.com/ing-bank/lion#ā¦.
@agektmr I wish more components were published unstyled, but easy to style: github.com/thepassle/geneā¦ (by @passle_)
@agektmr Yeah, it’s probably just that I would want a component catalog, but most of the community produces design systems.
@agektmr Why the hard requirement to load the Roboto font? That’s something I dislike about design systems that do “too much” (for my taste).
Clever use of CSS animations to create a (manually settable) HTML- and CSS-only clock. css-tricks.com/of-course-we-cā¦
@rtroncy @Festival_Cannes Where are you in this picture? buzzfeednews.com/article/davidmā¦
@html5test Looks like you might be interested in bugs.chromium.org/p/chromium/issā¦. šØ Please link your article in the comments, or paste core sections. Thanks!
@excalidraw I noticed they were lacking when I recently introduced one of my kids to Excalidraw on the family iPad. Good to have them back!
@firt @kennethrohde @AaronGustafson @quicksave2k š¤ Could this finally give `purpose` a purpose? w3c.github.io/manifest/#purpā¦
How Apple, Facebook, and Google Broke the Mobile Browser Market by Silently Undermining User Choiceā¦. Brilliant(ā¼ļø) analysis by ā¦@slightlylateā© of the mobile browser and “browser” situation.
(Also thanks for the PWA Feature Detector šµļø infrequently.org/2021/07/hobsonā¦
rick_viscomi š New post with @felixarntz: The performance effects of too much lazy-loading
The bottom line is that lazy-loading LCP images can make them slower. Don’t do it!
Learn more about our analysis š
web.dev/lcp-lazy-loadiā¦
@firt And Chrome 49 is almost certainly someone on Windows XP.
@AmaliaEFowler @JohnMu Is the remote location still in the same country (thus legislation), or are we talking global remote? If pay varies in-country, what about smaller countries with cost of living variance but that BigCorp may not have data on? If you
How we protect users from 0-day attacks. Site isolation, as implemented in Firefox and Chromium, plays a key role. blog.google/threat-analysiā¦
rauschma macOS Monterey Beta 3: Apple redesigns Safari tab interface following complaints
macrumors.com/2021/07/14/macā¦
@davrous Haha, is SpeedTest running on Azure? Is this testing the speed from server rack to server rack? (Also: is there a way to get early access to Windows 365?)
@jaffathecake @gsnedders Make Safari an installable app like all other apps, or as a second-best option, at least Safari Tech Preview, so developers can test early <del>and prepare their fixes</del><ins>and report bugs so they don’t make it in the relea
@simevidas Wow, never heard of this requirement. (I didn’t report you š, just to set this straight.)
justinfagnani CSS Module scripts were just merged into the HTML spec! š
html.spec.whatwg.org/multipage/webaā¦
Thanks @dandclark1 and @domenic !!
Another great GUI Challenges episode by @argyleink š—this time solving breadcrumbs. I love how he uses `select` boxen to allow for side navigation, too. Try on mobile: With the latest Safari mobile UI the option picker appears right in-place and not twitter.com/ChromiumDev/stā¦
Windows 365 streamed through any browser to whatever device—powerful or slow, big screen or small—is the most logical step for Microsoft to take. Fat server, thin client; but evolved for the present we live intwitter.com/satyanadella/sā¦uu
@Loilo92 @HaulPebert Exactly. As the article says. š
It’s using the semantically correct element paired with clever use of CSS clipping and the wrapping as a reusable custom element that makes this a nice solution, all without any framework dependenc
Chromium Blog: Increasing HTTPS adoption. Chrome now lets you opt-in to make HTTPS the default option. blog.chromium.org/2021/07/increaā¦
Building an accessible image comparison web component. Great write-up by ā¦@HaulPebertā© on how a couple of lines of JavaScript paired with standard form elements and some CSS lets us create impressive new elements. (Also see github.com/GoogleChromeLaā¦.) cloudfour.com/thinks/buildinā¦
@jensimmons -webkit-background-clip (developer.mozilla.org/en-US/docs/Webā¦) and -webkit-text-fill-color (developer.mozilla.org/en-US/docs/Webā¦).
@hfmuehleisen @mark8264 @CWInl @duckdb Wow, congratulations! š
Very detailed article by @felipeerias on existing and new color spaces and what they mean for browsers. šØ twitter.com/felipeerias/stā¦
felipeerias “Towards richer colors on the Web”
A long piece about the ongoing efforts to add richer colors to the Web platform and why that is important, plus some ideas for future development on Blink/Chromium.
darker.ink/writings/Towarā¦
@igalia pic.twitter.com/Q2m4URZaNQ
@yoavweiss I agree. Safari on iOS at least allows for the sharing of different sizes of the same image, but if a service has hard requirements regarding resolution or size, it’d still need to happen in JS.
@DanShappir @ChromeUXReport @Wix @WixEng So happy you moved this curve up. Fond memories of our discussions at Wix HQ where you outlined the plan to do so. Great it worked out!
@gsnedders @briankardell @foolip There is definitely _huge_ value in some human curation, as @foolip and @robertnyman have done for #Compat2021: web.dev/compat2021/.
@briankardell @gsnedders Ask @foolip about this.
issielapowsky This is the geekiest story I’ve ever written, but I found it so fascinating.
The W3C is a microcosm of all of the global policy debates around privacy and competition we see playing out right now, but it’s engineers, not politicians, doing the talking. protocol.com/policy/w3c-priā¦
@rafael_falco @Paul_Kinlan @discourse @DasSurma @jaffathecake Great post. Also a great example for the kind of obstacles developers need to deal with when building apps that in theory could just run anywhere: twitter.com/gsnedders/statā¦. These are features, n@gsnedders
Faster (and smaller) uploads in Discourse with Rust, WebAssembly and MozJPEG. Great technical blog post by the Discourse team on client-side image optimization before uploading. blog.discourse.org/2021/07/fasterā¦
v8js šÆ Ever wanted to easily access items from the end of a collection? Well now you can!
Check out the feature explainer for the new `.at()` method on arrays, strings and TypedArrays: v8.dev/features/at-meā¦
@gsnedders @briankardell (Assuming the current level of transparency.) Look through the bug tracker for the most commented-on and the bugs with the highest number of people on CC: to get an initial list. Then triage internally based on feedback you’ve r
stackblitz Introducing node.new
The fastest way to start with Node.js! pic.twitter.com/g9EN5SU5dl
@steveruizok Looks like bugs.webkit.org/show_bug.cgi?iā¦ would fix this.
The Missing Semester of Your CS Education: an introductory lecture by MIT to all the tools those in the know just assume students will just pick up naturally or already be an expert on. šØāš« missing.csail.mit.edu
@dalmaer You always meet thrice, right? All the best, Dion!
quicksave2k š„³ Chrome Canary 93.0.4570.0 now supports sharing PDF files with Web Share on Android, Chrome OS, and Windows.
See chromiumdash.appspot.com/commit/7d30d42ā¦
Pssst… If you’re on macOS, run Chrome with `—enable-features=WebShare` to get the Web Share API working. twitter.com/quicksave2k/stā¦
@argyleink @Stegosource @technikhil314 Implementation differences in browsers aside, you should definitely align what you tell the browser in the meta tag and in the CSS. š
@argyleink @Stegosource @technikhil314 Hmm, not sure if browsers do the right thing in all cases. Compare the Glitch iframe preview version vs. the Glitch standalone. The meta tag should win, at least that’s my interpretation of the spec.
@argyleink @Stegosource @technikhil314 The meta tag is a non-CSS presentational hint (w3.org/TR/css-cascadeā¦) and as such has precedence. Demo: like-orange-soursop.glitch.me.
@dalmaer They are indeed! And, pssst š¤«, work has started on adding a new one: github.com/tomayac/js-inpā¦.
Paul_Kinlan We’re hiring a Program Manager!
I’m looking to build out the next generation of web.dev, developer.chrome.com.
If you’re passionate about devs, content and learning platforms, and you’ve got project management experience, hit me up!
careers.google.com/jobs/results/7ā¦
@bnijenhuis @hdv Something very few tutorials call out is `Request.destination`. It can make your life as a developer easier and your service worker less dependent on URL structures: blog.tomayac.com/2018/08/22/serā¦.
npm audit: Broken by Design, by ā¦@dan_abramovā©. I have stopped caring for these “issues” a while ago after carefully “fixing” my dependencies for way too long. overreacted.io/npm-audit-brokā¦
slightlylate Git worktrees are one of those features I heard about and low-grade wanted to use ever since.
Finally banged my head against this particular wall hard enough to make it go, and here’s an advice-at-the-level-I-need-it getting started guide:
infrequently.org/2021/07/worktrā¦
RonAmadeo So @lmanul quit Google and released a bunch of internal-only Google comics, and I have a favorite.
goomics.net/50/ pic.twitter.com/vX7PLtFlIu
@feross @ChromiumDev @MSEdgeDev @webkit @mozhacks We should properly document this and add it to web.dev/async-clipboarā¦. On vacation now, but taking an action item on me to do this.
ricmac New @webdevhistory post tackles 1998 in #webdevelopment. Microsoft had usurped Netscape in the browser market by the end of 1998, *however* the #OpenWeb had strengthened on a few important fronts too: Mozilla’s birth, DOM Level 1, & the emergence of WaSP. webdevelopmenthistory.com/1998-mozilla-wā¦
@fernap3 It’s described in this article: chromium.googlesource.com/chromium/src.gā¦.
@fernap3 The idea behind this is to allow people to install (and then differentiate) the same app with different user profiles.
quicksave2k To get it working, simply include the `Sec-CH-Prefers-Color-Scheme` in the response headers `Accept-CH` and `Critical-CH`. The request header `Sec-CH-Prefers-Color-Scheme` will then be magically populated with the appropriate value.
Try it at sec-ch-prefers-color-scheme.glitch.me pic.twitter.com/L0vUvhhVJJ
quicksave2k Your backend can now inline the CSS for dark or light mode āļøš only into the response body thanks to the new `Sec-CH-Prefers-Color-Scheme` client hint header in latest Chrome Canary š„(without any flag).
See chromiumdash.appspot.com/commit/ebcccd6ā¦ and wicg.github.io/user-preferencā¦ pic.twitter.com/yNvfzIGGoq
@slightlylate @Fyrd I’m working on something in this direction. Meanwhile, PWA Feature Detector (tomayac.github.io/pwa-feature-deā¦) is still up. The new thing is, no surprise, focused on Project Fugu š” APIs. I’m vacationing for the next two weeks, but will h
@mathias @argyleink This doesn’t take normalization into account: `(prefers-color-scheme:dark)` (which your CSS minifier may produce) is equally valid as `prefers-color-scheme: dark)` (the browser normalizes both). Here’s my take on this problem:blog.tomayac.com/2019/09/16/notā¦
PixelAmbacht Learn about typography!
ā¢ Ligatures aren’t always the answer.
ā¢ If it looks wrong, it is wrong.
ā¢ Dig into the buttcrack.
ā¢ Don’t even think about putting tomatoes in the fridge.
and more wisdom from @OHnoTypeCo’s Type School! (via @elliotjaystocks)
ohnotype.co/blog/ohno-typeā¦ pic.twitter.com/xtGNk5TEJr
š Static lit builds so you can just…
“`js
import lit fromunpkg.com/lit-dist/dist/ā¦iM”;
“`
For some background on this, check the Issugithub.com/lit/lit-elemenā¦ls opened b@slightlylatete, and the repo b@fserbrb with the different buildsgithub.com/fserb/lit-dist
@sw12 This. And “[f]allthrough by default is a horrible idea. The vast majority of the time, you don’t want fallthrough. So why is fallthrough the default, and the common case needs opting into?”-eev.ee/blog/2016/09/1ā¦A
@TheRealNooshu It might be Safari, the actual browser, vs. SFSafariViewController, the default in-app browser used, e.g., by the Twitter app (different from customizable WKWebView, used, e.g., by the Facebook app). Both use an identical user agent. See research.google/pubs/pub46739/
quicksave2k I’m currently happily working on adding support for sharing PDF files with Web Share on Android, Chrome OS, and Windows.
See chromium-review.googlesource.com/c/chromium/srcā¦ pic.twitter.com/apvEksruoK