@robertnyman That’s the most unergonomic d-pad in history. It’s both-handed, but still. š
Happy birthday, Robert! š
searchliaison Google Images now shows “Licensable” badges for images with licensing information. Selecting an image shows any provided details and links about licensing. You can also filter images to include only those with licensing information. Learn more: blog.google/products/searcā¦ pic.twitter.com/81YN732Jl8
BryanEBraun I continue to experiment with bundle-free dev workflows.
Latest find: LitElement.
It kinda feels like what React would look like, if it were built on web components.
More here: bryanbraun.com/2020/08/31/howā¦
jeffposnick Help users change passwords easily by adding a well-known URL for changing passwords by @agektmr web.dev/change-passworā¦
@Paul_Kinlan @yoavweiss Ća. But, yay! I wish I could get more insights into someone’s L+1 Perf achievements.
@unpunnyfuns @vivaldibrowser Please see web.dev/text-fragmentsā¦.
@MarcoZehe @bertholdb @jwajsberg @codepo8 @electronjs Oh, “automatic” in the sense of after you accept the prompt everything happening automatically (i.e., the icon being added and the separate window being opened).
@MarcoZehe @bertholdb @jwajsberg @codepo8 @electronjs It should be a little “plus” icon in the URL bar labeled “Install” and then the app’s name (it’s there for a long time, nothing new). I just made sure it’s keyboard-navigable. To test, opairhorner.com
MarcoInEnglish OK, time for a confession: I tried to use Visual Studio @code as my primary editor on MacOS and Windows, heck I even contributed several pieces of accessibility advice to the project over the past few months. But I keep flipping back to truly platform-native apps.
@bertholdb @MarcoZehe @jwajsberg @codepo8 @electronjs For PWAs that trigger Chrome’s install criteria, the window will be alt-tab-able to begin with. For other tabs, you can manually create a shortcut via the three dot menu: “More Tools” > “Create
@jwajsberg @codepo8 @electronjs See the 3:58 mark of this talk for an explanation of the name: youtu.be/GSiUzuB-PoI.
@HenrikJoreteg Each Slack workspace lives on a separate subdomain. Maybe this makes the service worker setup too complex for them? You install Slack once, not a separate Slack per workspace. Probably they are not iframe-able on purpose. Just a guess…
Folks use @electronjs to fill the API gaps that the Web currently doesn’t close yet. These warnings you may have heard about this approach are very much about real threats: hackerone.com/reports/783877. Eliminating this API gap is what Project Fugu š” is aweb.dev/tags/capabilitā¦twitter.com/dcuthbert/statā¦
@briankardell I love them, and the fact that they’re not searchable when closed is hopefully getting addressed with github.com/WICG/display-lā¦, and I _do_ hope all browsers implement this. Minor annoyances: styling of the triangle and no simple way to add
@kristoferbaxter That’s a relief to hear! Welcome home!
slightlylate Chrome 86 is gonna be huge; Native FS, Web Socket backpressure, & camera PTZ all heading to stable…and that’s before you get to any of the new š” Origin Trials! See:
goo.gle/fugu-api-trackā¦ twitter.com/tomayac/statusā¦
@DasSurma @shailen_naidoo No, it’s the same. Note that you can set the `enableHighAccuracy` mode in the `options` parameter: developer.mozilla.org/en-US/docs/Webā¦.
@yoavweiss Thanks, clear now. Am I correct in my understanding that hillbrad.github.io/sri-addressablā¦ is not a problem either because of origin isolation?
WebPlatformNews š Why CSS ::before doesn’t work on inputs and images
webplatform.news/issues/2020-08ā¦ pic.twitter.com/cJGWkEENyR
cwilso Hey, um, so I was in the middle of IE. (Engineer on IE2-4; standards and PM IE5-6; GPM IE7-early 8). And I’m about to hit ten years at Google, 9 of them on Chrome. Chrome is many things - but I’m in a unique position to state, Chrome is *not* the new IE. (cont) twitter.com/namedgraph/staā¦
@HenrikJoreteg The bug description then contains all links to the repo, explainer, spec draft, ChromeStatus entry, design docs (if available), etc.
@HenrikJoreteg You can read up on file handling in github.com/WICG/file-handā¦. FWIW, I’ve implemented this feature in @excalidraw, so the moment it lands it should start working.
For finding: from docs.google.com/spreadsheets/uā¦, find your feature, then click thrbugs.chromium.org/p/chromium/issā¦
@yoavweiss It’s probably a stupid question, but I still ask it: Wouldn’t this have the same problem as cache digest with fingerprinting? tools.ietf.org/html/draft-ietā¦
@firt There’s some modest usage: chromestatus.com/metrics/featurā¦. But yes, doing it with TensorFlow.js is in many cases the more reliably available choice across devices.
mathias š„ Promise.any is now available in Chrome, Firefox, and Safari!
(This includes the AggregateError constructor.)
v8.dev/features/promiā¦ pic.twitter.com/xPTfQNva7j
MarcoInEnglish Nope, alt text is plain text without linkage. And not all platforms allow copying text out of that alt text. Link into the tweet, please. Thank you for asking! ā¤ļø twitter.com/ddprrt/status/ā¦
@RickByers Congratulations, Rick! š
LeaVerou I’m gonna start blanket adding the following rule to all my stylesheets:
:focus:not(:focus-visible) { outline: none }
Gets rid of the annoying outline for mouse users but preserves it for keyboard users, and is ignored by browsers that don’t support :focus-visible.
@wunnle @ChromiumDev Yesterday we talked about it, today there’s the Intent to Prototype for Progressive Web Apps as URL handlers in my Inbox: groups.google.com/a/chromium.orgā¦
ChromeDevTools Chrome 85 is here! š
Be sure to update your Chrome and audit your page with the latest Lighthouse (with Core Web Vitals, web.dev/vitals) in DevTools and more!
Full list of What’s new in DevTools šš¼ developers.google.com/web/updates/20ā¦ pic.twitter.com/lHulmTMf8A
ChromiumDev šØ squoosh.app now supports AVIF!
ā”ļø Next-generation open image format.
ā”ļø Significantly outperforms JPEG & WebP lossy formats.
ā”ļø Supported natively in Chrome 85
Give it a try with your own images! pic.twitter.com/xFsZyWjghN
justmarkup The difference between aria-label and aria-labelledby by @LeonieWatson
1. Do you need to use ARIA?
2. If yes, does the text already exist elsewhere in the document?
3. If yes, use aria-labelledby; if no, use aria-label.
tink.uk/the-differenceā¦
mikolajdobrucki In new @ChromeDevTools, you can finally disable local fonts loading! š which basically makes your browser behave like it doesn’t have any of the local fonts you’ve installed
Why is it so cool?
[1/4] pic.twitter.com/PDBCXpAMlT
@Jolg42 @mikolajdobrucki @ChromeDevTools Local fonts as a fingerprinting vector: web.dev/local-fonts/#lā¦.
@mahemoff I used Gmail Loader back in the days: blog.tomayac.com/2006/02/12/gmaā¦. It’s deprecated now, but the author left a couple of recommendations for replacements: marklyon.org/2013/01/gmail-ā¦. Maybe helpful, maybe not.
Wow, the 3d emoji are really cool! š Fun effect library with accessibility in mind. Love it! twitter.com/bennettfeely/sā¦
There’s a patch already: trac.webkit.org/changeset/2661ā¦.
@canofsleep @sayhello @ChromiumDev The only WebAssembly issue I can find is github.com/WICG/native-fiā¦. Not sure to be honest…
@wunnle @ChromiumDev Oh, I see. I don’t think 85 changes this. It still opens in a regular tab as far as my testing goes.
@wunnle @ChromiumDev `Window.open()` (developer.mozilla.org/en-US/docs/Webā¦) would always work.
Hopefully needless to say: Full credits to @h0wlu.
For anyone following along, this is now tracked as github.com/w3c/web-share/ā¦ in the Web Share API repo. As a public trace, I’ve filed @webkit bug bugs.webkit.org/show_bug.cgi?iā¦, since Apple’s internal Radar—which doubtlessly exists judging fromblog.redteam.pl/2020/08/stealiā¦
@html5test @johnwilander I can on both beta 5 and 6. Try sharing to Messages.
@html5test @johnwilander Unfortunately it still repros on iOS 14 beta 6.
igrigorik Chrome M85 is rolling out to stable, super excited to (finally) see PGO & tab throttling out in the wild! š
Details for the curious: bit.ly/32sscBI
Now eagerly waiting for M86 to ship back-forward cache: bit.ly/2QlZ4qk — that’ll be another massive perf win špic.twitter.com/1MG7qtzFPrr
@denladeside Hope things turn out well! š¤
@rotexdegba @craigbuckler No, on Android the file:// URL gets shared as a literal string, whereas Safari shares the actual file contents.
We now have 3 LGTMs for the Native File System API to ship: groups.google.com/a/chromium.orgā¦. This is _super_ exciting š and probably the most popular Project Fugu š” API to date. Here’s how you can use it today: web.dev/browser-nativeā¦.
@DasSurma ĀÆ\_(ć)_/ĀÆ Well…
@kristoferbaxter @RReverser Safari 14 additionally correctly reports image/webp as being supported. ā
@firt Absolutely. That’s completely not working as intended. But one step earlier: probably file:// URLs should not have been shareable to begin with and throw an error instead, since your file:// isn’t accessible to me, so (to me) it doesn’t make (
@firt That’s my worry, too. If so, it just takes someone with a jailbroken device to figure out interesting files and their paths to share… This is a surprisingly easy attack. I checked the specw3c.github.io/web-share/#domā¦x5 url.spec.whatwg.org/#relative-url-ā¦9O), a
@srescio @raymondcamden Yes, browsers other than Safari on iOS internally use WKWebView, and the Web Share API is exposed there (research.google/pubs/pub46739/). I just tested this on Chrome for iOS.
Wow, this Web Share API bug ā¤µļø is concerning.
const pwn = () => {
navigator.share({
text: ‘Check out this cute kitten!’,
url: ‘file:///etc/passwd’,
});
};
Turns out Safari actually shares the _contents_ of /etc/passwords, and allows for twitter.com/firt/status/12ā¦
Fast, personalized, and private by design on all platforms: introducing a new š¦ @firefox for Android experience. This looks pretty exciting, and it includes access to some popular extensions like uBlock Origin. blog.mozilla.org/blog/2020/08/2ā¦
@felipehoffa @takidau @ElliottBrossard @SnowflakeDB Congratulations on the new role! š
@Rich_Harris @mathias @AMPhtml Oh, tracked as github.com/ampproject/ampā¦ already. Didn’t see all thread responses, sorry.
@Rich_Harris @mathias Have you filed an @AMPhtml bug? The team has been really responsive when I filed the infamous ā”ļø issue (github.com/ampproject/ampā¦).
@rustybrick @victorpan Obviously the Chrome extension (chrome.google.com/webstore/detaiā¦) works on Edge, too, but if you prefer staying in the Edge ecosystem, you can install Link to Text Fragment from the Edge Add-on Store: microsoftedge.microsoft.com/addons/detail/ā¦. And, shh š¤«, addons.mozilla.org/en-US/firefox/ā¦
taybenlor Just used @samthor’s “Undoer” (github.com/samthor/undoer) to add native cmd+z undoing to a web app. So exceedingly smooth and easy. Web is good.
@lilyraynyc #:~:text=insert%20your%20words works as long as “insert your words” appears exactly once on a page. Sometimes you want to link to a _specific_ instance of ambiguous text. This is where Link to Text Fragment excels: github.com/GoogleChromeLaā¦.web.dev/text-fragments/
@cemper Thanks for the shoutout! š
samthor Hey web Twitter šøļø, I wrote a post on better understanding `load` and `DOMContentLoaded`, mostly around why they’re not always what you want: whistlr.info/2020/understanā¦
Wow, what a great visualization ā¤µļø of the things I said about Project Fugu š” at #AskTheExpert today for @ATEOnAir!
For those who couldn’t make it, here’s the slide deck: docs.google.com/presentation/dā¦.
Thanks, @jefbinomed for having me! twitter.com/ptibulle/statuā¦
@Paul_Kinlan @fabricedesre @cwilso @johnwilander @denladeside @kennethrohde Huge +1 for one sole place to go for web docs: @MozDevNet.
There’s massive room for UI innovation:
Want an MDN of just multiple-implementation APIs? Check this box.
Want an MDN
@simevidas Wow, this was almost driving me mad, but I found the culprit: github.com/GoogleChrome/wā¦. Thanks for reporting this!
@pbakaus Tweaked it a little for improved browser compatibility: codepen.io/tomayac/pen/KKā¦.
@pbakaus (Lacks a `playsinline` attribute for iOS.) Tip: consider using the `requestVideoFrameCallback()` method as a progressive enhancement: web.dev/requestvideofrā¦.
addyosmani AVIF is an image format that compresses to a smaller size than WebP or JPEG bit.ly/avif-pe It’s in Chrome 85, behind a flag in Firefox & can be a progressive enhancement! pic.twitter.com/jqADQK6jTd
HexEd.it š» is a browser-based Hex editor. As of v2020.08.21 it now uses the Native File System API! š #NativeFS
@Xowap It’s meant to be unobservable by the page. Please see web.dev/text-fragmentsā¦ for details.
@simonw Please see web.dev/text-fragmentsā¦ for the privacy implications and web.dev/text-fragmentsā¦ for web search use in the case of Google. Happy to answer additional questions.
@LeaVerou You can read about the privacy implications and the feature per se in the official article: web.dev/text-fragmentsā¦. We offer an extension for Chrome, Edge, and Firefox: github.com/GoogleChromeLaā¦.
@simevidas I hate how this sometimes opens the “compose reply” view and sometimes toggles the conversation thread. I still get it wrong sometimes (I’m on the twttr Test Flight version to be fair, so they may be experimenting with the experience).
@ecbos_ Browsing Prezi at least… š
schoraria911 Reminds me of the recent publication by @tomayac that I’d stumbled upon while doing some research for work.
Instantly fell in love with the intro š¤©
static.googleusercontent.com/media/researchā¦ twitter.com/williamlohse/sā¦ pic.twitter.com/OZZ0hdajGf
@johnwilander @Paul_Kinlan @denladeside @kennethrohde Sounds like a chicken and egg problem to me, though. I’m more for aggressive warning in the platform docs that something is an experimental feature that might change, go away, or not get implemented
@johnwilander @Paul_Kinlan @denladeside @kennethrohde Think, for example, the Web Share API. It started in one browser, but now has multi-engine support: caniuse.com/#feat=web-share (use the “Date relative” view). Maybe it wasn’t a Web Standard in its b
An Update on MDN Web Docs: “The other areas we have had to scale back on staffing and programs include: Mozilla developer programs, developer events and advocacy, and our MDN tech writing.” š hacks.mozilla.org/2020/08/an-updā¦
@canofsleep @sayhello @ChromiumDev Another user reports a similar performance issue in github.com/WICG/native-fiā¦, albeit they’re not using the new API, but the legacy method. Maybe the underlying implementation is the same? @sayhello might know more.
@kristoferbaxter @robwormald @nomadtechie Holy… š„ŗ Hope this ends well! Al the best!
@jensimmons Access to local fonts… web.dev/local-fonts/OW.
Vincent_Scheib FranƧois Beaufort created #WebBluetooth getDevices and watchAdvertisements samples: googlechrome.github.io/samples/web-blā¦ (these APIs still behind a flag, hopeful to ship soon)
@SamsungDE Zu spƤt, habe schon bestellt. Bestellnummer DE162604352. Vielleicht kƶnnt ihr da ja noch was machen?
@notameadow If you want to create this magic š® yourself, there’s a browser extension for doing that: github.com/GoogleChromeLaā¦.
@LinuxLiaison @notameadow It’s a little more complex when the string isn’t unique. See the article for details: web.dev/text-fragments/.
@jieorlin @ChromiumDev As far as I can tell this is out of scope for the moment, since the focus really is on locally installed fonts. You can, of course, always ask: github.com/WICG/local-fonā¦.
@jieorlin @ChromiumDev No, this is only possible for local fonts.
You may have heard of Blink’s launch process, or seen a tweet where I celebrate some API getting “3 LGTMs” (chromium.org/blink/launchinā¦).
Did you know that asking @webkit & @mozilla for their opinion is an obligatory step of the process? Documented here: docs.google.com/document/d/1xkā¦
@SamsungDE Ich bestelle den 65” QLED 4K Q70T (2020) (samsung.com/de/tvs/qled-q7ā¦) fĆ¼r 1.279,00 EUR und @Citi meint, die Bestellung sei ein Betrugsversuch und verweigert den Auftrag. Ich sage Citi, alles sei gut und bestelle von Neuem. Ćberraschung, neuer Pr#Failpic.twitter.com/bI3TuJsrUf
If you wonder why @googlechrome’s Project Fugu š” team works on—for many pure Web folks seemingly, but acknowledgedly, weird—APIs like Web Serialwicg.github.io/serial/eA), rea@HenrikJoretegeg’s statement of supportgithub.com/mozilla/standaā¦cI. This. S
@JecelynYeen @ChromeDevTools - Hey! Get back to work!
- Waiting for Idle Detection to kick in.
- Oh. Carry on.
xkcd.com/303/
sayhello Great to see this article come out. We’re still working on this API. Feel free to ping if you have questions! twitter.com/ChromiumDev/stā¦
ChromiumDev š Use advanced typography with local fonts!
š web.dev/local-fonts/
Learn how the experimental Local Font Access API (behind a flag š©) allows for accessing the user’s locally installed fonts and obtain low-level data about them.
New article by @tomayac. #LocalFontAccess
@othermaciej š I do the same, but for the ellipsis (…) character on any other platform than {mac,i,iPad}OS, and I even wrote an article on how to type itblog.tomayac.com/2011/09/07/genā¦iDLn.
@jordaust It has been pushed out to v2 of the API: github.com/WICG/native-fiā¦.
kornelski AVIF image format is coming to Chrome next week! (and is behind a flag in Firefox)
ā¢ compresses much better than WebP, JPEG, J2K, JXR and everything else on the Web,
ā¢ royalty-free,
ā¢ AVIF supports lossy & lossless, alpha, wide-gamut color, HDR, 12-bit color, and lots more.
@cwilso @othermaciej @johnwilander @romulof @nekrtemplar @xeenon There’s a Web Bluetooth browser, too: apps.apple.com/us/app/webble/ā¦ (multiple, actually: apps.apple.com/de/app/bluefy-ā¦, apps.apple.com/de/app/carta-bā¦). Multiple, independent implementations. š¤
jensimmons You know how leading always felt kind of broken/weird in web typography? Yeah, that’s because it is. The CSSWG is working on fixing it permanently — specifically@fantasaii with the support of Microsoft Design.
Read about how it will work in the future:medium.com/microsoft-desiā¦W
@tombonnike @caludio Yes, Text Fragment URLs (web.dev/text-fragments/) are here for exactly this use case. The extension is also available for Firefox and Edge by the way: github.com/GoogleChromeLaā¦.
sulco #CSS tip for today:
Use `repeating-linear-gradient` to draw a grid. pic.twitter.com/aSJH3Et41r
It’s getting serious: earlier today we sent out an Intent to Ship š¢ for the Native File System API: groups.google.com/a/chromium.orgā¦.
Happy that my library browser-nativefs š¾ was explicitly mentioned in the “Interoperability and Compatibility” section: github.com/GoogleChromeLaā¦#NativeFS
@othermaciej @yoavweiss @marcosc @firt Yepp, it’s definitely _heavily_ dominated by Chrome folks.
Deep link: lifehacker.com/our-12-favoritā¦. On mobile, it’s all on one page, while on desktop, they have a weird slides view…
stefanjudis To scratch my own itch and display web-vitals in my never ending website-redesign I published a quick web-vitals custom element. šš
github.com/stefanjudis/weā¦
Video alt: Example showing that after loading the web-vitals-element.js script a `web-vitals` element is available. pic.twitter.com/cDAKjjymEl
š Life hacker has listed the Link to Text Fragment extension as one of their 12 favorite Chrome extensions: lifehacker.com/our-12-favoritā¦. If you haven’t tried it yet, give it a shot.
@yoavweiss @othermaciej @marcosc @firt You can see all authors here: web.dev/authors/. Some of them non-Googlers: github.com/GoogleChrome/wā¦.
@yoavweiss @marcosc @firt # /etc/hosts
# One day you will thank me, son.
66.29.212.110 developer.mozilla.org
@mhartington @Ionicframework Don’t leave us hanging in there. What was fixed?
seaotta Just a few days left to help us gauge developer interest in any of these submissions around web apps/PWAs from @webwewantfyi by taking this survey:
aka.ms/www-web-apps
@jensimmons Art direction with dark mode is one of my favorites. The WebKit docs indeed are a brilliant example! š
web.dev/prefers-color-ā¦
@marcosc I’m pretty sure a couple of browser vendors would be very interested in someone like you. I know that’s easily said, and, above all, some/most Mozillans probably also weren’t interested in a change… Hope this all ends well for you and all
@marcosc I’m currently looking into the mini apps ecosystem for the same reason (legitimate interest). Oh, and sorry, the tweet may have come across as insensitive given recent events. It certainly wasn’t meant that way.
@marcosc Plan B in case this whole Web thing doesn’t work out? š
@hdv Congratulations, Hidde. That’s a nerdy first trace to leave on the Internet :-)
stefanjudis ā Little morning devsheet: unicode property escapes in JavaScript regular expressions. š
#devsheets
š Explainer from @mathias: mathiasbynens.be/notes/es-unicoā¦
š Explainer from @rauschma: 2ality.com/2017/07/regexpā¦ pic.twitter.com/fdMPCnzrxG
ChromiumDev Web developers can currently experiment with reading and writing from a serial port.
1ļøā£ Learn more about the Serial API at web.dev/serial/
2ļøā£ Give it a try, enjoy!
3ļøā£ File feedback at github.com/wicg/serial/
web.dev/serial/
mbleigh š„šš …now for a fan favorite!
Firebase Hosting now compresses all static content w/ Brotli!
š„¦ Processed async post-deploy w/ high settings.
š
We serve smallest available encoding.
š¤ 18% avg. size reduction over gzip!
No docs link this time, just deploy a new version! š
#xkcd: Dependency m.xkcd.com/2347/
ChromiumDev New: “Fast page” labelling highlights great user-experiences on the mobile web using the Core Web Vitals: bit.ly/fast-page pic.twitter.com/6S6OE5lS73
@JohnMu @benmorss @danbri @g33konaut @LilNasX schema.org/BlogPosting has a number of interesting properties like associatedMedia (schema.org/associatedMedia) that might be useful in this context.
andreban Help us shape the future of the Android WebView! If your app uses the WebView, directly or indirectly, the team is interested in your feedback. If you have a few minutes to spare, help us by filling the survey at: docs.google.com/forms/d/e/1FAIā¦.
@paul_melero @addyosmani @isocroft @mathias Yes, it works perfectly on Android.
@addyosmani @isocroft @mathias (This for iOS.)
@addyosmani @isocroft @mathias Unfortunately not. Here’s Excalidraw’s manifest: excalidraw.com/manifest.json. Add it to the home screen and it works brilliantly. Links to Excalidraw, though, still open as all other links in a browser tab (or webview tab, d
@JavranW It sounds like you want to disable Text Fragment URLs. The sneaky bastards have published a documented way how to do that: web.dev/text-fragmentsā¦. Hope this helps!
@razvancaliman @simevidas Or, at least, can the stores agree on a joint set of acceptable image resolutions? It’s annoying to maintain this: github.com/google/serviceā¦.
@canofsleep @sayhello @ChromiumDev This is something that @sayhello might be able to say something about.
@canofsleep @sayhello @ChromiumDev It (and also its successor functions) shows a picker, so by definition it’s blocking.
Periodic Background Sync Explained. Good overview of a powerful Project Fugu š” API. felixgerschau.com/periodic-backgā¦
@canofsleep @sayhello @ChromiumDev This has changed. See github.com/WICG/native-fiā¦ “After (in Chrome M86)” for the difference. Hope this helps!
abraham Unblocking clipboard access by @_developit and @tomayac web.dev/async-clipboarā¦
@felipehoffa All the best for whatever comes next! I’m curious to see where you end up. Keep posting amazing blog posts, please!
@SaraSoueidan @Malarkey I’ve mixed feelings about this. As long as it’s just your personal components, whatever works. As soon as you aim for broader adoption, though, cultural background matters. Chemical elements (webcomponents.org/author/Polymerā¦)? Maybe. Oftwitter.com/matthewovingtoā¦
@rick_viscomi @HTTPArchive I just liked this tweet, which gave it a little hearty icon, but here’s another actual heart ā„ļø of appreciation! This is so freakin’ cool!
@HTTPArchive @rick_viscomi No way! Really? We’re creating an actual book š from the Almanac contents? Wow, this is going to be the best event (if we ever do them again) swag ever, and a great present for any web developer. š
@iandevlin @yatil If only there were a simple tool where professional web developers could paste their HTML code for a validity check…validator.w3.org/nu/#textareaFh
And I say “paste” because professional web developers wouldn’t want to ruin their 50pic.twitter.com/7fiC3kq5u0
keithclarkcouk @partytimeHXLNT @EdgeDevTools @webhintio That’s handy! I’ve created a devtools web extension to help show those problems in a more visual way. It allows devs to simulate how pages render with unsupported CSS features: github.com/keithclark/cssā¦
@isocroft @Ionicframework They have built @capacitorjs.
yoavweiss Fast and efficient brotli recompression using previous compression artifacts: dev.to/riknelix/fast-ā¦
*Amazing* work by @riknelix!! Up to 5.3% smaller files and 38% *faster* compression compared to Brotli 5!
HTTPArchive According to the PWA chapter of the 2019 Web Almanac, @tomayac and @jeffposnick found that 15% of all page loads on the web are controlled by service workers.
š almanac.httparchive.org/en/2019/pwa#seā¦ pic.twitter.com/H7T2byc1Co
streamsstandard Over 5 years since it was first proposed in github.com/whatwg/streamsā¦, transferable stream support has finally landed in the standard! See the explainer github.com/whatwg/streamsā¦ for more about why you’d want this.
@stefanjudis +1 for @feedly. Reliably does its job and keeps the read/unread state in sync across Web, Android, and iOS.
excalidraw In these summer months the heat can be a bit too much. What if we could dial the light down?
Introducing dark mode!
š Don’t forget to send some love to @xixixao again!
Try at excalidraw.com pic.twitter.com/H3dOXj1jSv
@jeffposnick It’s only authentic with an Ā®. trademarks.justia.com/737/58/i-ny-73ā¦
I š· NYĀ®
š Have you ever opened @ChromeDevTools to search the source code of an FAQ page where each answer was hidden in a closed `<details>` tag and “Find in Page” didn’t find your search term?
This is a problem solved by the new `beforematch` event progithub.com/WICG/display-lā¦twitter.com/intenttoship/sā¦
@firt @meulemeester Oh, this might need clarification. I tripped over this, too.
@zachleat @digitarald @Netlify @cassidoo @philhawksworth Yeah, straight-forward build config, too. Needs a `<meta name=”generator” content=”vim” />` tag, though.
googledevs š Building world-class apps starts with the right tools and resources.
Introducing ChromeOS.dev — a fully open-source online destination for the latest news, product updates, insights, and inspiration today’s developers want.
Learn more āgoo.gle/3aiae8IDpic.twitter.com/Lw67Tx34DWW
firt Is the Phone Gap closed in 2020? š¤
firt.dev/phonegap-end/
āļø On the future of @MozDevNet: it’s not purely run by Mozilla; there’s actually a Product Advisory Board with members from different industry players (including Google): developer.mozilla.org/en-US/docs/MDNā¦. @torgo, @w3ctag Co-Chair, has shared reassuring wortwitter.com/torgo/status/1ā¦
@_gsathya Interesting! Is this a recommendation that should go into JavaScript style guides, or something temporary that the team are working on to eventually improve automagically over time, like, say, string concatenation, which originally was faster wh
@ecbos_ Oh, I see. Happy to hear that!Nevertheless, *hug*. It’s going to be a different place with so much talents gone…
emilyxxie Urban legend says that Mona Lisa’s eyes follow you as you move around the room. I made an app that actually does that! Here: monalisaeffect.com
Made w/ @TensorFlow + First Order Motion Model #MachineLearning #AI #DeepLearning #art #Tensorflow #TensorflowJS #CreativeCoding pic.twitter.com/qSiKUK45vf
@marcosc Happy to hear that! <3
@digitarald @FirefoxDevTools All the best for whatever comes next! Heartbreaking to hear what’s happening to so many amazing Mozilla people during these tough times.
@ecbos_ Hug š¤ and thanks for all the work you have put into Firefox! Hope you end up somewhere else just as meaningful for the Web!
@jensimmons I use it on a regular basis. The annoying thing I run into frequently is that iOS beta devices don’t show up in the menu. I keep a spare iPhone on a stable build around for just this purpose.
@brrian @swrobel @JoannaStern @webkit Looking at mobile.twitter.com/webkit/with_reā¦, @webkit has been mostly a one way street. Feedback Assistant isn’t known for its responsiveness either. The bug tracker bugs.webkit.org (w/ optional CC:ing of the right pe
samthor Wherein I stay up late making really average screencast videos—if you’d like to watch me build a tiny notes demo with neat undo/redo features… for seven minutes š:youtube.com/watch?v=4nWYR4ā¦8
@dewitt @cramforce I never understood some of their, Google lingo, “other bets”. For example, their IoT framework: iot.mozilla.org/framework/.
chrisguttandin I wrote an article which shows how the Screen Wake Lock API and scroll events can be used to give your users a little more time to read what’s on the page. media-codings.com/articles/keepiā¦ Many thanks to @tomayac and @niklas_wortmann for reviewing it.
@least_nathan @agl__ Your link is wrong. You just have `#:~:`, but the full syntax is `#:~:text=`. The link works like this: web.dev/text-fragmentsā¦ (use a service like unshorten.it to unshorten the URL). Instead of creating links manually, juschrome.google.com/webstore/detaiā¦
@HenriHelvetica @etportis @marcosc It’s in the “internal” memo that was shared publicly: blog.mozilla.org/wp-content/uplā¦.
marcosc The real life impacts of the COVID-19. 250 people are being let go from Mozilla today.
blog.mozilla.org/blog/2020/08/1ā¦
Adobe stops the development of PhoneGap and PhoneGap Build, and also stops their investment in Apache Cordova, all citing declined use and grown capabilities of Progressive Web Apps. š blog.phonegap.com/update-for-cusā¦
sw12 Still blows me away what you can do on a web page without plugins. webaudiomodules.org/wamsynths pic.twitter.com/IpnLDIgVaP
@murmosh If I open your link, it opens at `Other_applications`. If I then select “Pilot”, it creates the link en.wikipedia.org/wiki/Pilot_expā¦ pointing to this word, with the anchor `Implementation` as the closest anchor. This is a fallback should the text have chweb.dev/text-fragmentsā¦pic.twitter.com/eHiyFFyMXD
@murmosh I looked into this. A potentially existing element fragment will be overwritten, so it still works: github.com/GoogleChromeLaā¦.
There may be issues with text that changes late, e.g., a Chrome-provided translation.
Extensions can’t run on the Chro
@jyasskin Had you taken a statistics class, it might have helped. Maybe. xkcd.com/552/
excalidraw š We’ve added arrow binding! š
We’re still investigating what the best defaults and behavior should be, so let us know below or open a GitHub issue.
Many thanks to @xixixao for the great work! š
Try at excalidraw.com pic.twitter.com/cPkEB4szcS
@polarsoviet There’s a solution to this problem: chrome.google.com/webstore/detaiā¦.
@fvsch Not sure how you read that into the post. The example is that you might be interested in the SVG source code in some cases, and in the actual image in others.
justinschuh @noopkat @KevanMander It’s a Google developed extension, and very minimally permissioned (just activeTab and clipboardWrite—meaning no ambient site permission). So, in this case I think it’s fair to frame it as not really demanding any additional trust.chrome.google.com/webstore/detaiā¦B
@intenttoship Very excited about this. Here’s why: blog.tomayac.com/2020/03/20/mulā¦.
@Paul_Kinlan @justinschuh @noopkat @KevanMander (Biased) Apart from minimum permissions, having a non-persistent background page, and only injecting the content script “as needed”, the extension is open-source: github.com/GoogleChromeLaā¦. Most bookmarkletwitter.com/tomayac/statusā¦
swyx Wonderful 10min talk from @samthor on building Applike UX on the web:
- Native Undo/Redo that works on mobile
- Customizing Select All
- Controlling app overflow like @excalidraw and Gmail
- Using native Drag & Drop
youtu.be/uuKBqHDnJ2k
@danbri @aaranged That’s easy:
“`html
<html>
<body>
<div id=”app”></div>
<script type=”module”
src=”main-lol4MB.js”>
</script>
<script type=”module”
src=”vendor-LOL6mb.js”>
</script>
</body>
</html>
“`
@koreaerok @tiny_wings_ There is a known limitation with JavaScript-based redirects, as used by Twitter. Track bugs.chromium.org/p/chromium/issā¦ for progress. Also check out web.dev/text-fragments/ for more details.
“American teen girls were not exactly an audience Alex and Louis [the founders of musical.ly] really understood.”Ā¹
Ā¹”To be fair, most American parents would argue they don’t understand their teenage daughters either.”
eugenewei.com/blog/2020/8/3/ā¦
bcmerchant This is such a perfect example of modern innovation in action — wireless charging, which saves us like 0.001 seconds every time we plug in our phones, uses up to *50% more energy*.
Nearly imperceptible convenience, at massive social cost
onezero.medium.com/wireless-chargā¦u
@jaffathecake Paging @natfriedman. Could you have someone fix the diff viewer for those file types, please? Oh, and pull out of ICE, too. That’d be great.
@jaffathecake Isn’t this fixed for a while now? github.blog/2013-12-03-sofā¦
@kennethrohde @Una @melaniersumner `content-visibility: hidden-matchable`: github.com/WICG/display-lā¦. As someone who repeatedly has used DevTools for full text search on pages with hidden sections, I’m very much looking forward to this landing!
Announcing the Expansion of the Clean Network to Safeguard America’s Assets - United States Department of State state.gov/announcing-theā¦ “PRC apps threaten our privacy, proliferate viruses, and spread propaganda and disinformation.” What a statement.
jeffposnick c-r-a v4 opens the door to customization of your service worker, with the switch to @workboxjs’s InjectManifest web plugin.
There are some preliminary details at github.com/facebook/creatā¦ and starer templates at github.com/cra-template/pā¦
twitter.com/iansu/status/1ā¦
@ericwbailey @briankardell It has now :-) You can assign your preferred keyboard shortcut in the chrome://extensions settings.
@DenisTRUFFAUT I would hope the work is done only once.
@eric_ruleman @balajis For more details on this feature, please see web.dev/text-fragmentsā¦.
Exposure Notification: xkcd.com/2342/ Hooray for adding dark mode! š¤£ #xkcd
š» The Realms proposal provides a new mechanism to execute JavaScript code within the context of a new global object and set of JS built-ins. Realms are a distinct global environment, with its own global object containing its own intrinsics and built-ingithub.com/tc39/proposal-ā¦
@RReverser @WebReflection They have platform-specific apps: authy.com/download/.
@RReverser Just get Authy, it syncs your accounts across different devices and has apps for all platforms. Never depend on one phone! authy.com Here’s some more background: authy.com/blog/authy-vs-ā¦.
argyleink native EyeDropper API?!
VisBug is down!
š read more github.com/MicrosoftEdge/ā¦ pic.twitter.com/v0PVCW0alI
@danbri @martinbean @otherJackson Happy I dug down the thread until the end. This is a great tweet that explains a lot. I was about to suggest schema.org/docs/extensionā¦, but given the new context I just learned I don’t need to. š