Neat idea by @Cloudflare to implement the Service Worker API on their edge servers, no client-side change required (blog.cloudflare.com/introducing-cl…) twitter.com/dalmaer/status…
GoogleFR ⚪️⚪️⚪️⚪️❤️❤️❤️❤️⚪️⚪️⚪️
⚪️⚪️❤️❤️❤️❤️❤️❤️❤️⚪️⚪️
⚪️💛❤️❤️❤️⚪️❤️❤️❤️❤️⚪️
⚪️💛💛💛⚪️⚪️⚪️⚪️⚪️⚪️⚪️
💛💛💛⚪️⚪️⚪️⚪️⚪️⚪️⚪️⚪️
💛💛⚪️⚪️⚪️⚪️💙💙💙💙💙
💛💛⚪️⚪️⚪️⚪️💙💙💙💙💙
💛💛💛⚪️⚪️⚪️⚪️⚪️⚪️💙💙
⚪️💛💛💛⚪️⚪️⚪️⚪️💙💙💙
⚪️💛💚💚💚⚪️💚💚💚💚⚪️
⚪️⚪️💚💚💚💚💚💚💚⚪️⚪️
⚪️⚪️⚪️⚪️💚💚💚💚⚪️⚪️⚪️
#280characters
addyosmani Essential Image Optimization: my new eBook on image best practices! 🌠🚗💨
Read online: images.guide
The new abortable fetch API and its long history, by @jaffathecake: developers.google.com/web/updates/20…. Firefox 57 is the first browser to support it.
mikeal The future is framework independent re-usable HTML elements distributed with npm.
medium.com/@mikeal/ive-se…
mnot Trying a new approach for HTTP caching and content negotiation; feedback appreciated. mnot.github.io/I-D/variants/ #vary #key
@pietercolpaert Congratulations, Dr. Colpaert. 👨🏫 twitter.com/gatemezing/sta…
GermanyDiplo .@Twitter is considering #280characters! Or as we say in Germany: 4 words. #Rindfleischetikettierungsüberwachungsaufgabenübertragungsgesetz
paulcalvano Which third party content loads prior to render start? I had some fun exploring this in @HTTPArchive… bit.ly/2wW6KrU
Just learned about the AOM (Accessibility Object Model) for exposing #A11Y primitives, e.g., for Custom Elements: github.com/WICG/aom/blob/…. twitter.com/rob_dodson/sta…
@pgotthardt @rob_dodson @iandevlin @trivago I guess some of it was discussed here: github.com/w3c/webcompone….
@rob_dodson @iandevlin @trivago Ian, mind adding more detail on the concerned Custom Elements? Are they trivago-internal or public? I might be able to help w/ A11Y if pub.
In reply to Spain censoring the entire Catalonia independence Web, @wikileaks has mirrored the central info site: wikileaks.org/mirrors/catref… 👏
@webrendyn @molant @kylealden @MSEdgeDev @patrickkettner @erikanavara @JotaDeG Ah, you can find the screenshot in the original tweet: twitter.com/tomayac/status….
@webrendyn @molant @kylealden @MSEdgeDev @patrickkettner @erikanavara @JotaDeG Thank you very much! The extension link is github.com/google/service…. My Microsoft account is steiner.thomas AT gmail.com.
umaar Node.js Tip: You can use { colors: true } to get colored output for objects! Try it: console.dir(this, {colors: true}) pic.twitter.com/Ek94iXLa2U
Nice insights from @iandevlin on @trivago’s #A11Y work, but “replacing custom elements w/ native elements where possible” 🤔 CC: @rob_dodson twitter.com/trivago_tech/s…
wikileaks Spain’s @guardiacivil seize more than 140 web sites in huge censorship campaign against Catalonian Oct 1 vote twitter.com/JulianAssange/…
firefox Firefox Quantum—now in Beta!—is twice as fast as Firefox was just a year ago. mzl.la/2xu9qMRne
ebidel Turns out you can!
Create a video file from a list of images using nothing but new web platform APIs. Zeros deps.
ebidel.github.io/demos/images2v… twitter.com/ebidel/status/…
High-performance service worker loading by @jeffposnick: developers.google.com/web/fundamenta…. Brilliant article with tons of insights! 👌
dabit3 I just published Flutter for JavaScript Developers - medium.com/@dabit3/flutte… @dart_lang @flutterio #javascript
Twitter Can’t fit your Tweet into 140 characters? 🤔
We’re trying something new with a small group, and increasing the character limit to 280! Excited about the possibilities? Read our blog to find out how it all adds up. 👇
cards.twitter.com/cards/gsby/4ub…
@molant @kylealden @MSEdgeDev @patrickkettner @erikanavara @webrendyn @JotaDeG Thanks Edge team for looking into this, and thanks @kylealden for routing this <del>issue</del> <ins>challenge</ins> to the right people.
@MSEdgeDev @kylealden @patrickkettner @erikanavara Trying to submit an #MSEdgeBug, but only get an error :-/ pic.twitter.com/2b8sktUcYr
@MSEdgeDev The screenshot has the relevant data (Win 10 build…). Mayb@kylealdenen@patrickkettnerer (o@erikanavarara—traced vdocs.microsoft.com/en-us/microsof…2vJ)
👋 @MSEdgeDev—I’m trying to get Service Worker Detectorgithub.com/google/service…p running on Edge, but the debug background script F12’s blank.pic.twitter.com/aqRImuW8WYY
@Paul_Kinlan Don’t understand all of it. Some sounds like SW backgr. sync & fetch (github.com/WICG/backgroun…) could cater for. Maybe new “use cases” post?
@Paul_Kinlan @DasSurma Might make sense to scope the problem space narrowly enough to not kill it w/ an overly broad solution space. Do one (few?) thing, but well.
@stefanjudis Your prev flow reminds me of my hack to use a 🍩 shape for round profile pics in slides when there’s circular image masks.🤦♂️
dsottimano Wow, nice.. @Google is offering a bunch of free stuff on their Cloud platform, even has free cloud functions. cloud.google.com/free/
@tomayac @Paul_Kinlan For your first example (upload from cloud drive), something as simple <input type=file> is integrated w/ >1 services. pic.twitter.com/Z47ETNAuiS
@Paul_Kinlan What use cases do you envision that go beyond what’s possible w/ Web Share API & what will be enabled by Web Share Target API?
@Paul_Kinlan @DasSurma We have Actions (developers.google.com/actions/sdk/) or maybe in a Web context more adequate Schema: schema.org/docs/actions.h….
@tomayac @Paul_Kinlan @DasSurma The ServiceRegistry would still need to somehow semantically convey that it offers, say, image/svg editing.
Web Intents reinvented (of sorts) by their inventor @Paul_Kinlan using @DasSurma’s Comlink. Unsure about ServiceRegistry semantics details. twitter.com/Paul_Kinlan/st…
mikeal WebTorrent HTML Element. github.com/mikeal/webtorr… #webcomponents pic.twitter.com/7ZoIEB1zZ7
@kdzwinel @ChromeDevTools Ah, and you would probably only obtain the script’s source once you somehow officially’ve accepted their deal. 👎
@kdzwinel @ChromeDevTools could then issue warnings on the console, given some sort of fingerprintable pattern can be detected.
@kdzwinel One idea (apart from accepting the incredible offer 🤑) might be to start collecting these scripts & report’em to @ChromeDevTools.
@tom_says_things @thomaspursey I pinged a couple of folks internally. Apologies for the mishap, trying to get this cleared up as soon as possible.
michaellnorth New in Chrome 63 dev tools: custom messages for developer push and sync #ServiceWorker event triggers. pic.twitter.com/OdFfPYlnrO
webkit Safari on iOS 11 and macOS High Sierra adds WebRTC, WebAssembly, Variable Fonts, Timing APIs and so much more. webkit.org/blog/7956/new-… pic.twitter.com/A2RxsUL7zV
paulcalvano Interested in querying @HTTPArchive data but not sure where to start? I wrote a guide that takes you step-by-step! bit.ly/2hp0Kxj
🛑 Quite some back-push on @webkit’s official post on how to design for iPhone X with padding-*: constant(safe-area-inset-*) & min()/max(). twitter.com/webkit/status/…
MSEdgeDev Web Performance in the Real World: @nolanlawson on how to make fast websites channel9.msdn.com/Events/WebPlat… #msedgesummit
@lospaul Ich habe die Software gemeint, weniger die Hardware. Solange dein Chromebook Android Apps ausführen kann, sollte die Beschreibung passen.
@_davideast “Deprecated JavaScript Frameworks Weekly”?
matthewcp @jaffathecake Let’s tackle why premature SPA happens. I believe github.com/jakearchibald/… would help tremendously here.
Pushed v2.3.10 of the 👷♀️ Service Worker Detector browser extension. Adds support for more Web App Manifest props: github.com/google/service….
My $169 development Chromebook blog.lessonslearned.org/building-a-mor… After my MacBook has failed on me, I’m considering developing from CrOS. This post:👌
@jeffposnick I hope not to mess too many things up. Luckily there’s adult supervision from @jaffathecake.
@kdzwinel Thanks, but I should have written “uncomfortably excited”. I haven’t done anything yet. ¯\_(ツ)_/¯
Excited to be joining the W3C Service Workers Working Group: w3.org/2000/09/dbwg/d…. Hooray, standards! 👷♀️👷
andreapernici “Killing Old Service Workers for the Greater Good” by Antonio Calapez blog.hackages.io/migrating-a-se…
umaar Modern JavaScript cheatsheet - github.com/mbeaudru/moder… 👌 Lots of JavaScript terminology explained in this guide. Includes code examples ✅ pic.twitter.com/Oihw3OEGdh
igrigorik “One million robots.txt files”: bit.ly/2fBDSe0 - fun analysis. pic.twitter.com/f5tun1ptEu
kinu #BlinkOn で話しました。Gave a talk about state of Loading, ES6 Modules and Service Worker in Blink w/ @KenjiBaheux docs.google.com/presentation/d…
popeindustries I made a thing for testing ServiceWorkers:
github.com/popeindustries…
Run the same tests on the command line and in the browser!
tbaldauf SQIP - a generator for SVG-based image placeholders: github.com/technopagan/sq… #webperf #performance #lqip #lazyloading #images pic.twitter.com/XNUBEF73xX
One can opine about the Catalan independency question this way or the other, but what’s happening in Spain today is undemocratic. 🇪🇺🙈🙉🙊 twitter.com/Reuters/status…
umaar Modern DevTools - youtube.com/watch?v=E4KAWf… I’ve published a free lesson 🎊 It’s about running a performance profile on the YouTube search bar pic.twitter.com/YI9J8AfpP1
@poshaughnessy @trivago_tech would probably appreciate if you added @trivago 🏨. They are one of the better PWAs in my humble opinion.
Top overview on common misconceptions about the Payment Request API by @agektmr. Most important: it’s an Open Web Standard, not Chrome-only! twitter.com/agektmr/status…
kennethrohde Safari 11: developer.apple.com/library/conten…
philwalton I just tried Safari 11 on iOS and the nomodule bug is fixed! Meaning this will work on basically all mobile browsers twitter.com/philwalton/sta…
@Vintharas So was I. I learned it through @jaffathecake’s comment under the blog post (that he referenced in his snippets).
I didn’t realize the iPhone X notch workaround (stephenradford.me/removing-the-w…) was based on “CSS Round Display Level 1”: drafts.csswg.org/css-round-disp… 👍 pic.twitter.com/96q7osv0G0
Impressive use of the primitive tool (github.com/fogleman/primi…) for low-quality image placeholders. Looking forward to more, @tbaldauf! 👍 twitter.com/tbaldauf/statu…
mikewest github.com/mikewest/trust… is an attempt to build something like research.google.com/pubs/pub42934.…. It’s super early, so it’s a great time for feedback! twitter.com/intenttoship/s…
🙌 #WebExtensions: 👷♀️ Service Worker Detector works with @firefox, @opera, & @googlechrome: github.com/google/service… twitter.com/googledevs/sta…
googledevs Interested in what sites already have a Service Worker?
Install the 👷 Service Worker Detector Chrome extension
↓
github.com/google/service… pic.twitter.com/ftO2kNB4Y4
fhinkel I just published “Runtime type information for JavaScript” medium.com/fhinkel/runtim…
slace I wrote a piece about my experience at the #msedgesummit - aaron-powell.com/posts/2017-09-… /cc @MSEdgeDev
Saving bandwidth w/ images by @samthor: “If a small icon is <1kb, header cost is equal to [inline] overhead [even if you’re using HTTP/2].” twitter.com/auricomcorp/st…
SwiftOnSecurity When u realize it’d be faster for news websites to just send you a screenshot rather than download 8 megs of JavaScript and render the page
iamdevloper 1/3 of US bandwidth is used by Netflix…
the rest is used by `rm -rf node_modules && npm install`
viljamis Removing the white bars in Safari on iPhone X: stephenradford.me/removing-the-w… pic.twitter.com/OHwpzrWgNH
cheneytsai Woohoo. PaymentRequest API now being implemented in all major browsers: w3.org/blog/wpwg/2017…
Understanding and Measuring HTTP Timings with Node.js: blog.risingstack.com/measuring-http…. Good #HTTP protocol-level debugging tips.
Modern Modules—Rethinking the Node.js ecosystem for modern JavaScriptmedium.com/@mikeal/modern…x@mikeall on maintainable JavaScript development
philwalton New article: How to deploy ES2015+ code in production today (without transpiling to ES5) and why you should! philipwalton.com/articles/deplo… pic.twitter.com/nmV4kXEKiI
Some interesting, critical, and also lauding thoughts on @AMPhtml: alexkras.com/google-amp-is-….
MSEdgeDev This October: preview Service Workers in Edge browser / F12 DevTools from about:flags (or now in preview builds) #msedgesummit pic.twitter.com/cA8xkvie4E
webmaxru My latest #PWA slides for #ServiceWorker tips & advanced techniques talk given at #JavaZone conf in Oslo slides.com/webmax/service… @javazone pic.twitter.com/VfadkNcnQi
Applaus to the @MSEdgeDev team for launching a ton of new features in the next version of Edge. Most excited about Service Workers! 👏 twitter.com/MSEdgeDev/stat…
mozhacks OpenCV ♥ WASM — compile the open-source computer vision library for the web for a ~10x speedup using#WebAssemblyy! 🏎hacks.mozilla.org/2017/09/bootca…zpic.twitter.com/tRdgbPuvmqq
@__lakshya @addyosmani @preactjs Amazing! As you are at it, one other suggestion would be to move the menu layer over the top banner layer. pic.twitter.com/oc7HqWTNKJ
@__lakshya @addyosmani @preactjs Did you consider inlining a blurry hero image (Medium_com style) to even further improve perceived perf? pic.twitter.com/fsHefs39sU
__lakshya Was an absolute honour to co-author Treebo’s PWA journey with @addyosmani🌟
From Django to a SPA to a @preactjs PWA🚀
medium.com/dev-channel/tr…
kdzwinel ✒️ “Prototyping the future of DevTools”
A bit of the past and a bit of the (possible) future of browser DevTools.
medium.com/@kdzwinel/prot…
mediagalleries #BreakingNews candidate via @WikiLiveMon: en.wikipedia.org/wiki/IPhone_8. Media gallery: pic.twitter.com/y9zPEfSVxe
DasSurma Comlink – A tiny RPC library that works on windows, iframes, WebWorkers and ServiceWorkers.googlechrome.github.io/comlink/b8
bdc @mathias My favorite part: “Nowadays, the performance of both for-of and forEach is on par with the old-fashioned for loop.” 😍
mathias V8 optimizes array operations based on the array’s Elements Kind. Explanation + JavaScript performance tips: v8project.blogspot.com/2017/09/elemen… pic.twitter.com/tmVDOiuXKH
umaar Dev Tips: DevTools: 👀 View all JavaScript event listeners: umaar.com/dev-tips/158-f… Tip: You can also remove them to investigate bugs 🐞 pic.twitter.com/VGOvEpItmU
Making the Google Developers Documentation Style Guide public: opensource.googleblog.com/2017/09/making… #TechWriting
ChromiumDev Want to learn about performance of your app in DevTools, but confused about it? Start with this step by step guide👉
developers.google.com/web/tools/chro…
✍️ a recap of #PolymerSummit. Must’ve been great if the tl;dr goes “if you’ve time for just o̶n̶e̶ ̶t̶w̶o̶ ̶t̶h̶r̶e̶e̶ four talks, watch…”.
r2-@mikeall’s reimplementation of the request modulegithub.com/mikeal/r2s “Rather than shimmed for the browser, r2 is shimmed for Node.js”
keegankorthauer If the “code is available upon request from the authors”, it is not available.
@LeaVerou @GoogleDevExpert CC: @SeraAndroid @diekatha_ for a GDE 🇩🇪 PoV—At#GDDeuropee I saw@g33konautt suggest a female developer for GDE.
@samthor @robertnyman Rob was obviously referring to the Swiss spelling. 🇨🇭 ⚽️ ß 🆕 ss
@_davideast @samccone Just Server-Side Render the whole thing, my exact same thoughts. JavaScript all the things!!!1!! horse blinkers off.
jbobbink “Web Scraping in 2017: Advanced Headless Chrome Tips & Tricks” by @paps__ blog.phantombuster.com/web-scraping-i…
mstrohm the authors’ comments can be found here: docs.google.com/document/d/11o… twitter.com/phschaer/statu…
HenrikJoreteg In this post, I basically lay out my entire argument for the Web and building PWAs:
joreteg.com/blog/betting-o…
RubenVerborgh Many years after the analysis of #REST, @fielding just published “Reflections on the REST Architectural Style” static.googleusercontent.com/media/research…
@mathias @v8js Space constraints. I should probably order a new laptop. At least I didn’t mess up my drop shadows ;-)
@mathias Yay, new @v8js stickers. All correctly oriented, they say the drop shadows are easy to miss and the stickers applied upside down… pic.twitter.com/eoM9BZlKPRPR
@cellofoodiegeek @arnellebalane The only thing I would add is feature detection with a simple fallback message “This demo requires support for the Shape Detection API”.
Amazing demo (arnellebalane.com/shape-detectio…), thanks for creating it, @arnellebalane! Also, great blog post: blog.arnellebalane.com/introduction-t… #GDDeurope twitter.com/cellofoodiegee…
#GDDeurope really went the extra mile in being inclusive of all cultural backgrounds, and people do notice it. An amazing job, team! twitter.com/androidTechiZe…
igrigorik A guide to Virtual Reality for web developers: bit.ly/2w9XStw - exciting times ahead! pic.twitter.com/tH6AFWe9nh
yarnpkg Yarn 1.0 is here! It comes with workspaces, auto-merging lock files and selective version resolutions. ⛴📦🐈
code.facebook.com/posts/27451853…
@mnot @mathias @mathias just spotted that this registry is for /.well-known/* only. Is there a registry for /*? That is, things like /robots.txt?
@mnot Hey Mark 👋. @mathias and I were geeking out on favicon.ico history and realized it’s not on iana.org/assignments/we…. Should it?
Wow, the W3C spec on Media Fragments URI (that I was a _tiny_ contributor to) has been translated to Japanese: asahi-net.or.jp/~ax2s-kmtn/int… 🇯🇵
JamesZetlen I’m proud to introduce our plans for the #Magento #PWA Studio. community.magento.com/t5/Magento-Dev… ✨
nomadtechie Sooo #GDDEurope might have been the most gender diverse tech conference I have ever attended. I met so many incredible female engineers…. pic.twitter.com/Tp2MpeiXBP
The closing keynote by @sosubram at #GDDeurope makes me proud to be working at this company: youtu.be/ZgaQn9coYfU. So much ❤️!
An amazing(!) #GDDeurope just came to an end. Honored to have been given the chance to speak there! Here’s my talk: youtu.be/qnI2S_9TN-8 pic.twitter.com/GLlXouyxg5
mkuehnel TIL that @ChromeDevTools network tab offers predefined filters (which are you even can negate).
This is huge 🎉
#DevTools pic.twitter.com/DU0OqERcW8
Kikobeats Building Skeleton Screens with CSS Custom Properties: bit.ly/2vFaWMm. Like Slack loading screen, very nice approach 👌 pic.twitter.com/BL02ZjDntP
Congrats indeed, had the honor of reviewing PWAbook.com, and can recommend it to anyone interested in learning PWA from scratch. twitter.com/jeffposnick/st…
rem I like @ChromeDevTools’ 62 update with support for await at the console. So I’ve added it to (new) jsconsole and (new) jsbin :) pic.twitter.com/xwmHphdChJ
People with @AMPhtml pages will probably find this “session stitching” feature in @googleanalytics exciting: analytics.googleblog.com/2017/09/google… ⚡️
@TalAter @andreasbovens When is the book going on sale?
igrigorik Using the (new) Paint Timing API: bit.ly/2vORQyo - nice overview by @malchata.
@MatHenze Hey 👋! Are you thinking about “Progressive-Web-App-ifying” @jimdo sites? If not, maybe we could talk at some point?! DMs open.
g33konaut Now at the #gddeurope after party with @tomayac and @anialdam #360selfie app.3d.io/ZCtU5c?img=/ca… pic.twitter.com/NBo7yC1pP9
#GDDeurope goosebumps moment as (musician and Developer Advocate) @benmorss brings up a 🎶 Mozart analogy for simple and elegant @AMPhtml. pic.twitter.com/2qe1dyGGq3
Good advice by @devnook for categorizing one’s images on the site and having different caching strategies for each type! #GDDeurope pic.twitter.com/Veym4BtmPR
umaar Dev Tips: DevTools: Before and after of CSS Grid Debugging - umaar.com/dev-tips/157-c… 🎊 Understand the CSS Grid with the new Grid Highlighter pic.twitter.com/lviLLycxg5
elCarlosAguilar Talk about timing on this pic @dagalpin =) Awesome talk dude. #android #gddeurope #gdesummit17 #googleExpert pic.twitter.com/HQ2DggVhBX
MHablich @tomayac @bmeurer @mathias @v8js More about this topic at v8project.blogspot.de/2017/08/fast-p…
workboxjs New: Using Workbox - a codelab for learning how to offline cache resources with Service Workers & Workbox 2.0 📦📲
developers.google.com/web/ilt/pwa/la… pic.twitter.com/Dc0kBKMfRd
“Avoid holes. Avoid out-of-bounds reads. Avoid elements kind transitions. Prefer arrays over array-like objects. Eat🥕.”-@mathiass#GDEsummittpic.twitter.com/srnGGkMscKK
.@mathias sharing @v8js internals: at the JavaScript level, it’s just typeof Number, for V8 it’s PACKED_SMI & PACKED_DOUBLE elem. #GDEsummit pic.twitter.com/xEeBIkqhpV
📢 “Web Components are […] the safe business investment. Platform native. Mix & match libraries or build your own. Don’t worry about fads.twitter.com/justinfagnani/…Au
thalhamm Released #danker, a set of Python and Bash scripts that compute #PageRank on #Wikipedia dumps with #Wikidata Q-ids
github.com/athalhammer/da… pic.twitter.com/ZYhxguJcHZ
jawache Node 8.4.0 now has support for HTTP/2 Server Push. Can send assets to the browser BEFORE it has even asked for them. bit.ly/2iGYKEK pic.twitter.com/a5aNGEcctq
@maltewill Is there a chance to still add deep-links? wahl2017.withgoogle.com 🔜 wahl2017.withgoogle.com/?wahlbezirk=${wahlbezirk}
😲 Lots of love for Wikipedia & Wikidata Tools (chrome.google.com/webstore/detai…), 21 5-⭐️ ratings, 1,178 users, 8 Issues 🤷♂️ github.com/tomayac/wikipe… twitter.com/Pyb75/status/9…
GossiTheDog Linux distributions. pic.twitter.com/ZGoMfBmRIe
cervisiarius Of sheep and beer: A story of herding effects in beer reviews dlab.epfl.ch/2017-08-30-of-…