@kennethrohde @Justinwillis96 @kylealden @Daniel_Rubino @jaffathecake @thejohnjansen @sayhello Yeah, the Background Fetch API to reliably and unobtrusively download the video files, and the Native File System API to store them. No expert on the DRM situat
@kennethrohde @Justinwillis96 @kylealden @Daniel_Rubino @jaffathecake @thejohnjansen @sayhello I think it should work eventually. The missing piece at the moment is that file handles aren’t serializable yet. The file system related objects are exposed o
SimoAhava My slides from #SuperWeek 2020:
slideshare.net/SimoAhava/brow…
The presentation details the past, present, and future of browser tracking protection/prevention mechanisms. The information is based on research published on cookiestatus.com.
#privacy #measure
bmeurer 👋 Come and work with us on @ChromeDevTools! We’re specifically looking for frontend engineers with a passion for building developer tooling. 👩🔧 #mozillalifeboat
careers.google.com/jobs/results/1…
@rektide Thanks, having opened bugs.chromium.org/p/chromium/iss… and started the @wicg_ thread are great first steps.
(CC: @fractorious for visibility.)
@justmarkup I’m not sure this is supposed to work. Maybe with an SVG `<filter>` element (developer.mozilla.org/en-US/docs/Web…)?
Here’s my demo where it works: dark-mode-favicon.glitch.me.
tabatkins @jensimmons and @MiriSuzanne’s ideas for Custom Cascade Origins are just such a great idea github.com/w3c/csswg-draf…
Jen’s slides, in particular (noti.st/jensimmons/QOE…), give a ton of distinct use-cases that make me just go “duh, of *course* we need this”.
firt The new version of PWA Builder is out.
—New Web Components
—PWA Launcher Packaging now includes 1) a ready-to-PlayStore launcher APK, 2) macOS build, 3) Windows 10 package and a nice mention to Samsung Galaxy Apps distribution. Packaging for iOS was removed as announcedtwitter.com/pwabuilder/sta…Qpic.twitter.com/E2ktsx5nqpqp
@sayanghosh @stshank @mrajkumar @MicrosoftEdge @Google @MSEdgeDev @googlechrome Did you start on Edge with the same set of extensions that you had installed on Chrome? Did you have Chrome flags set that you didn’t set in Edge?
samccone With flash.android.com launching to the world today I would love to pull back the covers and tell you a little of how we made it possible to update your Android Phone’s operation system through the browser! 📲
twitter.com/AndroidDev/sta…
RonDeibert Our new @citizenlab report out now: “Stopping the Press: @nytimes Journalist @NYTBen Targeted by Saudi-linked Pegasus Spyware Operator”. citizenlab.ca/2020/01/stoppi…
The new Android Flash Tool uses WebUSB so you can flash a new firmware on your Android phone 📲 right from the browser. This is a pretty significant Project Fugu 🐡 API use case. All details in the quoted tweet. ⤵️ twitter.com/AndroidDev/sta…
@develwoutacause (Sorry, forgot to answer.) I don’t read it that way, but you’re of course more than free to open a spec clarification bug (github.com/w3c/csswg-draf…) or a Chromium bug (crbug.com/new). Please CC: me if you do. Thanks!
jaffathecake Folks asked for the source for the interactive mass-polling thing we did at Chrome Dev Summit. But I figured, why not put it on @glitch instead?
glitch.com/edit/#!/bwq?pa… - Remix this to create your own polls.
glitch.com/culture/run-au… - What I learned along the way.
@mischmerz Indeed a missing feature that’s tracked as github.com/WICG/native-fi….
@simevidas Progressive enhancement (PE) makes sure people have a useful and usable experience during and after the origin trial (OT) phase. Even during the OT, there’s an API usage cap, so PE ideally should be part of your app.
@dluzar @simevidas 👆So much this. And please note: the Native File System API is an origin trial. It’s Chrome’s way to test an API with real users, but without baking it in the browser forever. The Async Clipboard (for PNG images) API has successf
@webkit Correction: “It [iphone-services.apple.com/clbl/unauthori…] is not a blacklist for disabling apps completely, but rather specifically for preventing any listed apps from accessing Core Location.”-daringfireball.net/2008/08/core_l…T
“By requiring apps to use @webkit, Apple can rapidly and accurately address exploits across our entire user base and most effectively secure their privacy and security.”-docs.house.gov/meetings/JU/JU…l
…As they could w/ the _alleged_ kill switciphone-services.apple.com/clbl/unauthori…
reillyeon Congress asked Apple a series of questions about this recently and the answers are honestly insulting to the other browser vendors.
docs.house.gov/meetings/JU/JU… twitter.com/justkelly_ok/s…
@briankardell @cathiechen1 Ooops, sorry. I just skimmed the header and only saw Brian’s Twitter handle. Great article, congratulations, _both_!
@develwoutacause The preference is system-wide, or, true, can be useragent-wide (one could choose to have one’s browser dark, but the OS light), but DevTools is in my humble opinion not an independent useragent within the browser. It is a special case,
“Who Wrote That” is essentially `git blame` (awful name 😞), but for @Wikipedia content. Get it for @firefox/ Chrome (github.com/wikimedia/WhoW…). More details: mediawiki.org/wiki/Who_Wrote…. twitter.com/mediawiki/stat…
@kennethrohde Yeah, I want as few people as possible to have to write this code (github.com/kenchris/webnf…) again. Looking at your file, directories is something browser-nativefs doesn’t handle yet—mostly because the fallback path is marked deeply red adeveloper.mozilla.org/en-US/docs/Web…
@simevidas Try using Excalidraw.com on Firefox/Safari: perfectly usable. Try it on Chrome: even better. So my reply would be: yes, PE makes sense even with experimental APIs.
Wow, mind blown 🤯 by @derSchepp’s review of early Internet Explorer features that they were lightyears ahead with, compared to everyone else. It was wild west and also somewhat tragic, but wow! schepp.dev/posts/today-th…
@develwoutacause The rationale here is that some developers use a different theme (e.g., dark) than their system preference (e.g., light) suggests.
@derSchepp @__jakub_g @zachleat If you just want the latest (and hopefully greatest) of each dependency, use `ncu`: npmjs.com/package/npm-ch….
ResizeObserver in WebKit, by @briankardell: webkit.org/blog/9997/resi…
@KevinKelchen You can read about the process here: developers.google.com/web/updates/ca…. The Blink launch process referenced in the diagram is described here: chromium.org/blink/launchin…. So the answer is yes, ultimately we would.
I like the data-driven approach toward the question of whether @AMPhtml should raise the CSS limit slightly from 50kB to 75kB (the discussion is of general interest, not just in the context of AMP). ⤵️ twitter.com/westonruter/st…
Networking Problems: xkcd.com/2259/. To-the-point #xkcd. 😂
Min and Max Width/Height in CSS. Super in-depth article on seemingly simple CSS properties. ishadeed.com/article/min-ma…
@webkit @xeenon Feature request for Web Inspector’s implementation: highlight the corresponding-to-a-layer HTML elements, like Edge does.
tomayac 🗜 Brotli Compression with mod_pagespeed and ngx_pagespeed:
blog.tomayac.com/2020/01/24/bro…
📢 New blog post on how to make PageSpeed work with Brotli.
@digitarald @CharlieCroom @FirefoxDevTools @webkit’s Web Inspector recently-ish gained this feature: webkit.org/blog/8262/visu…. pic.twitter.com/HVOfgBIjud
🗜 Brotli Compression with mod_pagespeed and ngx_pagespeed:
blog.tomayac.com/2020/01/24/bro…
📢 New blog post on how to make PageSpeed work with Brotli.
@CharlieCroom CC: @digitarald from the @FirefoxDevTools team. Spreading the love…
AaronGustafson Do you want your PWA to offer a custom titlebar? How do you think that should work? Here’s a proposal from @MicroAndMacro and Amanda Baker on my team.
We’d love your thoughts!
github.com/MicrosoftEdge/…
vrandezo Google Dataset Search is out of beta! 25 Million datasets indexed and growing quickly. Keep using it for your dataset needs!
blog.google/products/searc…
Debug z-index stacking content with 3D View in the Microsoft Edge DevTools: blogs.windows.com/msedgedev/2020…. This is a pretty neat addition!
By the way, @Vjeux’ app excalidraw.com also makes use of the Async Clipboard API (web.dev/image-support-…) 📋, apart from the Native File System API 💾 that I have blogged about earlier.
alexainslie 🎉 Type to switch tabs! I want to use this but in practice find it’s easy to miss the button on the right when typing fast. We’re playing with some improvements. To try work-in-progress stuff search in chrome://flags for “dedicated row”. /cc @_bklmn @yana88yu @googlechrome twitter.com/round/status/1… pic.twitter.com/JHsDqUpYur
@zachleat @Netlify Congratulations, Zach! This is great news for Eleventy and Netlify and the entire Jamstack community! 🎉
📢 New blog post: Progressive Enhancement In the Age of Fugu 🐡 APIs: blog.tomayac.com/2020/01/23/pro…. My view on supporting modern browsers to the best possible extent at the example of the Native File System API. 💾
@kennethrohde @auchenberg @fractorious @gregwhitworth Related reading: igvita.com/2015/06/25/bro… by @igrigorik. There’s still a lot of unpredictability even if you know exactly what resources you need.
@alexey_rodionov @b1tr0t @_alastair @andreban @Paul_Kinlan Just FYI (no concrete plans to pick this up yet): the Fugu bug for this is bugs.chromium.org/p/chromium/iss….
kylealden Who’s ready to get started building websites and PWAs for dual-screen devices?
Check out @kevintgallo’s post to get started: blogs.windows.com/windowsdevelop…
Take a look at our proposed dual-screen layout features (and try @_zouhir’s polyfills) & let us know what you think! More soon. twitter.com/kevintgallo/st… pic.twitter.com/5X2l1vnWGU
lukOlejnik Apple/Safari Intelligent Tracking Prevention is a mechanism intended to improve privacy. It was found to have privacy vulnerabilities allowing sites to track the user (and fingerprint), and to stealing web browser history of a user. Incredible find. arxiv.org/pdf/2001.07421… pic.twitter.com/HR48ulUoHK
A fascinating deep dive into FOAF’s history, the Friend of a Friend network: twobithistory.org/2020/01/05/foa…. twitter.com/aharth/status/…
addyosmani Puppeteer is great for headless browser testing.
Some tools to make it more awesome:
⏺ Puppeteer Recorder bit.ly/pptr-recorder
🧪 Puppeteer Sandbox: bit.ly/pptr-sandbox
🃏 Puppeteer Jest bit.ly/pptr-jest
🍬 ..and more in Awesome Puppeteer bit.ly/awesome-pptr pic.twitter.com/qQTasHRqfU
@nevkatz @sarah_edo I like the toggle idea. Actually, thinking it through, `prefers-reduced-motion` could be implemented in a similar way as `prefers-color-scheme` in github.com/googlechromela…. Use the system preference if available, and let the user overri
@suzukik @searchliaison @dannysullivan Sorry, took me a while… Thanks for the answer!
I have just updated my mark-up accordinglygithub.com/tomayac/blogcc…Jn.
The favicon got picked up, toogoogle.de/search?client=…RX.
Yay!
ppk New browser on the block: Flow
An interview with Piers Wombwell, lead developer of Flow, a brand-new browser with a brand-new rendering engine.
quirksmode.org/blog/archives/…
👋 Bye bye, data-vocabulary.org. You’ve been around for a while (slideshare.net/mobile/FIA2010…), but you won’t be missed (much). ⤵️ twitter.com/googlewmc/stat…
@sarah_edo Brilliant article and stunning drawing! Thanks for creating!
@sarah_edo One way to do it would be to feature-detect support for the media feature and then pre-check (or not) the current checkbox:
“`js
if (matchMedia(‘(prefers-reduced-motion)’).media !== ‘not all’ && matchMedia(‘(prefers-reduced-motion:reduce)’).m
This stunning 🦓 drawing parallax effect ⤵️ by @sarah_edo is a great example for the `prefers-reduced-motion` user preference media feature in CSS: web.dev/prefers-reduce…. twitter.com/css/status/121…
smashingmag HTML comes with a bunch of input controls, and there are tons of component libraries that include many standard controls such as checkboxes, and radio buttons. But what happens when you need something unusual?
↬ @UriShaked has the answer:
smashingmagazine.com/2020/01/recrea… pic.twitter.com/hzMm7pzbiQ
Wow, City Roads is an amazing app ⤵️. I wonder how feasible it would be to add SVG export? twitter.com/anvaka/status/…
Retiring Internet Explorer, by @ericlaw: textslashplain.com/2020/01/19/ret…. A fascinating read from someone who has been around in IE world for quite a while.
AndyDavies Thread 👇
Safari may block 3rd-party trackers on the web, but iOS doesn’t allow us to control where installed apps send data
(could use a VPN with pi-hole running on the other end but that’s not easy for most people) twitter.com/cscotta/status…
Sorry, meant to mention @ouigoSNCF.
This pinball game linked in the quoted tweet is pretty close to being a decent Progressive Web App: Just serve it over HTTPS, address the low hanging fruit opportunities (@ouigotwitter.com/chetanbhatias/…
Wow, the unofficial Apple archive website is really fascinating to browse: applearchive.org.
@codyogden At least for the sites you control yourself a toggle like this might help: github.com/googlechromela….
tomayac @DanShappir My first program was written in GFA BASIC (en.m.wikipedia.org/wiki/GFA_BASIC) on an Atari 520 ST+ with a monochrome screen. It involved a “two walking lines” animation. By setting `GRAPHMODE` to 3 you could overdraw to erase.
@DanShappir My first program was written in GFA BASIC (en.m.wikipedia.org/wiki/GFA_BASIC) on an Atari 520 ST+ with a monochrome screen. It involved a “two walking lines” animation. By setting `GRAPHMODE` to 3 you could overdraw to erase.
MSEdgeDev Continuing a tradition that goes back nearly 14 years, our friends at @firefox sent us an awesome cake! Thanks for the years of partnership and cooperation in service of a better web! pic.twitter.com/OXZxHBtsY9
@matthewcp @FredKSchott @calebwilliams12 @passle_ There’s one escape hatch if you can control the server: use the `Service-Worker-Allowed` HTTP header: w3c.github.io/ServiceWorker/…. Example 11 covers exactly the use case described here.
hober I’m thrilled to announce the creation of the Privacy Community Group at @w3c.
The Privacy CG develops privacy-focused, cross-browser web standards to improve user privacy on the web. If that sounds interesting to you, please join us! All are welcome.
privacycg.github.io
xopek59 Happy to announce that our paper entitled “FP-Crawlers: Studying the Resilience of Browser Fingerprinting to Block Crawlers” as been accepted at MadWeb, a workshop on on measurements, Attacks, and Defenses for the Web: hal.inria.fr/hal-02441653
@RomainRouvoy @rudametw and X. Blanc.
SBinLondon Funny that when you type “man” into your terminal, you get things explained to you
Really makes u think 🤔🤔🤔
@gregwhitworth @igrigorik Try this tutorial written by @paulcalvano: github.com/HTTPArchive/ht…
“Thinking Through Styling Options for Web Components”: css-tricks.com/thinking-throu….
Fully agree with @chriscoyier here, CSS modules is the future: github.com/w3c/webcompone…. 🎨
@searchliaison I’m the publisher of my blog blog.tomayac.com and a Person, but to make the Structured Data Testing Tool happy I have to lie and say I’m an Org.: search.google.com/structured-dat…. Is this working as intended?
Also my favicon isn’t updatgoogle.de/search?client=…
andrestaltz This font for code is cool, but its website is definitely amazing: jetbrains.com/lp/mono/
@kennethrohde @marypcbuk @SeaRyanC @migueldeicaza We’re indeed working on standardizing all these capabilities, as outlined here: developers.google.com/web/updates/ca…. Your feedback on them is greatly welcomed.
@428rinsuki This works perfectly fine! web.dev/prefers-color-….
@RubenVerborgh @Google @googledrive actually.
zachklein My 5yo asked, “How big is a wolf?”
So I Google it… Google’s first result is the option (in browser!) to place a realistic wolf in the room with us so we can walk around it and see for ourselves.
Magical. The closest I have felt to a Young Lady’s Illustrated Primer. pic.twitter.com/ZPDpAAUCOW
Earlier today, I read about @Vjeux’ s Excalidraw ✏️ (blog.vjeux.com/2020/uncategor…) and thought it was a natural candidate for the Native File System API, so I opened a PR (github.com/excalidraw/exc…) and added it. Play with it on the preview deploy: …it-fork-tomayac-nativefs.vjeux.now.sh#NativeFS
@puekey @elijahmanor (The redirect will be added once github.com/google/WebFund… is merged.)
@puekey I don’t think there’s a definitive answer. My heuristic is: Does it follow the regular laws of physics and does it not feel overwhelming to me as a (mostly) insensitive-to-motion individual? If so, then probably it’s fine. But your users may
Mozilla lays off 70 as it waits for new products to generate revenue. 😢 techcrunch.com/2020/01/15/moz…
@mayeedwin1 It took me 10 years to join the team, mostly because I wasn’t (and still am not) based out of one of our engineering hub offices. You’re doing an amazing job at @pwafire! 🤗
@puekey I respectfully disagree regarding `scroll-behavior`. If you set it to `smooth`, you actually make the movement feel more natural (developer.mozilla.org/en-US/docs/Web…). It’s unnatural motion (e.g., parallax scrolling) that potentially causes issues.
@puekey @elijahmanor Actually the updated article is here: web.dev/prefers-reduce…. I should have added a redirect to the old article.
elijahmanor Used Web Animations API for the first time in production
Browser support is great caniuse.com/#feat=web-anim…
You can tap into OS “Prefers Reduced Motion” setting via JS to enable or disable
window.matchMedia(‘(prefers-reduced-motion: reduce)’)
developers.google.com/web/updates/20… 👏 @tomayac
@SimmerVigor Congratulations! 🎊
thejohnjansen And we are live, people. microsoft.com/en-us/edge
I’m freaking out a little bit, but also super proud and excited about this.
sundarpichai The Advanced Protection Program is our strongest level of security for Google Accounts. Today, we’re simplifying the enrollment process for everyone, and enabling iPhones in addition to Android phones to be used as security keys. blog.google/technology/saf…
What can the Chrome Web DevRel team (my team 🎉) do better or differently to make Web developers like you happier, and thereby ultimately help the Web as a platform to succeed? If you care, help us find answers. Thanks! ⤵️ twitter.com/Paul_Kinlan/st…
WhatWebCanDo What Web Can Do Today proudly presents itself anew with the fresh look and new Articles section. More coming soon! whatwebcando.today
#mobileweb #PWA #frontend
Two exciting PWA feature explorations by our friends over at @MSEdgeDev:
👉 Custom dialog on close: github.com/MicrosoftEdge/….
👉 Allow installed PWA to run on operating system login: github.com/MicrosoftEdge/….
polymer 📖👀 Edge is starting a new chapter tomorrow! 🎉
📝 @straversi1 shows you how you can take advantage of its new WCs APIs to author a story component with excellent DevX using LitElement
dev.to/straversi/buil…
@firt @scottjehl Something that `env()` should cater for: webkit.org/blog/7929/desi…. Now being standardized: developer.mozilla.org/en-US/docs/Web….
@reillyeon 🚌 Bus lanes to the rescue, established 1963 in Hamburg: en.wikipedia.org/wiki/Bus_lane. #TIL
Log3overLog2 Chrome plans to phase out support for third-party cookies. “Our intention is to do this within two years.”
blog.chromium.org/2020/01/buildi…
@yoavweiss @DasSurma This is a pretty good thread: twitter.com/html5test/stat….
@bogas04 @styfle @rmondello @DasSurma @vexii12 @intenttoship @w3c @polyfillio This is something we have brought up in github.com/w3c/csswg-draf…. Feel free to chime in with additional use cases. Thanks!
@tcurdt I guess that’s an adequate summary :-)
The final puzzle piece of dark mode 🌒 support in Chrome comes together: we’ve just sent the Intent to Ship email for the CSS `color-scheme` property and meta tag: groups.google.com/a/chromium.org…. Here’s what it does: medium.com/dev-channel/wh….
Oops, correct link: groups.google.com/a/chromium.org….
Intent to deprecate and freeze the Chrome user-agent string in HTTP request headers as well as in `navigator.userAgent`: groups.google.com/u/1/a/chromium….
@co60ca @ChromiumDev @petele The thing is, the current (no opt-in) work-around (playing an invisible video) is worse for many reasons and has the same effect as a `”screen”` wake lock, so we made `”screen”` no opt-in, too. Note, though, that the story is github.com/w3c/wake-lock/…
stefanjudis May I introduce: @tinyhelpersdev —tiny-helpers.devBc.
Because I never find the proper tools when I need them I started collecting useful single-purpose online tools that are useful for web devs & I’ll keep adding tools. 😊🙈
I share my favorite ones below in a thread. pic.twitter.com/gJUUG8SI1I1I
rijubrata 📢 Web NFC is up for Origin Trials.
A long time coming but finally it’s here.
Give it a whirl on your Chrome for Android and let us know what you want to do with this new capability. 🐡🐡
🥂 François Beaufort, @reillyeon, @kennethrohde, @zolkis, Leon Han, Donna Wu, @anssik pic.twitter.com/hnfuXDDY2s
w3cdevs Congrats to @cssrossen (@Microsoft), @davidbaron (@mozilla) and @kennethrohde (@intel) for their election to the @w3ctag 👏👏👏
twitter.com/w3c/status/121…
@arnaudbrousseau Try mathjax.org or MathML if you don’t need full browser support (caniuse.com/#feat=mathml).
Finished @Snowden’s 📖 book Permanent Record (highly recommended). In there, he mentions @gushunt’s (at the time CTO of the @CIA, now Managing Director at @AccentureFed) talk on Big Data: youtu.be/GUPd2uMiXXg. More people should see this. Own your daarchive.org/details/nsia-s…
slightlylate Over the same time period, more of a die went “dark” more of the time to get better power & thermal mgmt. Mobile is the extreme end of this. twitter.com/slava_pestov/s…
Great article ⤵️ by @philnash on improving the OTP experience on the Web; with mentions of both the iOS Safari autocomplete way (developer.apple.com/documentation/…) and the Android Chrome SMS Receiver API way (see @agektmr’s article: web.dev/sms-receiver-a…). #smsreceivertwitter.com/rmondello/stat…
@canofsleep @ChromiumDev Wow, this sounds super interesting 😆. Do you want to share a link to the site?
Things you can do with a browser in 2020: github.com/luruke/browser…. A good amount of 🐡 Project Fugu APIs in this list.
@addyosmani @stoyanstefanov Not only does this use the `DecompressionStream`, but also the Native File System API. #NativeFS 🎉
webmaxru Very interesting #PWA-related API proposals from my colleagues @AaronGustafson, @jungkees, Carlos Frias:
- Adding response metadata to Cache API github.com/MicrosoftEdge/…
- Auto-start PWA on OS login! github.com/MicrosoftEdge/…
Please, share your feedback in these repos
@HeyJonR @ChromiumDev This is good feedback, similar to wicg.github.io/native-file-sy…. Could you please open a new GitHub Issue where you suggest this: github.com/WICG/native-fi…. #NativeFS
@claudiopro @wongmjane Support is pretty good by now I would say: web.dev/prefers-color-…. 🌒
Unicode Emoji QID is quite an interesting use case of @wikidata; details here: unicode.org/review/pri408/…. Not sure it’s a good idea, here’re some pros and cons: github.com/mozilla/standa…. (CC: @vrandezo, @nightrose)
@rob_dodson @feedly Technically it’s Atom by the way: github.com/GoogleChrome/w…. See the spec: tools.ietf.org/html/rfc4287. Most people (including me in the Issue) call any feed “RSS”—no matter the actual format. The actual RSS feed format has an intererssboard.org/rss-history
@rob_dodson Hehe 😉.
So, @feedly, if a feed contains a custom element, it seems like you swallow the contents: github.com/GoogleChrome/w…. Example:
“`xml
[…]
<foo-random>
<span>I disappear on Feedly</span>
</foo-random>
[…]
“`
Is this working as
sw12 web.dev now has ‘self-assessments’: kayce.basqu.es/blog/two-way-i…
Brilliant work from @kaycebasques , @devnook and Michael Friesenhahn. pic.twitter.com/kXDc2ogz9V
jaffathecake We often talk about the gzipped size of libraries, but maybe it’s time we default to the brotli size? caniuse.com/#feat=brotli
Paul_Kinlan We’re hiring a Developer Advocate to focus Security and Privacy Sandbox.
paul.kinlan.me/hiring-chrome-…
Job -> careers.google.com/jobs/results/1…
@adrianholovaty @ChromiumDev @BettyCrocker @petele Yeah, that’s another brilliant use case. Hope you can try the API. The article has all the pointers for getting started. 🎶
ChromiumDev While baking cookies 🍪 from a recipe site, have you ever tapped your phone’s screen with your nose 👃📲 to prevent it from sleeping when your fingers were doughy 👨🍳?
See how @BettyCrocker uses the Wake Lock API to keep the phone awake when you’re busy.
bettycrocker.com/recipes/ultima… pic.twitter.com/rTOrKJG38a
@AaronGustafson @alistapart Approaches discussed in the Issue were to just allow IDB to store `Responses`, or a new `Cache.has()` method to get metadata.
@AaronGustafson @alistapart Just added a pointer to your Explainer from the Issue. Maybe consider adding a “Related Work” section to your document and linking back.
@stefanjudis It could work, maybe to convey something is happening or processing, but it probably should only be a temporary thing.
@AaronGustafson @alistapart This is interesting! We have discussed adding metadata in the ServiceWorkers WG before: github.com/w3c/ServiceWor….
auchenberg A new version of @remotedebug iOS WebKit Adapter have been released with support for iOS 12 and iOS 13 contributed by the community 🔥
Use @ChromeDevTools to debug Safari on iOS devices 👉
github.com/RemoteDebug/re…
_alastair Didn’t think I’d ever need to read @jaffathecake’s “AppCache is a douchebag” article ever again, but iOS webviews aren’t allowed to use Service Workers, so welp, into the rabbit hole I go alistapart.com/article/applic…
serhiikulykov CSS Shadow Parts are coming!
Published a blog post with an overview of the first new Web Components API getting cross-browser support.
Check out this blog post for usage examples and more.
dev.to/webpadawan/css…
@stefanjudis I looked into various ways to make this happen: blog.tomayac.com/2019/12/01/ani…. Because one can probably doesn’t mean one should. 😃
hdv “I don’t want to build a cookie consent UI. It will be difficult to program, technical debt to maintain, and worse, be annoying to users. I’d rather see if we can just ditch anything setting a third-party cookie, so I’m going down that road first.” css-tricks.com/why-every-webs…
addyosmani Tip: You can continuously monitor performance with the PageSpeed Insights API: bit.ly/psinsights-api pic.twitter.com/W0795ZlEaY
pikapkg 📣Introducing Snowpack v1.0! (previously @pika/web)
Build web applications with LESS TOOLING and iterate 10x FASTER. Replace your traditional app bundler with this run-only-once post-install tool.
Learn more: snowpack.dev
Quick start: snowpack.dev/#quickstart pic.twitter.com/dPXFfNQYoV
kennethrohde Playing around with the new form controls! 🎉
concrete-hardboard.glitch.me twitter.com/gregwhitworth/… pic.twitter.com/tqc9pw6jXk
argyleink Proper masonry layouts with just CSS, yes please!
Follow the proposal by Mozilla’s MatsPalmgren, vote & share your use cases 👍
github.com/w3c/csswg-draf… pic.twitter.com/zo445MTKZ0
@TheWebConf (Please note, though, that participation in the developers track will require registration for the conference: www2020.thewebconf.org & www2020.thewebconf.org/conference-ove….)
andreasbovens Firefox 72 also protects users against fingerprinting — by default 🚫☝️ The Mozilla Security Blog explains why this is important, and how it keeps users safer online (without causing website breakage):blog.mozilla.org/security/2020/…8
From the @ChromiumDev blog: Introducing quieter permission UI for notifications: blog.chromium.org/2020/01/introd…. This is much welcomed! 👍
@jennylg Congratulations! 🎉
Long live RSS/Atom. My feed URL is blog.tomayac.com/feed/feed.xml. ⤵️ twitter.com/chriscoyier/st…
@stefanjudis @Madalinadraws Oh noes, your RSS icon has only one bar of WiFi.
tunetheweb We’re working hard on translating the 2019 Web Almanac by @HTTPArchive
Making great progress on below but more translators and languages always welcome!
French: github.com/HTTPArchive/al…
Japanese: github.com/HTTPArchive/al…
Spanish: github.com/HTTPArchive/al…
almanac.httparchive.org/en/2019/
👏 A ton of great features in Firefox 72, especially happy about Shadow Parts! ⤵️ twitter.com/andreasbovens/…
brucel Why You Should Choose HTML5 <article> Over <section>, by l’il old me, helped by the resplendent @LeonieWatson smashingmagazine.com/2020/01/html5-…
@KevinKelchen Ah, I see. This _should_ actually work, as long as the proper CORS headers are set, but it doesn’t work in practice: bugs.chromium.org/p/chromium/iss….
@KevinKelchen For WebView support, please follow bugs.chromium.org/p/chromium/iss….
@KevinKelchen The experience is distinct from downloading, though. It’s indeed a share to another app for onward processing, not a download. For “download”, the Native File System API is more of a game changer: web.dev/native-file-sy….
Looked a little closer at the Web Share API—Level 2 (that allows for the sharing of files:w3c.github.io/web-share/leve…9) today and discovered two interesting issues:
🤝 Cross-origin sharing:crbug.com/1039679F.
🤝 Sharing “niche” MIME types like SVGcrbug.com/1039724
@oliverW42355990 I agree. I think this is more of an Android issue at this point, though, but I will hear around if there’s anything we can do on the Chrome side. crbug.com/1039724
@oliverW42355990 In case you’re interested, my issue concerns cross-origin sharing: crbug.com/1039679.
@oliverW42355990 As promised getting back to you. I actually could share the example SVG from your CodePen. Note that a lot of apps like Hangouts don’t accept SVGs, but, for example, if you share to Gmail, it works, as proven by the screenshot. pic.twitter.com/obJNMkLH4b
☹️ Sad smiley is sad. Source: docs.google.com/forms/d/e/1FAI….
Looks like Unicode Variation Selector-16 strikes again..blog.tomayac.com/2019/12/12/sam…bo
CC@FakeUnicodedpic.twitter.com/eer4mJDNeDeD
@j9t See medium.com/dev-channel/le… for _some_ user research on this question. No absolute usage numbers, though.
philwalton 🚀 New article: how I use service workers to cut my site’s HTML payload size (and FCP) in half!
This is a fairly advanced technique, but it’s one of the best ways I know to improve perf—and users with limited data plans will thank you! 🙏
philipwalton.com/articles/small…Fpic.twitter.com/I0Vsh6L8x88
addyosmani Fantastic mobile web animations in React demos + talk by @alex_holachek. Lots of great tips about performance:
Slides: mobile-first-animation.netlify.com
Code: github.com/aholachek/mobi…
Video: bit.ly/mobilefirstani… pic.twitter.com/VAztX1X5f8
jimmyg 1/ Today marks the twentieth anniversary of the introduction of Microsoft’s Internet Explorer 5 for Mac. This was both the most important release of Internet Explorer for the Mac, and the last release. Here are some anecdotes and thoughts from an insider’s perspective. [thread] pic.twitter.com/TLiloQX0DU
😂 Sometimes I am happy to be one of the members of the Chrome DevRel team in an office far from London. ⤵️ twitter.com/Paul_Kinlan/st…
smashingmag Let’s make 2020… fast! 🏎️💨
Front-End Performance Checklist 2020 [PDF, Apple Pages, MS Word]
smashingmagazine.com/2020/01/front-…
🎯 Metrics, realistic targets
📦 Bundling
🚚 Delivery
🏎️ Single-Page Apps
🎪 HTTP/2, HTTP/3
📈 Testing, Monitoring
🧰 Tooling
✅ TL;DR Checklist pic.twitter.com/kYVzd0Gpvk
rowan_m I ❤️ this illusion from @Chris_Said and @gsarcone so I thought I’d try creating an animated SVG version. After some tears and crossed-eyes, take a peek at spectacular-optical.glitch.me twitter.com/Chris_Said/sta… pic.twitter.com/WXAjzQXod6
Scott_Logic As a fun project over Christmas, @ColinEberhardt created an Augmented Reality Sudoku Solver! In this blog, he explains how he did it and how it demonstrates the way WebAssembly allows you to use a range of libraries written in different languages bit.ly/2QFSj2p
#Wasm #AR pic.twitter.com/VU48RxLyZG
troyhunt Just blogged: Promiscuous Cookies and Their Impending Death via the SameSite Policy troy.hn/39u6AI9
@argyleink There’s a German rapper who goes by Eizi Eiz: de.m.wikipedia.org/wiki/Eizi_Eiz?…. Music sample: youtu.be/C6_Uk_2rkQg#t=… 🙋
@vrandezo Recommended related reading: en.m.wikipedia.org/wiki/Beer_bott…. Coincidentally, my everyday beer is filled in Steinie bottles. Cheers! 🍺
The Native File System API origin trial’s intermediate feedback is in: docs.google.com/document/d/13T…. The origin trial will probably be extended until additional code (that addresses the feedback) for a second origin trial has been committed. Exciting times! #NativeFStwitter.com/intenttoship/s…
_davideast 📝NEW POST! Sampling bias, FDR, and The State of JS.
My personal thoughts on The State of JS and ideas for improvement.
Plus one of the most interesting polling stories you’ll ever read.
davidea.st/articles/sampl… pic.twitter.com/tjJ4nkowYS
@lauthieb @loicgoyet @ChromiumDev @googlechrome Read all about this media feature: web.dev/prefers-color-….
firt Progressive Web Apps in 2020 - new post medium.com/@firt/progress…
@olivierlacan Neat! One pitfall, though: this approach breaks on browsers that don’t support `prefers-color-scheme`, or for users who have it set to `no-preference`. Here’s my suggestion: web.dev/prefers-color-…. See it in action on my blog.
JavaScript regular expressions: `.lastIndex` and the flags /g and /y: 2ality.com/2020/01/regexp…. One of my nastiest bugs in my career so far involved learning about this. Highly recommended reading! 🙇♂️