The moment we’ve all (not) been waiting for: #covfefe a @WikiLiveMon and @mediagalleries breaking news candidate. [CC: @WikiResearch 😉] twitter.com/mediagalleries…
It may sound like a minor feature, but @webkit adding <link rel=”preload”> support is a massive performance boost trac.webkit.org/changeset/2172… 👍 twitter.com/webkit/status/…
@mathias Wow, this is great news for all Google developers (and RegExp performance in V8). Congratulations and welcome!
umaar Dev Tips: DevTools umaar.com/dev-tips/148-s… Compare the improvements to your page over time with the Timeline History feature. (Experimental) pic.twitter.com/aysQexTwmu
wa7son .@emilbayes gives you the lowdown on how to properly store user passwords securely on your server youtu.be/EAaweXzUVh4
mathias Node.js v8.0.0 is out: nodejs.org/en/blog/releas…
…and it includes npm v5.0.0blog.npmjs.org/post/161081169…L3
🎉
“The perfect preload will always be slightly slower than the perfect HTTP/2 push […, h]owever, preloading is […] simpler & easier to debutwitter.com/jaffathecake/s…BMoV
motherboard Wikipedia’s switch to HTTPS has successfully fought government censorship: bit.ly/2rZpJM7 pic.twitter.com/0a16hiWhxN
There’re a lot of common misconceptions out about PWAs (my #i017Extended talk: twitter.com/tomayac/status…). @ade_oshineye debunks some more: ⤵️ twitter.com/ade_oshineye/s…
umaar Dev Tips: DevTools: Render Performance Tips ⚡ - umaar.com/dev-tips/147-r… Understand your FPS score and potential scrolling performance issues pic.twitter.com/U51bt03IHp
poshaughnessy Payment Handler API gets first public draft. Web apps can handle Payment Requests via a service worker: w3.org/blog/wpwg/2017… #WebPayments pic.twitter.com/P6HC8OcJFT
@pistenprinz @rFleshgrinder Prediction: most time is gonna be spent on agreeing whether it should be called uu_id() or uuid()… #trollingng
justinobeirne New Essay: “A Year of Google Maps & Apple Maps”
justinobeirne.com/a-year-of-goog… pic.twitter.com/0dJNuB9K36
DasSurma When things end up being simpler than anticipated:
CustomElements + async/await to show a spinner when loading takes too long. pic.twitter.com/hc0GDTjIbk
👷Service Worker Detector on 3 browsers
@googlechrome-chrome.google.com/webstore/detai…f@firefoxxaddons.mozilla.org/en-us/android/…s@operaraddons.opera.com/en/extensions/…ZJQ
There is now an extension for Facebook’s Instant Articles SDK that auto-converts articles to @AMPhtml: developers.facebook.com/docs/instant-a…. Interesting…
igrigorik thinking of adding push notifications, or requesting permissions? Read these best practices: bit.ly/2pVj3xi. pic.twitter.com/uqfl4iKs7G
brad_frost What is the Future of Front End Web Development? @chriscoyier has some great thoughts: css-tricks.com/future-front-e… pic.twitter.com/hitLOnuk3n
Thanks for the feedback, @piecioshka! Your post is a great 🇵🇱 read! Maybe add an “activate” handler for cache house-keeping. @code_europe twitter.com/piecioshka/sta…
emilbayes Amazing audience at @code_europe, and great questions! My slides are here: github.com/emilbayes/code…
.@code_europe, go to Cupertino (4:15pm) & learn about our #PWA demo tool PWAssemble: bit.ly/codeeurope-pwa… ⚙️ App: bit.ly/pwassemble-cod… pic.twitter.com/O3AbIouoxO
Great slide deck by @stefanjudis on the various new Observer APIs in modern browsers. #FrontTrends twitter.com/stefanjudis/st…
@pistenprinz @trivago_tech You have probably seen @LeaVerou’s mobile.twitter.com/LeaVerou/statu….
@sshbrnv @dchest @emilbayes Guess how many times this blog.tomayac.com/pgp_public_key… was used… Right, it was zero timesmedia.giphy.com/media/fnF6XW3G…bp
Interested in what sites already use Service Workers? Install the 👷Service Worker Detector extension: chrome.google.com/webstore/detai… #CodeEurope
Facebook’s Prepack lib (prepack.io)—mentioned in Jakub Sowiński’s#CodeEuropee talk—is worth keeping in mind. Also: Lighthousepic.twitter.com/XR0k78uHV7V7
@dchest @emilbayes I tweeted about this a couple of weeks ago :-) twitter.com/tomayac/status…
LeaVerou CSS-in-JS is a cry for help. We at @csswg should pay attention to this and address the issues before it gets worse.
twitter.com/markdalgleish/…
The @CommitStrip’s take on dealing with callback hell in JavaScript: commitstrip.com/en/2017/05/22/…. 😂
Johnson & Johnson are moving to @AMPhtml, I had the pleasure of working w/ them; thanks for ping, @sandysakharkar-youtube.com/watch?v=e8jB2f…o.twitter.com/sandysakharkar…a
@NOtherDev @poshaughnessy Now there I 🔨 fixed it: github.com/pwassemble/pwa…. Yay, @samsunginternet 👍🏻! pic.twitter.com/zfFF8W8LdC
Small world indeed-@NOtherDevv & I bump together at#CodeEuropee, are hit by the same bug in@samsunginternett &@poshaughnessyy connects the ⠡twitter.com/poshaughnessy/…F
@poshaughnessy @NOtherDev @samsunginternet …But only
console.log(new URLSearchParams(‘id=1’).get(‘id’));
🐛 Bug: i@samsunginternetet, the ‘?’ is _not_ ignoreddeveloper.mozilla.org/en-US/docs/Web…Fp
@poshaughnessy @NOtherDev @samsunginternet Found it:
console.log(new URLSearchParams(‘?id=1’).get(‘id’));
console.log(new URLSearchParams(‘id=1’).get(‘id’));
Both print 1 on Chrome…
.@poshaughnessy @Lady_Ada_King 😻 @samsunginternet supports remote debugging w/ @ChromeDevTools: samsunginter.net/docs/remote-de…. 🙏 for the help!
@NOtherDev Works for fetch(), and apparently postMessage works w/ Response objects (developer.mozilla.org/en-US/docs/Web…), but can’t intercept all reqs.
@Lady_Ada_King @poshaughnessy Call me stupid, but on the Nexus 5X I only see the Beta, not the Stable version. I swear neither were there (on the 5X) when I checked last. pic.twitter.com/c2bE0RqWpP
@Lady_Ada_King @poshaughnessy Wow, is that new? It wasn’t in the Store when I checked a couple weeks ago. On Nexus 5X: Beta. Pixel: Regular.
@poshaughnessy @samsunginternet (First and foremost thanks for looking into this. I would just do it myself, if I had a Samsung phone.)
@poshaughnessy @NOtherDev @samsunginternet Strange, the exception you encounter is here: github.com/pwassemble/pwa…
@poshaughnessy @NOtherDev @samsunginternet The deep link should be pwassemble.herokuapp.com/?id=5678205671…. This worked on all browsers I could test with.
@poshaughnessy: @NOtherDev says bit.ly/pwassemble-cod… doesn’t work on @samsunginternet, but I’ve no Samsung to debug. Idea? Context: ⤵️ twitter.com/tomayac/status…
Thanks for the picture, @TKreczmar. Too bad the iPhone was locked, else it would have been a great side-by-side #PWA on iOS & Android shot..twitter.com/TKreczmar/stat…nl
The Twitter Lite PWA forgets draft tweets and lets you upload four pics to then only include one. Known issues, @necolas?
Very meta moment to see my tweet in the #CodeEurope PWA: bit.ly/pwassemble-cod…. It’s now available offline—accessible from my home screen.pic.twitter.com/zRTTJbA4Vpp
Find my #CodeEurope talk slides on PWAassemble at bit.ly/codeeurope-pwa…, the @code_europe (unofficial) #PWA is at bit.ly/pwassemble-cod…. pic.twitter.com/h9ipu252wm
.@NOtherDev addresses the 🐘 in the room at his #CodeEurope talk: (native) app fatigue. You know whatwebcando.today? #PWA to the rescue! pic.twitter.com/chP9RD2eQ7
Watching @pistenprinz’ #CodeEurope talk about @trivago’s Design System. Compare the current #PWA trivago.com w/ the screenshot ⤵ pic.twitter.com/wABLFv0M02
Watching @emilbayes’ #CodeEurope talk on creating & storing secure passwords, all wisdom united in his npm package: npmjs.com/package/secure…. pic.twitter.com/nZISIcj7CG
@iandevlin Mostly agree, this article explains the motivation quite well, though medium.com/seek-blog/a-un…. Guess it’s a matter of discipline.
Produtive and fun pre-@code_europe hack session w/ @mafintosh and @emilbayes at Google Wrocław. Also: ☀️. twitter.com/mafintosh/stat…
@WikiResearch 👋 #WMhack folks. Just in case anyone’s short of ideas, there’re some open issues in the Sheets add-on-github.com/tomayac/wikipe…c
@hsivonen @annevk I think @ldodds’ post xml.com/pub/a/2000/05/… helps put this in context. Relative URIs are (now: were?) the real troublemaker I guess…
@andreapernici We’re busy preparing a counter strike 😏 On a more serious note, I’ve pinged the Web Spam Team; grazie for raising the issue.
csswizardry IE and Edge have a (non-official) `lazyload` attribute, used to lower resource priority: msdn.microsoft.com/en-us/library/… pic.twitter.com/jN6FWFs1ZJ
“Progressive Web Gaps”: @addyosmani ups the ante by creating a video game for his #PWA talk at #io17-youtu.be/aCMbSyngXB4r So much wisdom…
ReaderMeter “The Substantial Interdependence of Wikipedia and Google” —@_isaacljl@bhechth#icwsm20171drive.google.com/open?id=0B9n3j…fpic.twitter.com/SuyFUrbP2H2H
The Google Chrome team have created a Time-to-Interactive polyfill: github.com/GoogleChrome/t….
soulislove We are looking for a Performance Lead at Wikimedia and I wrote about what we do in the team: peterhedenskog.com/blog/2017/05/j… #perfmatters #webperf
Watch @emschec tell @trivago’s 🔐 HTTPS migration story: youtu.be/GoXgl9r0Kjk. Congratulations, @trivago_tech—double-featured at#io177!🍾twitter.com/EfeGurkan/stat…6
Hi @firefox 🦊🌎 #PWA developers! You can now install the 👷Service Worker Detector extension: addons.mozilla.org/en-US/firefox/…. (CC: @MozDevNet) pic.twitter.com/YXIfE4yPXy
ChromeDevTools Did you wake up on a mission to learn every perf feature in DevTools? Well friend, we’ve got a new doc just for you developers.google.com/web/tools/chro…
Impressions from the AMP & PWA hackathon at #io17extended Dublin. In just a couple of hours people went from RSS feed to @AMPhtml to PWA. 👍🏻 pic.twitter.com/7Sgi8AOvg3
Running an AMP & PWA hackathon at the #io17extended event in Dublin today 👩💻👨💻. Rules: docs.google.com/document/d/1qZ… Duct tape allowed… #io1717
trivago_tech Thanks Tom. Also a proud moment for us! twitter.com/tomayac/status…
igrigorik kudos to AMP team for a continuous stream of perf improvements: bit.ly/2rhdk8P - 50% less bytes on images & Brotli (-10%) for text! pic.twitter.com/VpTFOf7R53
Companies with Progressive Web Apps rolled out to production. Happy to see my partner @trivago on it. 🎉 Congrats, @trivago_tech! #io17 #PWA pic.twitter.com/k8K4uyKTFT
ChromiumDev Twitter Lite sees 75% increase in tweets with new PWA and reduces Data usage. Read all about it 👉 developers.google.com/web/showcase/2…
The Samsung Internet browser takes a more subtle approach to the “add to home screen” feature of Progressive Web Apps than Chrome. twitter.com/samsunginterne…
Slides from my #io17extended talk on debunking common Progressive Web App misconceptions docs.google.com/presentation/d… 👷 #PWA 👩💻 #io17 #inception pic.twitter.com/k6QkIDwsm3
👷Service Worker Detector has a new home github.com/google/service… on the @Google 💙♥️💛💙💚♥️ @github repo. It also detects SW scope now 👍🏻
emschec Omgz, I/O talk Friday 8:30AM PST! HTTPS migration case studies from @CNET @trivago @RakutenJP @wordpressdotcom etc! events.google.com/io/schedule/?s…
iOS 10.3.2 fixes important security issues-support.apple.com/en-us/HT207798h@webkitt: ~”Processing [malicious] web content may lead to universal XSS.”
MalwareTechBlog My blog post is done! Now you can read the full story of yesterday’s events here:
malwaretech.com/2017/05/how-to…
pistenprinz “The Road to SVG and Custom Elements in Clarity Icons” by @mathis_scott medium.com/claritydesigns…
kylealden Microsoft Edge: What’s new and what’s next for the web and web apps on Windows #Build2017 #WhoGaveMeAMicrophone channel9.msdn.com/events/Build/2…
.@AaronGustafson’s slide deck has all the details about Microsoft’s PWA integration plans for Windows 10. It’s a brave new world 🌎. twitter.com/AaronGustafson…
Quick, everyone rush and add a “screenshots” section to their Web App Manifests: w3.org/TR/appmanifest…. twitter.com/RyannosaurusRe…
grigs Progressive Web App discoverability on Windows: Bing search results and Microsoft Store. #MSbuild pic.twitter.com/z6zFL1LCmT
The @MSEdgeDev team are doing an amazing job at bringing PWAs to Windows 10. Your turn, Apple! twitter.com/grigs/status/8…
intenttoship Blink: Intent to Ship: First Paint Timing API ift.tt/2q8bS7y
code_europe Meet up with @tomayac from @Google & discover all the benefits of PWAssemble. GET ticket to @code_europe: codeeurope.pl/en pic.twitter.com/oJ9ujpUwVt
jeffposnick The Chromium Security Team has compiled a new Service Worker Security FAQ:
sites.google.com/a/chromium.org…
_developit 😬 I can’t stress this enough:
If you make changes to a client-rendered app,
check that it still works in Googlebot 🤖
google.com/webmasters/too… pic.twitter.com/dfySFnZxuK
Exciting things coming in Media Query Level 4, this article demos them: css-tricks.com/mobile-small-p…. Complete example: rawgit.com/andresgalante/…
Thanks @pwaweekly for featuring 👷Service Worker Detector in the latest issue: pwaweekly.com/issues/13. Independent: recommend subscribing!
“Upgrading Ele.me to Progressive Web App” medium.com/elemefe/upgrad… Quote: “we found multi-page PWA is kinda naturally PRPL!”
I’ve migrated my “Whom to Follow for Twitter” extension to MutationObserver. Performance 🙌 chrome.google.com/webstore/detai… pic.twitter.com/snqVB22gYk
Cool 😎, @Twitter Lite has a “twemoji” cache. It doesn’t contain all twemoji (github.com/twitter/twemoji), though😜. Good work, @necolas & team! pic.twitter.com/nbtFQFMNP5
Wow, @googledocs heavily uses Cache Storage! ICYMI, I added a Cache Storage inspector to 👷Service Worker Detector: chrome.google.com/webstore/detai…. pic.twitter.com/u0My2ID6Dt
👷Service Worker Detector v2.3.0 adds a 🛢 Cache Storage inspector to the Web Manifest & Service Worker code inspector-chrome.google.com/webstore/detai…Fpic.twitter.com/ZIXCYrb4Gff
Good list of tips for working with Service Workers from a recent #JSconfEU talk by @popeindustries. Thanks for summarizing the presentation! twitter.com/popeindustries…
andreasbovens “Quantum Up Close: What is a browser engine?” by our man @potch on hacks.mozilla.org/2017/05/quantu… — super nice overview! ⚙️🔩
paul_irish Debugging Node.js with @ChromeDevTools is better now. 🛠 Updated guide: medium.com/@paul_irish/de…
(Spoiler alert: No more copying huge URLs)
dalmaer “Our results show that the PWA and service workers
technology is promising in terms of energy efficiency” research.vu.nl/en/publication…
addyosmani @cramforce @marjakh :) JS parse times on high-end phones + laptops vs. low-end/average are _so_ different. Hope we see more real-device testing as folks realize pic.twitter.com/uxMJQQ1FM1
TalAter @tomayac @Paul_Kinlan @addyosmani @andreasbovens @ebidel @paul_irish I’m obsessed with UX opportunities in PWAs and devoted a chapter to get people thinking about it. See this great example from @flipkart_tech pic.twitter.com/tDy44RbHXs
@Paul_Kinlan @TalAter @addyosmani @andreasbovens @ebidel @paul_irish To reflect the Industry Opinion™ of the many (🇩🇪🇦🇹🇨🇭) companies I’ve pitched #PWA to: ✅predictability ❌voodoo; let users be in control, tho!
@Paul_Kinlan @TalAter @addyosmani @andreasbovens @ebidel @paul_irish Maybe clear predictable rules—hard (=code), soft (=engagement)—with a simple UI (“never show for $url”, “never show at all”) would work!? pic.twitter.com/nWJP2DjqbWbW
@Paul_Kinlan @TalAter @andreasbovens @addyosmani @ebidel @paul_irish This keeps changing, at one point registering an “empty” service worker was enough.
@TalAter @andreasbovens @addyosmani @ebidel @paul_irish Not required. developers.google.com/web/fundamenta…. One caveat is this: twitter.com/tomayac/status….
pistenprinz “A native font-stack” by @jamesf3rguson medium.com/skyscanner-des…
samthor I just published “ES6 Modules in Chrome Canary (M60+)” medium.com/p/es6-modules-…
16 years ago, @firefox warned you when you entered an encrypted site. 😳 I couldn’t believe it & dug deep: bugzilla.mozilla.org/show_bug.cgi?i…. @emschec twitter.com/kdzwinel/statu…
#xkcd-s on code quality:
(iii) xkcd.com/1833/
(ii) xkcd.com/1695/
(i) xkcd.com/1513/
samccone Identifying the JavaScript slowdown. 🐢 ⚡🏇
Join me as I walk through finding the JS cost using @ChromeDevTools
youtube.com/watch?v=W4zp79…
Well thought-through tech productivity tips by @twbartel (despite the clickbaity title): tombartel.de/blog/five-thin… 💭 twitter.com/twbartel/statu…
To clarify, the 🤦♀️ here’s that I’d indeed _expect_ Android Chrome to show the A2HS prompt: prefer native if possible, else prompt. @owencm
Is your #PWA’s “Add to home screen” prompt never showing? Are you preferring related iOS apps (and only those) on Android in your manifest?🤔 pic.twitter.com/ojNoiCiDwD
Every once in a while I update the @gnupg version in my email signature. Today was such a day..#PGPGpic.twitter.com/kCetBbU4W5W5
slightlylate Oh look, @owencm and I turned this thread into an article!
medium.com/@slightlylate/… twitter.com/Lady_Ada_King/…
MozDevNet 🎉 Firefox 54 developer-focused release notes! See what’s coming in mid-June: developer.mozilla.org/en-US/Firefox/…
Great summary by @MozDevNet on debugging Web Push in @firefox. twitter.com/MozDevNet/stat…
Optimizing Web Fonts for Performance: the State of the Art-sitepoint.com/optimizing-web…W
samccone I can **finally** use sleep in javascript. 😴 pic.twitter.com/vfsaHQH2p0
stowball Chrome can now test how your page behaves when a particular script, stylesheet, or other resource isn’t available! developers.google.com/web/updates/20… pic.twitter.com/AGvb2D4jBf
tom_says_things It started with an idea one year ago, I’m incredibly proud to say the trivago Progressive Web App is now live: trivago.com #pwa
🙌 Proud of the @trivago_tech devs who went from this twitter.com/tomayac/status… to this twitter.com/tom_says_thing…-trivago.comR #PWAA 🎊pic.twitter.com/yk7HYCLLyQQ
Dashboard for the 🇫🇷 French Presidential Elections docs.google.com/spreadsheets/d…, built w/ chrome.google.com/webstore/detai…. @MLP_officiel @EmmanuelMacron pic.twitter.com/gNQWWepnOM
Ohai. Whole new world 🌎. Thanks, @kdzwinel. reddit.com/r/webdev/comme… twitter.com/kdzwinel/statu…
@kdzwinel Call me stupid, but I still don’t see this option. Not in chrome://flags, not in Chrome Dev Tools Experiments. 😐
@kdzwinel @umaar @ChromeDevTools How do I get the “Product” column? Thanks!
jaffathecake 📝 ES2015 modules are landing in browsers! Here’s the HTML-specific stuff you need to know:
jakearchibald.com/2017/es-module…
@kdzwinel @umaar Still don’t see it :-O pic.twitter.com/cNh4cMvjB4
Although I can’t reproduce it on neither Chrome 59 nor latest Canary, the feature looks super useful for finding performance culprits-@umaarrtwitter.com/umaar/status/8…P
Just leaving this statement by @dara_amber about today’s #PWAmunich event :-) bit.ly/webshop-pwa 🛒 twitter.com/dara_amber/sta…
addyosmani ES2015 Modules just landed in Chrome Canary! 🔥 Flip on “Experimental Web Platform features” to give them a spin. Feedback welcome. pic.twitter.com/rkP62NfHoB
If you’re into running virtual machines on macOS (and don’t care for Windows), Parallels Desktop Lite is 👍 and free-kb.parallels.com/en/123796A
ebidel “Getting Started With Headless Chrome” - developers.google.com/web/updates/20… 🚫👱🏼Screenshots, printing DOM, create PDF, debugging, using w/ Node, Docker.
For a PWA, find out if the user has the related native app installed via navigator.getInstalledRelatedApps(): developers.google.com/web/updates/20…. 📱🛍
An article that suggests @Microsoft might decouple @MSEdgeDev updates from @Windows updates and so make it an evergreen browser 💚. Ship it! twitter.com/domenic/status…