The @ChromeDevTools keep getting better. Favorite new features: top-level await and previewable cache resources in the Application tab. 👏 twitter.com/kaycebasques/s…
🆕 The Web App Manifest spec adds (app store) categories & IARC age ratings—On it with👷♀️Service Worker Detector:github.com/google/service…H.twitter.com/boyofgreen/sta…u
Powerful case by Condé Nast proving the versatility of server-side rendered React components for creating @AMPhtml. twitter.com/cramforce/stat…
ebidel Headless mode coming to Firefox 56. developer.mozilla.org/en-US/Firefox/…. Automated browser testing space is on 🔥! pic.twitter.com/POFES5P225
igalia Overview of @AMPhtml and Igalia’s collaboration project for improving WebKit and the Web Platform. Check it out! frederic-wang.fr/amp-and-igalia…
Help browsers figure out resource priorities. Calls for @ChromeDevTools support need: “warning—marked hi prio resource not used above fold”.twitter.com/yoavweiss/stat…M
ChromiumDev 🆕: wpt.fyi
“How well is ___ supported” you ask? Look no further! The web platform tests dashboard shows daily test result 💯🔥
@datao I guess it could, or the IPA be added to the repo like the APK for Android (github.com/google-ar/arco…). Maybe worth opening a GitHub Issue?!
three.ar.js—A library for creating Augmented Reality experiences w/ Web technologies (requires a native helper app):github.com/google-ar/thre…2pic.twitter.com/EzlLnhsc7ff
ChromeDevTools Now in Canary: Capture screenshots of specific HTML nodes pic.twitter.com/ywVJwokaCg
HenriHelvetica TIL: @ChromeDevTools now has dashed lines to indicated 1st Paint / 1st Contentful Paint: green/orange. #PaintTimingAPI #webperf #perfmatters pic.twitter.com/wnV6osNGd6
umaar Dev Tips: DevTools: Performance Monitor 📈 umaar.com/dev-tips/155-p… - Visualise your live render-performance metrics ⚡ (Canary/Experimental) pic.twitter.com/Bmkws73mSh
Someone interested in getting Web standards work mentorship? @marcosc from @wicg_ is open for business. 👏 #FamousLastWords 😉 twitter.com/marcosc/status…
@kennethrohde @marcosc @rob_dodson @ken_wheeler @samccone @sebmck @cwilso A newbie can’t be bothered to comb thru tons of IRC logs, so impossibly can’t be aware of all previous thoughts and all prior art. Patience.
@kennethrohde @marcosc @rob_dodson @ken_wheeler @samccone @sebmck @cwilso I was a small part of Media Frags (w3.org/TR/media-frags/)—weeks & weeks of calls. Hard to conserve for the WG—and challenging for newbies.
@kennethrohde @marcosc @rob_dodson @ken_wheeler @samccone @sebmck @cwilso Essentially GitHub Issue and Pull Request templates: github.com/blog/2111-issu…. Acknowledge reception timely, politely enforce template usage.
@kennethrohde @marcosc @rob_dodson @ken_wheeler @samccone @sebmck @cwilso IMHO all newcomer proposals need to have a “I looked at A, B, C, and still think it’s a good idea” section. Experienced folks can demand it.
@marcosc @kennethrohde @rob_dodson @ken_wheeler @samccone @sebmck @cwilso @respimg Funny, I was thinking of @respimg right now. Crucial to be aware of discussions around <source>-s of <video> as a proposer of <picture>.
@marcosc @rob_dodson @ken_wheeler @samccone @sebmck @cwilso What’s important for newbies is to study prior art—and for experienced folks to be patient if they didn’t & help’em get it right next time!
@mscdexdotexe Proxy to other servers.
@mscdexdotexe In the sense that I’ve one magic path on all domains (./magic) where I serve the same file, but proxy through all other paths.
daiyitastic if you’re frequently in & out of wifi, you can enable “show saved copy button” to see cached pages! chrome://flags/#show-saved-copy pic.twitter.com/iitl4Eaknk
Brilliant article with inline code samples for learning the fundamentals of React: edgecoders.com/learning-react… 👌
IMGpedia—A#LinkedDataa set w/ Content-based Analysis of Wikimedia Images by Hogan et al.aidanhogan.com/docs/imgpedia_…Z PDF#ISWC20177@WikiResearchhpic.twitter.com/ff5Zu9chxrr
somebitsLinks Kiwix: Offline Wikipedia. Free iOS app. dlvr.it/PhdXVr
More bad English, please: @kdzwinel, keep rockin’, stop worrying! twitter.com/kdzwinel/statu…
Nice walk down Memory Lane of browser developer tools history by @kdzwinel. twitter.com/kdzwinel/statu…
kennethrohde With all the talk about lit-html, here a a few slides I did a couple of weeks ago docs.google.com/presentation/d… @polymer
HTML Imports are effectively dead. ES6 Modules have replaced them universally. That’s OK 👌 twitter.com/matthewcp/stat…
@domenic @sebabenz @gauntface @AMPhtml It’s doable & partners I work with do it, but you carry overhead if you just care for the components.
sebabenz @gauntface @tomayac @domenic @AMPhtml Forking AMP sounds like a terrible idea. Instead we should focus on making it possible to use AMP as a library.
@gauntface @domenic @AMPhtml To be fair, components like <amp-img> _depend_ on a server (dynamic srcset, WebP,…). Better than <img> still.
@gauntface @domenic All that’s needed would be to “legalize” dirty @AMPhtml. It’s Web Components in the end—the powerful cache disregarded.
cramforce @glenngabe See twitter.com/cramforce/stat…
Our testing shows the actual implementation is not AMP specific and works for all web pages with canonical links
cramforce Nice one Safari team! theverge.com/2017/8/23/1619…
marcosc Whoa! 😲Payment Request API is in Safari Tech Preview! webkit.org/blog/7877/rele… 👀😻
(Took all my strength to not all-caps this tweet) @zachk! pic.twitter.com/rDayfLb01Y
polymer Echoing @mattsmcnulty’s closing remarks, thank you for making this the best #PolymerSummit yet!
Session videos: goo.gl/8ukMS2 pic.twitter.com/FA8MqTR8Q1
somebitsLinks Uber pitch deck: 2008 slides raising funds for Uber dlvr.it/Ph4yZg
This year’s #PolymerSummit felt way more embracing of the broader ecosystem (vanilla WebComp, SkateJS,…) than prev. editions in AMS & LON…👏
polymer 🙌 Hands-on with the Polymer 3.0 preview 🙌 polymer-project.org/blog/2017-08-2…
Just in time for #PolymerSummit, @ebidel’s guide to vanilla custom elements w/o @polymer was updated developers.google.com/web/fundamenta… #UseThePlatform
Medium-style lazy-loading images, w/ image-rendering: pixelated (developer.mozilla.org/en/docs/Web/CS…)-#Superchargedd@surmaa@notwaldorff#PolymerSummitt 🖼
fox I love everything about this. chris.bolin.co/offline/
For doing WebVR w/ Web Components, @g33konaut (humbly) says don’t use my stuff, use <a-frame> instead aframe.io/examples/ #PolymerSummit pic.twitter.com/1IOD2ujNlG
The Rendertron middleware is here: npmjs.com/package/render…. A performance tweak would be to serialize in a cron job and deliver the result. twitter.com/slightlylate/s…
@tomayac Live demo: render-tron.appspot.com
Rendertron, a Dockerized, headless Chrome rendering solution: github.com/GoogleChrome/r… #PolymerSummit
lit-html has built-in support for Promises, and with the until() directive you can have a placeholder while Promises aren’t fulfilled yet. pic.twitter.com/4X6FsSo0Qc
lit-html: HTML templates, via JavaScript tagged template literals for @polymer 3.0: github.com/PolymerLabs/li… #PolymerSummit #UseThePlatform pic.twitter.com/DOgYrGX1p9
@robertnyman Three handsome gentlemen on photo three you got there… The lights on the bushes look amazing! CC@rowan_m_@ymotongpoooo
Hero Element Timing API unofficial draft-docs.google.com/document/d/1yR…D +1 the metric, unsure it needs an own spec (maybe add to Resource Timing?).twitter.com/SpeedCurve/sta…3
linclark Firefox has a new super fast CSS engine 🚀
Here’s a peek under the hood → hacks.mozilla.org/2017/08/inside… pic.twitter.com/7yLsRkzwhG
rob_dodson Really happy to share Custom Elements Everywhere. A little site to help Custom Elements and frameworks be BFFs 🍻
custom-elements-everywhere.com
.@notwaldorf introduces @polymer wizzywid: polymerlabs.github.io/wizzywid/ (desktop-only), a designer for Polymer components. #PolymerSummit pic.twitter.com/EJJGS4c3es
The assigned engineer wrote: nuqneH—“What do you want?”, said to someone approaching you, and does not mean “Hello”.kli.org/about-klingon/…wpic.twitter.com/6QipDAPF6SS
benschwarz A quick visual audit and a couple of lines of HTML could make your sites load 3-5 seconds faster. Give it a shot✌️
medium.com/@benschwarz/th… pic.twitter.com/33aUfItNGT
All 95 @polymer elements are live on @npmjs already: npmjs.com/~polymer. #PolymerSummit twitter.com/polymer/status…
🎉 Moving to ES6 modules makes the “no polyfills needed” chart look incredibly greener. #PolymerSummit Finally _can_ #UseThePlatform. 💚✅ pic.twitter.com/nGjwsbhwb1
Just announced at the #PolymerSummit: @polymer to replace HTML imports with ES6 Modules and @bower with @npmjs. pic.twitter.com/iwkrWv1ZSD
robertnyman Really happy to see the video and emphasis on Code of Conduct and being inclusive at the #PolymerSummit! This is key. pic.twitter.com/TT45mJOa9J
I’ve a bug with the Google Assistant team open on the Assistant not yet being able to translate “hello” to Klingon. It’ll be good. 👋 nuqneH pic.twitter.com/ytRa9WEnXI
mbleigh Turned off Instant Apps on Android after it tried to make me download an app to reply to a StackOverflow comment. No thanks, I like the web.
andreasbovens We’re hiring a Senior PM for Firefox Developer Tools! careers.mozilla.org/position/gh/80… Get in touch if interested — DMs are open :)
The Payment Request API is open for business on both desktop & mobile. The mentioned Apple Pay JS wrapper is here: web-payment-apis.appspot.com. twitter.com/smashingmag/st…
@igrigorik Thanks for the pointer, this promises interesting use cases granted uptake is good.
@igrigorik Ah, thanks for clarifying that Client Headers mostly is about the mechanism. This wasn’t clear to me, as some values are spec’ed.
@RubenVerborgh Oh my God, they heard you… pic.twitter.com/KwVKJ75rXeXe
Detecting headless Chrome, for example, to prevent scraping: antoinevastel.github.io/bot%20detectio…
Muzzle, a macOS app to silence notifications while you’re sharing your screen by dynamically turning on DND mode: muzzleapp.com 😊
@igrigorik Also no mention of Device-Memory (github.com/WICG/device-me…) in Client Hints, now landed in @ChromiumDev (blog.chromium.org/2017/08/chrome…).
@igrigorik What happened to Downlink in Client Hints? httpwg.org/http-extension… Says moved → NetInfo, but no header in wicg.github.io/netinfo/
Google Web Light—💭: Safari’s Reader Mode. Example:support.google.com/webmasters/ans…1nD. Some HTTPS.
@mathias Yeah, of course. Actual URL length for Twitter at least matters less now anyway. I plan to use it for occasional other things.
Now running my own link shortener, thanks @mathias for creating it: tomayac.com/short/b ← points to the code.
“[T]he Facebook BSD+Patents license has been
moved to [Apache’s] Category X (apache.org/legal/resolved…).”-issues.apache.org/jira/plugins/s…3twitter.com/wohali/status/…Y
__apf__ Measuring HTTPS adoption on the web - slides! docs.google.com/presentation/d… @aprilmpls @rlbarnes @fugueish @chrisbentzel @laparisa #usesec17 pic.twitter.com/f2OVImQqVA
slightlylate `clear-site-data` launching in Chrome 61?!? Heck yes!!!
chromestatus.com/feature/471326…
bugs.chromium.org/p/chromium/iss…
umaar What Web Can Do Today 🕸 whatwebcando.today Shows what modern web features your browser can do. ✅ (NFC, video capture, offline, speech) pic.twitter.com/xPdfTz1XAf
rem @ChromeDevTools I wrote up how to enable this functionality: remysharp.com/2017/08/17/con…
❓Anyone aware of a HTTP/HTTPS @nodejs proxy server that allows me to “create” files, i.e. deliver example.org/i-dont-really-…? #AskingForAFriend
~”Due to probs w/ double-keying, unclear trial results & use-cases, we’re gonna remove foreign fetch from the spec.”-github.com/w3c/ServiceWor…o
umaar Increase your web development skill-set ✅ medium.com/@umaar/increas… +150 animated tips on Chrome DevTools 🎊 I’ve just published this article! pic.twitter.com/bfZjVVUvRS
nke_ise If you have ever had a problem grasping the importance of diversity in tech and its impact on society, watch this video pic.twitter.com/ZJ1Je1C4NW
paulcalvano The “average” page weight is now 3MB. I started a discussion thread on @HTTPArchive to dig deeper into this stat… discuss.httparchive.org/t/tracking-pag…
If you have a Chrome extension on the Chrome Web Store, there’s no excuse for not having 2-factor auth google.com/landing/2step/ activated! 🚨 twitter.com/reybango/statu…
It’s gotten super easy on modern browsers (caniuse.com/#feat=intersec…) to implement lazy loading thanks to the magic of IntersectionObserver.👍 twitter.com/sw12/status/89…
ChromeDevTools Introducing Puppeteer: A modern Node.js API for headless Chrome. Built with ❤️ by the Chrome team. github.com/GoogleChrome/p… pic.twitter.com/YNdlmXAQ2t
jaffathecake This is true, but it’s massively disappointing to see Google launch yet another Chrome-only site. That’s not “the web” to me. twitter.com/patrickkettner…
umaar Chrome Canary Update: Access navigator.connection from JavaScript 🎊 Get the users connection type 🌐 (cellular/wifi), speed & round-trip time pic.twitter.com/ek9EWiUDY9
🇺🇸 Imagine you visit an anti gov. website. Then this very government asks the site’s host to identify all visitors-dreamhost.com/blog/we-fight-…M
The latest @googlechrome 61 Beta is one of the most interesting releases in the last couple of months: native JavaScript module support! 🎉 twitter.com/ChromiumDev/st…
jaffathecake Quick demo showing how you can use postMessage to & from a service worker
gist.github.com/jakearchibald/…
umaar Dev Tips: DevTools: Better JavaScript logging with the 🆕 Log Management UI: umaar.com/dev-tips/153-l… (experimental in Canary) pic.twitter.com/O7Z70Qhawf
umaar Canary DevTools Update: top-level await is now supported 🎊 makes debugging & quick experimentations simpler, no need for an async function ✅ pic.twitter.com/rsX2G12fJm
Custom @googleanalytics segments based on browser-reported connection speed: github.com/Antoinebr/Ga-m…. (via @antoineBr)
@stefanjudis @cbetta @bkastl @nilswindisch @tobiastom @helloanselm Sorry to be a pain, but could you consider to make this a full feed? Right now it only teases the titles :-/
@emschec @hoeferh @__apf__ @googlechrome This is @x0rz’s 🔒https.cf/paypal.com/ in iOS Facebook’s in-app browser. Non-issue on Android?
@emschec @hoeferh @__apf__ @Emojipedia @googlechrome Sorry, on iOS right now, not sure if the issue in the screenshot ⬇️ happens on Android. pic.twitter.com/6cN7Y5tMV9
@x0rz @FakeUnicode @hoeferh Sorry for the confusion, currently the bug is restricted to google.com organization members.
@emschec @hoeferh @__apf__ @Emojipedia @googlechrome Would we show this warning on embedded Web views & fullscreen/standalone PWA contexts?
wanderview Streams API has landed in firefox 57 (default off). Please enable and test! Kudos to @tschneidereit and @baku82845977 for implementing! 🎉🙏🎉 pic.twitter.com/co3nDDZwEQ
@FakeUnicode @x0rz Thanks, added the demo page to bugs.chromium.org/p/chromium/iss….
FakeUnicode @tomayac fun one (on twitter web and crap browsers):
🔒https.cf/paypal.com/ pic.twitter.com/DDAS74T96f
@hoeferh @__apf__ Just filed bugs.chromium.org/p/chromium/iss…. FYI: @emschec, @Emojipedia, @googlechrome.
jyzg @tomayac @dalmaer You can convert a webp into a png using dwebp, and a pik to a png using dpik. After that, butteraugli compares the pngs.
JavaScript and SEO: The Difference Between Crawling and Indexing: stateofdigital.com/javascript-seo…
googleresearch Check out deeplearn.js, an open source WebGL-accelerated JavaScript library for ML that runs in your browser → goo.gl/6fASup
notwaldorf 💁 I wrote a post about the Shadow DOM, and why I think it’s the best thing if you need encapsulated CSS styles!
🎁🎨 meowni.ca/posts/shadow-d…
umaar Understanding CSRF 🔒 github.com/pillarjs/under… What are CSRF tokens and how do they work, a concise guide. Useful reading for web developers ✅ pic.twitter.com/TSO3Wsa5k8
maltewill The tools Google will have in place for users & media during the Federal Elections ’17 #btw17 #googlewahlparty buff.ly/2voxwHa (de)
MSEdgeDev ES Modules in Node Today!
blogs.windows.com/msedgedev/2017… from @jdalton
chipro My confession of what it’s like to be a so-called AI expert huyenchip.com/2017/07/28/con… #AI #confession #SiliconValley
Small thing, but more browsers should prevent padlock family emoji 🔐 to be added to browser tabs (avoid “fake” SSL)-blog.emojipedia.org/emojipedia-now…9
webkit Release notes for today’s Safari Technology Preview release 37 update are now available. webkit.org/blog/7862/rele… pic.twitter.com/4rCWMPBuZx
mcmd Apple Starts Work on Progressive Web Apps – Jason Grigsby, ☁4 – Medmedium.com/@grigs/apple-s…IkSX
jaffathecake Well this makes me happy. pic.twitter.com/je1f3Mpf8B
@iandevlin Are you running a local devel. server that accepts range requests (developer.mozilla.org/en-US/docs/Web…)? Python’s SimpleHTTPServer doesn’t.
Truly the most fun way to do a production test run of updating one’s Service Worker cache version… (Which) Way to go@trivagogo (maze team?)twitter.com/tom_says_thing…Vr
ChromiumDev IntersectionObserver tells you where the yellow squares are. Watch ⚡️Supercharged & all will make sense! goo.gl/oejVC9 pic.twitter.com/XidunankYG
Comparing strings w/ locale-specific rules: String.proto.localeCompare (developer.mozilla.org/en-US/docs/Web…) vs Intl.Collator
(developer.mozilla.org/en-US/docs/Web…). twitter.com/stefanjudis/st…
BezoMaxo .@JugglinMike latest blog post manages to deliver an insightful JavaScript discovery with an entertaining narrative bocoup.com/blog/the-caper…
“[T]he value of delaying DEFER script execution until DOM Interactive vs risking ASYNC scripts executing sooner if they download quickly.”⤵️ twitter.com/Souders/status…
cramforce Posted without comment except: This.
medium.com/@yonatanzunger…
Say it with #xkcd: xkcd.com/1357/. Read @EricaJoy’s summary of recent events at Google (post explains/links to the whole story). twitter.com/EricaJoy/statu…
Mozilla’s endeavor to make Firefox 57 the browser experience that makes you switch: cnet.com/special-report…. (via @mahemoff)
nodesecurity Your Node.js authentication tutorial is wrong by @_micaksica
medium.com/@micaksica/you…
DasSurma Dear websites: Just because I’m in France does NOT mean I want your website in French. Please read the `Accept-Language` HTTP request header pic.twitter.com/Qxgsov0ZRf
Official summary of Googlebot’s capabilities & limitations: developers.google.com/search/docs/gu…. Plus a debugging guide: developers.google.com/search/docs/gu… #SEO 👍
MylesBorins HTTP2 just landed in @nodejs core
github.com/nodejs/node/co…
ChromiumDev ⚡️ YAY this week ended w/ happy news from @webkit folks! Very excited for the future 🎉
As always, follow thread for what we’ve been up to👇 pic.twitter.com/LRV3x43CuX
I can very much identify with this #xkcd comic: xkcd.com/1872/ 🔋📱
jeffposnick Want to keep tabs on your web app’s current/max storage use?
navigator.storage.estimate()’s got you covered:
developers.google.com/web/updates/20… pic.twitter.com/T6ocLFXRgz
@jonathandavis @Apple If there’s one thing to be learned from Apple, it’s the attention to the details :-)
—
Sent from my iPhone
jonathandavis @tomayac @Apple I said work is beginning. The code landing makes it official.
It doesn’t get any more official than that-@Applee’s Web Technologies Evangelist@jonathandaviss just confirmed: Service Workers are coming🎉!twitter.com/jonathandavis/…T
Common Progressive Web Apps misconceptions listed by @poshaughnessy. Related: my #io17extended slides: twitter.com/tomayac/status…. #ItsTheWeb twitter.com/poshaughnessy/…
Honored to be one of the speakers at the Google Developer Days Europe (developers.google.com/events/gdd-eur…), see you in Krakow 🇵🇱! twitter.com/ChromiumDev/st…
@apassant Bon voyage et des très bonnes vacances ! ✈️ 🏔
👷For latest @webkit Service Worker news, probably a good idea to subscribe to webkit-dev lists.webkit.org/pipermail/webk… and to follow @bradeeoh.
Woohoo, the @Apple @webkit team have started work on Service Workers! bugs.webkit.org/show_bug.cgi?i… twitter.com/marcopoehler/s…
.@trivago to sponsor webpack. Also nice shoutout to @twbartel and @pgotthardt in @TheLarkInn’s blog post :-) twitter.com/TheLarkInn/sta…
Facebook to rank down pages that load slowly in their news feed: newsroom.fb.com/news/2017/08/n… (HT @cheneytsai)
somebitsLinks Why is ARKit good?: Details of Apple’s augmented reality tech dlvr.it/Pb84vl
.@AMPhtml @pbakaus @beep @cramforce “Accelerated Momentum Pages,” where p = m × v (m is page weight, v is connection speed). #ThisIsDeep
Brilliant article for understanding the request priorities that browsers download the assets of a page with, including performance tips. 👌 twitter.com/benschwarz/sta…
paulcalvano I decided to experiment with correlating @ChromeDevTools 3rd Party Product Names to @HTTPArchive data - discuss.httparchive.org/t/correlating-…
“Client-side API Design Principles—A Collection of Interesting Ideas”: Great W3C document that touches on many elements of (Web) API design.twitter.com/DasSurma/statu…B
Chrome Canary for Android play.google.com/store/apps/det… now has a native 🛑 ad blocking website setting, as announced in blog.google/topics/journal….
mafintosh Fun fact: I wrote wast2js, github.com/mafintosh/wast… for $0 to make WASM a first class citizen of browserify/webpack medium.com/webpack/webpac…