ericlaw Inside Chromium’s clever and brave plan to change the recipe for cookies: textslashplain.com/2019/09/30/sam…
I think it’s the biggest change to the web platform you probably haven’t yet heard about.
@westonruter And it’s super useful for dark mode: web.dev/prefers-color-….
Element Timing, or Time to First Cat: wicg.github.io/element-timing/. Now usable in Chrome 77. The slide shows the source code you can copy from the spec. 👍
(@egsweeny and @paul_irish at #ViewSourceConf) pic.twitter.com/4RzIRTiCs4
Performance Budget Calculator for your @____lighthouse runs: perf-budget-calculator.firebaseapp.com. Neat tool tip from @egsweeny’s and @paul_irish’s #ViewSourceConf talk.
hdv ‘All of us browser makers are motivated by different things. Some of us make iPads, some of us have huge complex code bases like Gmail… this is positive, these differences result in push and pull’ @miketaylraylr on why browser diversity is essent#ViewSourceConfConf
slightlylate Are you a PWA developer? Frustrated that Chrome is (far) behind other browsers in advertising that your site is installable? Make your voice heard by starring @alexey_rodionov’s bug here:
bugs.chromium.org/p/chromium/iss…
/cc @b1tr0t
@somelaniesaid @ASpittel Related ⛳️ reading: docs.google.com/a/ubilabs.net/… by @aemkei.
ChromiumDev Hello Monday👋Many of our team are attending @viewsourceconf this week, come find @petele @tomayac @argyleink @DasSurma @kosamari @sw12 and more at the venue and ask us anything 💪 #ViewSourceConf
@bkhowson @patmeenan @slightlylate TIL, it’s right in the yellow note on developer.mozilla.org/en-US/docs/Web….
Augmented Reality in JavaScript by @ASpittel: alispit.tel/ar-javascript/… #ViewSourceConf A big piece of AR is Snapchat and Instagram. 💄
@slightlylate @patmeenan Okay, okay, here you go: webpagetest.org/result/190930_…. Oh the Google Slide embed. 😰
@flaviocopes Something interesting to know in this context is this stat: blog.tomayac.com/2019/04/04/let…. Some users also just want their operating system dark, but not websites.
@patmeenan @slightlylate This doesn’t seem to work on neither Chrome on Android nor Safari on iOS. pic.twitter.com/OChyR9BxtO
@flaviocopes Why not have both? 😃 Initially adhere to the user preference, but allow the user to override it (permanently) if they choose to: web.dev/prefers-color-….
@slightlylate @patmeenan Just noticed I had to manually add the ‘s’ in the URL so the protocol is https://. Can webpagetest.org automatically use a secure connection? I *think* this issue github.com/WPO-Foundation… mentions some bits of the relev
@slightlylate Happy birthday 🎂, Alex! Here’s some recursive tracing for you (the queue is busy, waiting behind 11 others 🙌)! webpagetest.org/result/190930_…. twitter.com/slightlylate/s…
@cassidycodes The `color-scheme` CSS property or meta tag respectively should in the future help avoid this—the idea being to let pages inform the UA about the scheme early so it can adapt the UI accordingly, e.g. set a dark default background.drafts.csswg.org/css-color-adju…drafts.csswg.org/css-color-adju…
@cheneytsai @dalmaer @HenrikJoreteg …which most probably just embeds said page in a web view. 🤦♂️
somebitsLinks DNS over HTTPS and policy
“How DNS over HTTPS is Reshaping Privacy,Performance, and Policy in the Internet Ecosystem”. Very thoughtful paper.
cs.princeton.edu/~pschmitt/docs…
@argyleink That’s awesome! 👏 Consider following this CSS architecture web.dev/prefers-color-… and giving it the `<dark-mode-toggle>` github.com/GoogleChromeLa… treatment. Happy to help out, of course.
😻 An incredibly cool device orientation demo and variable fonts showcase at the same time by @Mandy_Kerr in the quoted tweet. ⤵️
(A quick console patch to make it work on iOS: twitter.com/tomayac/status…) twitter.com/Mandy_Kerr/sta…
@Mandy_Kerr 😲 This demo is incredibly cool. On iOS 13.1 (potentially earlier versions, too), just add this line and it works:
document.addEventListener(‘click’, async () => await DeviceMotionEvent.requestPermission());
@smphr @shwetank I was a WebWasher user back then. So strange that it came from Siemens, a brand not necessarily known for its web affinity at the time. Another fun fact is that (by default) it transparently changed the user-agent, no obscuring whatsoeverde.wikipedia.org/wiki/Webwasher
@filmaj @tobie Ironically enough, their web app works perfectly fine but they still have native apps.
@filmaj @tobie +1 to workfrom.co, web-based, nice and elegant, and at least for my area the suggestions are great!
Paul_Kinlan We’re hiring for a Chrome DevTools Developer Advocate (Munich based). If you love tooling and helping developers, ping me.
careers.google.com/jobs/results/1…
TimvdLippe “How did MS-DOS decide that two seconds was the amount of time to keep the floppy disk cache valid?”
devblogs.microsoft.com/oldnewthing/20…
@JonasKuske @tombyrer @styfle @AMidKnight @ChromiumDev `<dark-mode-toggle>`, described in web.dev/prefers-color-…, tries to follow this idea from the original tweet.
@ilithya_net @lassediercks @terabaud @CodePen Maybe `<dark-mode-toggle>`, described in web.dev/prefers-color-… can save you some headaches.
jyasskin Gotta love fingerprinting-visibility sites like amiunique.org/fp that claim I’m the only person in the world using the Chrome Dev channel on Linux.
ericlaw Interesting article from the Tor folks on browser fingerprinting: blog.torproject.org/browser-finger…
#TIL that CSS attribute selectors have case (in)sensitivity switches ‘i’ and ‘s’: drafts.csswg.org/selectors-4/#a…. E.g., `[frame=hsides i]` would match for “hsides”, “HSIDES”, “hSides”, etc.
This can be used for client-side filtering, as shown in @css’ article css-tricks.com/filtering-data…
@jaffathecake @DasSurma @argyleink The time zone switch is amazing (as is the design). Congratulations!
ChromiumDev Wondering what’s in store for #ChromeDevSummit? 🤔
Well, we just published the agenda! Find out about all the exciting sessions planned → goo.gle/CDSAgenda
Request your invite today! pic.twitter.com/YDSfqK6kyi
daviddalbusco Introducing @deckdeckgo : the web open source editor for presentations
dev.to/daviddalbusco/…
@RubenVerborgh @AquaticSciences @ElsevierConnect Finally, we would like to express our gratitude to the anonymous reviewers for their thoughtful comments that helped improve the paper significantly.
@torgo @googlechrome There’s a “remove” action to not see articles again, it’s a little hidden though:
iOS: support.google.com/chrome/answer/…
Android: support.google.com/chrome/answer/…
@itsmeandresito That’s not exactly around the corner for me ;-) I can happily offer slides to a local presenter, though.
@itsmeandresito At which DevFest? There’re quite a few: devfest.withgoogle.com/#devfest-map.
A “[p]retty simple but neat” SVG editor that uses the new Native File System API (developers.google.com/web/updates/20…, #nativefs), by @elecash. ⤵️ twitter.com/elecash/status…
@elecash @angular @ChromiumDev Thanks for sharing, as you write: “Pretty simple but neat”. I have added this to our internal list of examples using the API.
webkit Read about enhanced protection for link decoration tracking, updates to the Storage Access API, and ITP Debug Mode updates in Safari on iOS 13, iPadOS and Safari 13 on macOS with Intelligent Tracking Prevention 2.3 on the WebKit blog. webkit.org/blog/9521/inte…
Mandy_Kerr I had a play with the Google Fonts V2 Beta API. There are a couple of changes but it’s still simple to use! buff.ly/2LK9AX4
I wrote a short post: buff.ly/2OeHKnp
@jpamental also wrote a great post about it buff.ly/2Qyaz0C #variablefonts pic.twitter.com/QUVbarGDBR
The joy and challenge of developing for KaiOS: nolanlawson.com/2019/09/22/the…
“I’m not a huge fan of app stores—I don’t like having to agree to the ToS, going through a review process, and ultimately subjecting myself to the whims of a private corporation.
angustweets TIL, if you visit devtools’ “source” tab right after using the “performance” tab you get benchmarks… pic.twitter.com/bWB1T38zuT
tomayac Project Fugu 🐡 at @w3c TPAC, my personal recap:
👉 blog.tomayac.com/2019/09/21/pro…
“The web is threatened from multiple angles, and being able to work in the standards bodies on defending it is a privilege of the few. Both shouldn’t be the case.”
(Photo by @thejohnjansen at #w3cTPAC) pic.twitter.com/JJw4NxrqfD
@lunamoth No. You can access AMP pages from any browser with the AMP runtime that you can just download as a set of (self-hostable) scripts.
Note that this is distinct from the AMP treatment in Google Search and the AMP cache optimizations. If either went
@b1tr0t Munich. Helmholtzstraße I think. 🐴.js
@tobie @johnmark This has been tried before: google.com/search?q=%22Th…. Not sure if I missed any potential irony, hard to read from the tweet alone, just thought the pointer might be interesting nonetheless.
@schweinepriestr It’s in the slides and in the session description. 😃
@autiomaa Yeah, I know, I know. I just fixed the tech stack, design is up next :-)
@mathias @cjamcl @hooraybuffer Oh, my Twitter client doesn’t support polls and I didn’t even see it, but voted on the official client now. ✅
@autiomaa Please note: my notes only represent a tiny slice of the web platforms. ☺️
Project Fugu 🐡 at @w3c TPAC, my personal recap:
👉 blog.tomayac.com/2019/09/21/pro…
“The web is threatened from multiple angles, and being able to work in the standards bodies on defending it is a privilege of the few. Both shouldn’t be the case.”
(P@thejohnjansen#w3cTPACpic.twitter.com/JJw4NxrqfD
(Heading copy & paste glitch in blog post, CC: @petele @medleyjp)
twitter.com/kennethrohde/s…
Variable Fonts Link Dump, by @css: css-tricks.com/variable-fonts…. I never can remember Wakamai Fondue, despite (or maybe due to its) genius name. Good to have these links in one place.
🆕 Chrome 78 Beta: a new Houdini API and two exciting origin trials: native file system access and SMS retriever API. This is a fabulous @googlechrome release from a Project Fugu 🐡 viewpoint. blog.chromium.org/2019/09/chrome…
Smarter custom CSS properties with Houdini’s new API, by @Snugug. This is exciting news for the web. web.dev/css-props-and-…
@thejohnjansen Been there. Done that. In Shanghai. Behind the great firewall. 🤦♂️
(To be fair, it was my fault, I had a new laptop and was missing one step that I thought was part of the out-of-the-Google-box experience.)
@Birowsky @ChromiumDev The document is still in internal review, sorry
Google Search (finally) supports in-video search using so-called Clips (schema.org/Clip) that are based on Media Fragments URI: developers.google.com/search/docs/da… developers.google.com/search/docs/da… (for select partners). 🎞 ✂️
(CC: @troncy, @dvdeurse, and other
@firt You’re welcome, this is the tweet you want to credit: twitter.com/xeenon/status/…
@ericlaw Oh, interesting. Is there any written documentation on this new behavior?
kennethrohde Great summary from @AaronGustafson on discussions related to Web App Manifest at TPAC:
github.com/w3c/manifest/i…
@rowan_m @stefanjudis Classic. We’ve all been there.
iOS 13 PWA news by @firt ⤵️.
Oh, WKWebView/SFSafariViewController apparently not supporting dark mode is simply due to the fact that the hosting apps in question weren’t compiled for the iOS 13 SDK. We have internal builds against the new SDK of Chrtwitter.com/firt/status/11…
Query without a credit card: introducing BigQuery sandbox cloud.google.com/blog/products/… by @felipehoffa. The sandbox tier could be your free entry ticket to the @HTTPArchive.
@smashingmag @_developit @philwalton Phil’s link should probably be updated to point to philipwalton.com/articles/using….
@vrandezo This is fantastic news both for @wikidata/@WikiResearch as well as @GoogleAI. Congratulations on making this happen! 🥂
viticci I’ve been working on this for 3 months, pouring hundreds of hours into it. And here it is:
My iOS and iPadOS 13 review: macstories.net/stories/ios-an…
I covered everything: iOS 13, iPadOS, Shortcuts, and iOS 13.1.
Enjoy! pic.twitter.com/4K7q8cQ2cX
@Abhinay25234930 @sulco @jurebajt @toddmotto I guess angular.io/cli/new is a good start.
TimoTijhof This week we finished a year-long effort that’s saving @Wikipedia readers over 4.3 Terabytes of data bandwidth every day!
Thanks @AmirSarabadanii, @catrope, and many others.
For the technical how and why 👉 w.wiki/8bA pic.twitter.com/WzhGyXXWzi
rick_viscomi 📝 new post on @ThePracticalDev: Fixing layout instability
Using my own website as a case study, I show how to use the Layout Instability API and WebPageTest to identify and fix layout issues 👇
dev.to/chromiumdev/fi…
@glazou @thejohnjansen None of these ship dates are fixed. We strictly follow the process defined in developers.google.com/web/updates/ca…, and note that this process includes also following the Blink launch process chromium.org/blink/launchin….
☝️ If the slides link in the original tweet doesn’t work for you (which inexplicably seems to be the case for some folks), try this link instead: docs.google.com/presentation/d…. Sorry for this!
@nyquildotorg Can you try to hard-refresh: docs.google.com/presentation/d….
@_satyakresna @DenisTRUFFAUT All the protected files have been removed and replaced with links to the demos that they were showing. Can you try again? Sorry for this.
@addyosmani @gauntface Too soon.
@reillyeon You probably want Eleventy. I love it because it has no template engine lock-in at all, is fast, and the community is nice. Consider starting with github.com/11ty/eleventy-….
@nathankjer Would be cool to get your Hawkes process model into our more primitive approach described in this paper: ai.google/research/pubs/…. The tool is still up: wikipedia-live-monitor.herokuapp.com.
@marypcbuk @codepo8 If it’s perceived divisive this wasn’t intentional. “Take back” as in: apps that use web technologies but are not on the web because capabilities are missing, so they opt for hybrid frameworks just to bridge these capability ga
@marypcbuk @codepo8 From almost-web-but-not-quite frameworks. See the quoted tweet for an example of such a framework.
twitter.com/christianliebe…
christianliebel JSPaint meets MSPaint! Little interop demo via Async #Clipboard API/Raw Clipboard Access. PWA on the left, native app on the right! First paste to website requires user consent.
Demo: christianliebel.github.io/jspaint/index.…
Code: github.com/christianliebe…
#mspaint #jspaint #fugu #clipboardapi pic.twitter.com/XQYwOAsMSG
#w3fukuoka Project Fugu 🐡
twitter.com/tomayac/status…
ChromiumDev The Project Fugu 🐡 team had a breakout session today at #w3cTPAC. You can follow up on what was discussed and presented via the links in the quoted tweet. ⤵️ twitter.com/tomayac/status…
@DenisTRUFFAUT Oh, sorry, there are three videos embedded that don’t work. I hope I can fix this.
@DenisTRUFFAUT It should work, try swiping.
The slides from our (Intel, Microsoft, Google) #w3cTPAC breakout session on Project Fugu 🐡 are available online: docs.google.com/presentation/d…. The full IRC logs of the session are likewise public: w3.org/2019/09/18-cap…. Let’s take back the Web! API per AP
@SteveALee @AaronGustafson @slightlylate @kennethrohde KaiOS is the same, but the app stores that ship with the phone have different inventory depending on the provider you get your phone from.
mikewest Minutes from yesterday’s WebAppSec meeting are up at github.com/w3c/webappsec/…. It’s a fairly wide-ranging conversation on topics that I think are interesting and important (Trusted Types, `IsLoggedIn()`, Mixed Content HSTS fingerprinting, etc.).
A comparison of various image-optimizing CDNs: medium.com/@firt/faster-p…. I like that @firt looked into Client Hint support, too.
(CC: @sw12, who ran a large-scale image survey recently) twitter.com/firt/status/11…
@AaronGustafson @SteveALee @slightlylate @kennethrohde Note that the existence on one phone doesn’t mean other phones will have the app, too. Each provider runs their own store they control—even if it’s just “PWAs”. But *cough* jailbreaksites.google.com/corp/view/bana…sites.google.com/corp/view/b-ha…
@christianliebel Thanks, this is great developer feedback, keep the comments coming :-)
@SteveALee @slightlylate @kennethrohde @AaronGustafson On the Nokia 8110 4G there is. Also Facebook and WhatsApp.
jaffathecake Service worker working group felt productive yesterday. Agreed to add a few minor features, and discussed some less minor ones docs.google.com/document/d/1_Q… (thanks to @slsoftworks & @slightlylate for note-taking)
@christianliebel Wow, this is seriously awesome. Thanks for sharing and for hacking this together! 🤩
christianliebel I added Native File System API support to #JSPaint, a JavaScript remake of good ol’ MS Paint. 🎨 Would you have guessed that this is actually a web application? 😉
Demo: christianliebel.github.io/jspaint/index.…
Code: github.com/christianliebe…
#nativefs #fugu #mspaint pic.twitter.com/OavB6cUOVb
@_JHorse Thanks for the feedback, always great to know something you worked on was helpful to someone. Obrigado :-)
😆 Web Development Merit Badges: css-tricks.com/web-developmen… Hilarious collection of badges compiled by @css.
@dtroode @ilyabirman @surganov We’ve done some research on this, maybe it’s helpful: medium.com/dev-channel/le….
@udzura Yes, and here’s some more information on it: web.dev/prefers-color-….
@Garyuten Here’s some more information on this: web.dev/prefers-color-….
@eleline5 @Media Here’s some more background documentation on it: web.dev/prefers-color-….
@kojilin It’s not that hard with instructions: web.dev/prefers-color-…. Maybe this is helpful… 🌒
@vernalkick @majouji Email publishers can use dark mode in emails like this: github.com/tomayac/dark-m…. Support is slowly growing: caniemail.com/features/css-a…. 📧🌒
@dtroode @ilyabirman @surganov That’s a really well implemented dark mode on davidkistauri.ru! 👏
One additional idea could be to add a toggle, so people can switch: github.com/GoogleChromeLa…. 🌒
@_JHorse Aqui está um artigo (traduzido automaticamente para o português) que pode ajudar as pessoas a implementar o modo escuro com o `prefers-color-scheme`: translate.google.com/translate?sl=a… 🌒
For everyone tweeting about things like CSS @font-face, @supports,
@media, etc., this one weird trick makes you not inadvertedly mention people who happen to have this username:
‘@’ + ‘zero-width space’ + “media”
codepen.io/chriscoyier/pe…
@simevidas Is this an Internet of Shit troll? 😂
theregister.co.uk/2018/07/20/iot…
See the little display on the hoover?
`@media (hoover) { … }`
@slightlylate @kennethrohde @AaronGustafson I actually got one for my 11 year-old as their first (smartish) phone, who is super fascinating to watch explore this brave new world. Surprisingly less voice use than I would have thought, but also almost no we
@slightlylate @kennethrohde @AaronGustafson 🙋♂️ Big fan of the Nokia “banana phone”, which you can get easily from Amazon and other retailers, and which is jailbreakable (sites.google.com/corp/view/bana…), so you can create, install, and test proper
ChromiumDev When “not all” is nothing. Finding out about media query support in the browser. ⤵️ twitter.com/tomayac/status…
Recently we’ve sent our Intent to Implemenent for the proposed `navigation-controls` media feature: groups.google.com/a/chromium.org….
🤔 But how can you find out if the browser understands this media feature—or any media query really? My article has you covblog.tomayac.com/2019/09/16/not…
@BartoszBobin You need to be careful: this approach leaves browsers that don’t understand the media query stand in the rain. web.dev/prefers-color-…
@elecash @angular @ChromiumDev That sounds super cool. Is there a link to your app? No worries if it’s potentially in a rough shape, this is purely out of curiosity.
@kennethrohde @Una @materialdesign Here’s the Material demo with the fixed toggle (until the Chrome bug gets resolved): …s-color-scheme-toggle-fixed.glitch.me.
@kennethrohde @Una @materialdesign Meanwhile I have just released v0.4.0 of `<dark-mode-toggle>` that works around this bug: npmjs.com/package/dark-m…. See googlechromelabs.github.io/dark-mode-togg… for the up-to-date demo.
@kennethrohde @Una @materialdesign Hmmm, there seems to have been a breaking change between 76 and 77. It works correctly in Firefox and Safari. Filed bugs.chromium.org/p/chromium/iss….
@imchriskitchens @Una 🤩 Toggle or `prefers-color-scheme`? Why not both? twitter.com/tomayac/status…
Just remixed @Una’s @materialdesign Glitches with `prefers-color-scheme` & material toggle to have the best of both worlds 🎉: …prefers-color-scheme-toggle.glitch.me.
👉 Initially respects `prefers-color-scheme`.
👉 Supports overriding—optionally permanently.
Mgithub.com/GoogleChromeLa…twitter.com/Una/status/117…
@qantify @FlunseyTheFox I help people who might be interested in learning more about dark mode. A simple Twitter search unearthed you. Seems like you’re good. Enjoy the rest of your day. ✌️
@qantify I’m simply a web developer and learning on my way. If you’re a student, you can apply for free credit: edu.google.com/programs/. Likewise when you’re a startup: cloud.google.com/developers/sta….
@FlunseyTheFox @qantify Some more background reading material: web.dev/prefers-color-….
@CodePen @smnarnold +1, great idea 👏. For quick testing, also consider adding a toggle: github.com/googlechromela….
bocoup Next week is #w3cTPAC, we will be there! @zcorpan and @fantasai have written a survival guide for attendees who are asked to SCRIBE 😱✍🏽 bocoup.com/blog/how-to-sc…
@slightlylate @wanderview ✅ Mount Fuji view. 🗻
✅ Super friendly staff. 👮
✅ Amazing speed. 💨
🚫 No Wi-Fi yet on my Tokaido-Sanyō Shinkansen (but soon).
Coming from Germany 🇩🇪:
✅ No random car reordering that messes with reserva
@jxnblk @studio_hungry @chatsidhartha Here’re the results from a survey we did: medium.com/dev-channel/le….
You can run tests on your own site: people who have dark mode on and use your dark theme vs. people who have dark mode on but override to use your l
@tjmonsi Standardization is slow, and should mini apps get standardized, then they will experience the same. Finding compromises is hard. Right now, each mini app platform just does their own thing, and it mostly seems to work: dev.to/tomayac/a-quic….
@marcus_lindblom @bdc I have made a toggle that initially respects the user’s system preference, but then allows them to override it: npmjs.com/package/dark-m…. More info: web.dev/prefers-color-….
@adamzea Nice! A neat addition for people would maybe be a toggle, so they can check out the photography in different lights: npmjs.com/package/dark-m….
I disapprove of this proposal becoming a web standard (as web technology usage doesn’t mean it’s “web”), but fully approve of hearing their arguments: MiniApp Standardization White Paper. Especially interesting is the gap analysis: w3.org/TR/2019/WD-min…w3.org/TR/mini-app-wh…
@jerroenbakker For these browsers (all browsers in fact), you can still use dark mode, just with a manual toggle (github.com/googlechromela…), and share the same code with browsers that support the media query. Follow this stylesheet architecture web.dev/prefers-color-…
@asmallteapot @rrrrrrrix The media query is widely supported nowadays (web.dev/prefers-color-…). A couple of mobile and desktop browsers also have a forced dark mode for sites that don’t make use of the media query, e.g., for Chrome, search in chrome://
@jxnblk @studio_hungry @chatsidhartha My recommendation is to initially adhere to the user’s system preference, but to offer an opt-out: web.dev/prefers-color-….
💡Two interesting posts by @rem:
Any other tag in the <head> that isn’t one of <title>, <meta>, <style>, <script>, <base>, or <link> will automatically be moved into the <body>: remysharp.com/2019/09/13/hea….
Why <p> doesn’t need a corresponding closingremysharp.com/2019/09/12/why…
@darianrosebrook @hyumankind @Media For more info on the media query, check out web.dev/prefers-color-…. In the article, there’s also a section on such a toggle: github.com/googlechromela…. 🌒
@cheneytsai Yes. It was an immediate flashback.
@cheneytsai @rajpal_saurabh @sisidovski @agektmr @ryoyakawai This. The place is… special.
@rajpal_saurabh W3C TPAC :-)
Snowden So I get stopped in the hallway as I’m carrying this old computer that I need to copy the files, and one of the chiefs asks: ‘What are you doing with this machine?’ And I look at him frankly and I say: ‘Stealing secrets.’ theguardian.com/us-news/ng-int…
@DenisTRUFFAUT @agektmr @petele I don’t know, sorry. 🤷♂️
@johnbburg Setting a dark theme on your system should be enough, but currently there’s a bug bugs.chromium.org/p/chromium/iss…, so temporary you need to launch Chrome with these two flags:
—enable-features=WebUIDarkMode —force-dark-mode
@DasSurma @petele One of my jokes made it in the graveyard of jokes that he keeps around on his phone for special occasions like the Fugu 🐡 team hanging out in a Tiki bar 🍹. People must be dying to get in there.
@ebidel @lyft Oh, interesting. Has this launched yet? I checked ride.lyft.com and lyft.com itself to no avail. We offer github.com/GoogleChromeLa… and web.dev/prefers-color-… to help bootstrap a dark mode quickly.
🕸️🔊 9 years of WebAudio: docs.google.com/presentation/d…. A presentation from the spec editor.
A new round in the “detecting headless Chrome” cat 🐈 and mouse 🐁 game, by @xopek59: antoinevastel.com/bot%20detectio….
@Birowsky @ChromiumDev We have some folks on Chrome who’re looking into improving the History API, or at least taming it a bit. I have reached out to them to see if there’s anything they could share externally at this stage.
MrAhmadAwais 🔥 VS @code just released v1.38 which empowers HTML & CSS to have MDN Reference IntelliSense. Makes writing complex CSS properties super easy. Thanks to @MozDevNet docs team. 👏
❯❯ SHARED AT: VSCode.pro/tip/25
#DevDiscuss what’s your fav new feature for this release? pic.twitter.com/iVimAWW8aK
@Birowsky @ChromiumDev Not directly, but you can keep track of previously visited URLs in a stack yourself, so you can see where in the history you are. It’s not great, but it might work depending on your use case.
@Birowsky @ChromiumDev Yeah, you can’t. For Single-Page Apps, you might be able to work with developer.mozilla.org/en-US/docs/Web….
@_developit @_davideast Proudly powered by @v8js.
simonmlaroche I’ve started writing some thoughts on Tetris game design. My first article is about the randomizers found in various versions of the game. Hope you guys find it interesting! simon.lc/the-history-of…
@AnaestheticsApp @ChromiumDev Apps should not have a dedicated exit or close button as per the Android design guidelines. Just make proper back navigation work: developer.android.com/guide/navigati…. In fullscreen mode, the home button can always be reached by swiping developer.android.com/training/syste…
@Birowsky @ChromiumDev If you stick to vanilla JS with no framework-based router, `onbeforeunload` might be your best bet at the moment: developer.mozilla.org/en-US/docs/Web….
@samthor That fake SNES controller obviously can only send fake keydown events. Also: your colleague seems unimpressed. Also: cute baby photo… :-)
@fantasai I wouldn’t call it “fine”, but more a necessary evil. Email clients typically deal pretty well with it and keep the overhead low. Caveat: I can only speak as a sighted person. I certainly have cut threads and provided a “context” link
@endrift @reillyeon @rmondello I actually discussed Wake Lock indications in blog.tomayac.com/2018/12/18/exp…. Personally, I think it would make sense on mobile, but as discussed, the Wake Lock is released when visibility changes: wake-lock-demo.glitch.me. The Orig
ManningBooks Back to Simple CSS: with the Shadow DOM—a new free eBook with chapters selected by @bfarrellforever! link.medium.com/qYr49YEbSZ #webcomponents #shadowDOM #CSS #webdev
Neat, my favorite email newsletter publishers @CSSWeekly and @peterc both start looking into supporting dark mode email (github.com/tomayac/dark-m…). 📧 🌒 The motivation: auto-darkening isn’t always doing a great job. twitter.com/peterc/status/…
anatudor I proudly present you my newest and geekiest @css article so far: Logical Operations with CSS Variables css-tricks.com/logical-operat…
Super happy to see this one live as it’s basically using stuff I learned in some of my favourite electronics courses at uni… in CSS! pic.twitter.com/7NIAuYLv8E
zachleat New on the @filamentgroup blog:
Two Browsers Walked Into a Scrollbar
filamentgroup.com/lab/scrollbars/
Studying scrollbar obtrusiveness and the design control we have with CSS (some of it off the standards track 😱)
daviddalbusco “The Simple Guide to HTML SVGs” by @cavezza #DEVcommunity dev.to/cavezza/the-si…
hadleybeeman When you’re designing a new feature for the web, the stakes are high. You could be changing where a user’s location goes, or letting sites fingerprint & recognise users…
To help: updated Security & Privacy Questionnair@w3ctaga@w3c3c PIN#SecureByDesigngw3.org/TR/security-pr…pQ
On supporting browsers you can see the new “screen” Wake Lock in action at tomayac.github.io/wikipedia-scre…. 🚫💤 twitter.com/intenttoship/s…
intenttoship Blink: Intent to Experiment: Screen Wake Lock API groups.google.com/a/chromium.org…
marcosc Yep yep… looks like @saschaplas and I have implemented the Web Share API in Gecko. Ignore the “tentative” fails - they are non-standard tests.
Next step, get this stuff into an actual Firefox product!🚀
Windows, Mac, Android, anyone? #sharingIsCaring pic.twitter.com/9x9Dgu2iGK
@mathias Curious. Would you call twitter.com/mathias/status… a macro optimization?
@fantasai Fully agree on 1).
For a long time I was a strong defender of 2), too, but it makes it harder for people to follow the thread who were CC:’ed into it later. Now I tend to just remove email signatures and other noise, but leave hiding repeate
@wesbos @Paul_Kinlan Oops, try bugs.chromium.org/p/chromium/iss…
@wesbos @Paul_Kinlan It seems to be a lower-level macOS thing that strikes again as previously in bugs.chromium.org/p/chromium/iss…. Pinging the bug with new info (like, are you running Catalina?) might be a good idea.
@CrystalOnScript @kristoferbaxter This was a good read. Thanks for sharing this.
@mhartington This wasn’t a subtweet or anything; I truly like the similar thinking here. It makes a lot of sense to keep everything in the “ion-*” namespace.
notwaldorf New blog post about building a (good) metronome and keeping time in JavaScript!! ✨
It comes with a demo comparing the audio delay of 3 different approaches, to convince you just how bad setInterval REALLY is (spoilers: p bad)
📝meowni.ca/posts/metronom…
⏱metronomes.glitch.me pic.twitter.com/qTI5PEH0Gd
@mhartington @daviddalbusco @brandyscarney @Ionicframework Love it! Respect the initial `prefers-color-scheme` preference, but allow for a manual override (web.dev/prefers-color-…). Exactly the philosophy behind `<dark-mode-toggle>` (github.com/GoogleChromeLa…
s/no-follow/nofollow/
Two new link type (proposals) for hinting at Google that a link is either sponsored (`rel=”sponsored”`) or user-generated content (`rel=”ugc”`), apart from the existing “no follow” (`rel=”no-follow”`). Seems worth standardizing, @dannysullivan & @methodehtml.spec.whatwg.org/multipage/link…twitter.com/googlewmc/stat…
@AnaestheticsApp I have only seen it in google.com/maps/_/sw/ml.j… in the wild. It’s not standardized as far as I can tell. Probably something purely internal to Google Maps.
@Paul_Kinlan @wesbos It’s broken on macOS at the moment (you always get back an empty array).
@gklka @burgatshow Here’s some more reading material: web.dev/prefers-color-….
@blvckdivmondco @AaronCuddeback The answer is in the quoted tweet:
twitter.com/tomayac/status…
@mgechev And let’s not forget about Edge: web.dev/prefers-color-… 🎉
ChromeUXReport 2/ For the first time, we crossed the 6M distinct origin threshold for a single release 🎉
We’re keeping up with what seems to be a trend of Chrome users visiting a growing number of unique websites. Good news for the health of the web as a whole! pic.twitter.com/C6JKzgPic5
@MylesBorins All the best, Myles.
@samccone Thanks for sharing! For anyone interested in the theory behind: web.dev/prefers-color-….
kinu We’re implementing Navigation to Bundled Exchanges (a part of Web Packaging) on Chrome! 📦😃
No idea about how this can be used? Check out the demo video that shows how you can share a web site using Bundled Exchanges! ➡ youtube.com/watch?v=rs-3R0… twitter.com/intenttoship/s…
This is great news for the web developer community: @caniuse now includes @MozDevNet compatibility data. 🎉 No more guess work!
(via @medleyjp) hacks.mozilla.org/2019/09/canius…
Great article on @Apple App Store ranking weirdnesses with actually useful and beautiful data visualizations embedded. This is taking advantage of digital journalism. 👍 twitter.com/slightlylate/s…
@Mr_Stezz @litmusapp Apple Mail does for sure: github.com/tomayac/dark-m…. It’s work in progress for other clients. From what I hear, Outlook for web supports it as well, but I don’t have firsthand knowledge.
@bogdanvlviv Some more reading material on this media query: web.dev/prefers-color-….
@dragosrobertn @amyvpellegrini As far as I can tell, they respect `prefers-color-scheme` first, and allow you to override it with your own preference. I’m a big fan of this pattern, too: web.dev/prefers-color-….
stefanjudis ✍️TIL: focus events do not only include a `target` but also a `relatedTarget` property.
Writeup: stefanjudis.com/today-i-learne…
Codepen: codepen.io/stefanjudis/pe…
alt: prototype showing that relatedTarget is the prev focused element for `focus` and the next focused element for `blur` pic.twitter.com/BUFLedbXi2
@stefanjudis TIL about `focusin` (and `focusout` respectively): developer.mozilla.org/en-US/docs/Web…. Thanks so much for writing these articles!
slightlylate A few things for web developers about IDC’s recent report on smartphone shipment volumes: idc.com/getdoc.jsp?con…
(thread)