agektmr Relatively large amount of web traffic goes through WebView. Make sure to have fallback mechanisms on some cutting edge features which won’t work in WV. ex: Credential Management, Payment Request.
MobileDevDaily Installing Progressive Web Apps: adactio.com/journal/13061 (Trying to get the balance right between discoverability and intrusiveness.)
@tom_says_things Feel free to source stuff from here: twitter.com/tomayac/status…
Forrester study on the impact of implementing @AMPhtml: ampproject.org/static/extra/T… [PDF] ⚡️🤑 twitter.com/AMPhtml/status…
Meet the Web Authentication API: enabling the creation and use of strong, attested, scoped, public key-based credentials by web applications, for the purpose of strongly authenticating users. Working Draft: w3.org/TR/webauthn/. twitter.com/poshaughnessy/…
filiphracek I just published “Using a Genetic Algorithm to Optimize Developer Conference Schedules”
medium.com/@filiph/using-…
Current status: using the @ChromeDevTools to extract the `xlink:href` URLs from Google-Slides-generated SVG <image>s to get the raw animated GIFs back to put them as QuickTime videos in @Apple Keynote, as @googledocs is blocked in China. How’s your day go#GDDchina#GDDindiapic.twitter.com/FJsOJuh2UZ
ಹಲೋ (hello) from #GDDIndia 🇮🇳. Things start looking good. Looking forward to tomorrow. pic.twitter.com/lYwJXJw4ss
fristle Perhaps nobody noticed two weeks ago when the root login vulnerability in macOS High Sierra was shared as a helpful tip on Apple’s own Developer forums. forums.developer.apple.com/thread/79235 pic.twitter.com/sOiRt8j2X7
For the #HTTP geek in you: understanding the `Vary` header: smashingmagazine.com/2017/11/unders….
deviceframe—Useful command line tool to create screenshots with various devices, works for URLs and already existing images:github.com/c0bra/devicefr…U.pic.twitter.com/SozPGyL2Gee
intenttoship Gecko: Intent to implement: Custom Elements groups.google.com/d/msg/mozilla.…
Basic(!) image optimization found to be the biggest Web performance lever in large-scale analysis. Would (free as in 🍺) Image Optimization as a Service (IOaaS) help? twitter.com/rick_viscomi/s…
@jennylg Awesome, thank you. Got up at 4am local time, definitely need some sleep 💤
Really good tutorial by @benschwarz on finding JavaScript performance issues with the @ChromeDevTools (the example uses React, the approach itself is generic): building.calibreapp.com/debugging-reac…. 👍 twitter.com/kamranahmedse/…
mgiuca Web Share Target now works in Chrome Canary on Android. How do I know? I just shared this to Twitter Lite:
GitHub - WICG/web-share-target: Web API proposal for receiving shared data github.com/WICG/web-share…
Thanks @yfriedman and team!
@jennylg So am I 😃 But first: HAM ✈️ AMS ✈️ BLR. Any last minute tips of things to bring or do/avoid once there before I board?
On my way to #GDDindia, really looking forward to being part of the Mobile Web track: developers.google.com/events/gdd-ind…. ಅಲ್ಲಿ ಸಿಗೋಣ! 🇮🇳
#A11y cast show protagonist @rob_dodson looks at VoiceOver, iOS’ built-in screenreader. The end of the episode has a quick shoutout to the Accessibility Object Model for making custom elements accessible. twitter.com/ChromiumDev/st…
cosmoene An AMP #Paywall and Subscription Model for All Publishers: @LaterPay now supports #publishers in monetizing AMP-ed content. @AMPhtml amphtml.wordpress.com/2017/11/28/an-…
“The baseline memory consumption for a “Hello World” page with no JavaScript, no CSS and no images is around 160 megabytes.” 😲 Any pointers, @katie_fenn, @mathias, on why the baseline is so high? twitter.com/mathias/status…
pbakaus If I had the power to make this change at my employer, I’d change the interview process to: “here’s a real problem a dev on the team had to solve with this context. Use your laptop, internet, any resources you need. See you in a few hours.” twitter.com/dstaley/status…
$> await navigator.storage.estimate();
Thanks, @ChromeDevTools, for making developers’ lives easier. It’s small things, but an immediate productivity win. 👏
AMPhtml On February 13th & 14th, we’re turning Amsterdam into AMPsterdam! Register now to join us at AMP Conf 2018 to learn about the latest in AMP and building great user experiences on the web: ampproject.org/amp-conf/
amphtml.wordpress.com/2017/11/27/amp…
glecollinet New experiment: Infinitown – a randomly-generated endless citydemos.littleworkshop.fr/infinitownS#webglg#threejsjpic.twitter.com/XF5XM1Gnrsrs
triagegirl A reminder: the web is a platform.
It’s not Chrome, or any single browser. twitter.com/GrouponHelpUS/…
kennethrohde Chrome is getting support for Web Share Target wicg.github.io/web-share-targ… as part of Web APK! groups.google.com/a/chromium.org… Super exciting!
🎉Yay, @mozilla are looking into implementing the Web Share API for @firefox: github.com/mozilla/standa…. Probably worth commenting on the Issue if you want this. Sharing is caring. 😀
brianleroux super tiny icons github.com/edent/SuperTin…
@DevFestHH Thanks, #DevFestHH, for having me today with my talk “Whats next for the Web?”—slides here:docs.google.com/presentation/d…1 🌍🔜❓ (Photos via@Schimkatt)twitter.com/Schimkat/statu…S
Another great article on debugging render performance issues with @ChromeDevTools by @umaar: moderndevtools.com/lessons/11. There’s a video if the article is tl;dr, and there’s an article if the video is tl;dw. twitter.com/umaar/status/9…
sw12 @ChromiumDev Shameless self promotion, but… I maintain a list of resources for web developers at bit.ly/webdevres
#NetNeutrality slides by @RubenVerborgh: rubenverborgh.github.io/Net-Neutrality…. If you’re not freaking out, you’re not paying attention. twitter.com/pietercolpaert…
aaranged Yandex Turbo Pages for Publishers Announced today bit.ly/2B7aODB @russiansearchmk
Completely different approach than AMP. Uses RSS feed + RSS extensions - more like FBIA than AMP. Bizarrely, does not support HTTPS!
UriShaked What if the Chrome T-Rex game was real? It is, now! 🦖 @ChromiumDev #Disconnectosaurus #DiY
medium.com/@urish/i-saw-a…
Very useful micro tip by @DasSurma on the new `for await` loops. Further reading: @jaffathecake’s article on async iterators and generators: jakearchibald.com/2017/async-ite…. 💡 twitter.com/ChromiumDev/st…
martin_hotell Slides from my talk about #reactive #typesafe #webcomponents with @skate_js are up! speakerdeck.com/martin_hotell/… @FrontEndConnect check it out!
👀 I’m looking for a tutorial on running @official_php 7 on @apache_httpd 2 and several @nodejs 8 apps (on different ports) on one @ubuntu 16 server (I have root), probably all orchestrated by @nginx. Any pointers? 📖 #RTFM 🙏 #LazyWeb
Monaco, the editor that powers VS @code: microsoft.github.io/monaco-editor. This might come in handy at some point. twitter.com/aemkei/status/…
SaraSoueidan Content Sliders (aka Carousels) — possibly the most controversial component, & one of the least accessible if not implemented right.
@heydonworkss has our backs now w/ a thorough guide on how to build an accessible, progressively enhanced, responsive one:inclusive-components.design/a-content-slid…m
ebidel Resize events for DOM elements
ebidel.github.io/demos/dom_resi…
window.onresize…no longer the only game in town. A mixin that adds a ResizeObserver 📏 (chrome 63) to any web component. ➡️ DOM nodes now have `resize` events! src: github.com/ebidel/demos/b… pic.twitter.com/tfVtVEWasu
gilberto_cocchi The #NuovaRepubblica #pwa is now live on the web equipped with all the latest available web technologies to deliver an engaging, reliable and fast experience to their users. twitter.com/repubblica/sta…
WhatWebCanDo New on What Web Can Do: Credentials Management API - it allows you to interact with the password manager and auto sign-in your returning users on multiple devices whatwebcando.today/credentials.ht… #webdev #pwa #Chrome pic.twitter.com/zOTE48ow7O
Dynamic import() for lazy-loading JavaScript is here. Read all about the feature in @mathias’ brilliant article: developers.google.com/web/updates/20… 👍
dfabu I just published “Service Workers Break the Browser’s Refresh Button by Default; Here’s Why” redfin.engineering/service-worker… Thanks to Sharon Goetz
agektmr I just published “Integrating the Payment Request API with a payment service provider” medium.com/p/integrating-…
💻 If you’re tired of file extension sniffing or hard-coded path assumptions in your Service Worker logic and you’d rather want to read out request.destination (fetch.spec.whatwg.org/#requestdestin… [via @jaffathecake]) instead, CC: yourself to the bugs linked in github.com/whatwg/fetch/i…
sw12 Brilliant tool to generate an HTML5 slide deck from PageSpeed Insights results: github.com/google/pagespe…
Thank you @tomayac! pic.twitter.com/faaHkB7HzS
Micro Frontends—extending the microservice idea to frontend development:micro-frontends.orgd (via@slightlylatee:twitter.com/slightlylate/s…R)
DmitrySoshnikov [#RegExp Tree] Fantastic improvements to the Optimizer module in v.0.0.68, greatly built by @Golmote!
Original: /(?:[a-zA-Z\d_])[0-9a-z_]|\w[\w]|(?:[\dA-Z_]\w)/i
Optimized: /\w{2}/i
Also, unicode surrogate pairs are now parsed correctly with `u` flag.
npmjs.com/package/regexp…
@justmarkup @jaffathecake FYI: moved this to Fetch: github.com/whatwg/fetch/i….
Detailed write-up of the recent @AMPhtml Roadshow event in Munich by @HolidayCheckLab’s @wolframkriesing. (CC: @pbakaus) twitter.com/HolidayCheckLa…
@sw12 @ebidel @addyosmani Agreed, image optimization is a high-impact low hanging fruit in many cases. There’s images.guide (👌) for DYI, and several (mostly paid) options for Image Optimization as a Service (IOaaS). Fixing one’s JavaScri
mahemoff fastgood.cheap The eternal trade-off captured in a single serving site twitter.com/nannerb/status…
@tistre Nice 👍 I’m a big SSE fan (e.g., wikipedia-edits.herokuapp.com)! Do you use this approach somewhere in production?
@jonathandavis @webkit Thanks for the reply :-)
@dret According to the spec, it’s RFC7159 (ietf.org/rfc/rfc7159.txt) with new line characters. Nothing revolutionary, yeah, but the domain name is cute indeed ;-)
tistre @tomayac I found JSON chunks in Server-Sent-Events (SSE) to be great for streaming – EventSource does most of the client side work alreadystrehle.de/tim/weblog/arc…Hw
After a performance optimization at Google, the site went from being unusable for people with slow connections to usable, which caused so many users with slow connections to start using the product that avg. load times actually increased: danluu.com/web-bloat/
Cache Digests let HTTP/2 servers know what the client has already in its cache (calendar.perfplanet.com/2016/cache-dig…). The library cache-digest-immutable uses a service worker’s fetch event and the Cache API to set the cache-digest header automatically: npmjs.com/package/cache-…
jaffathecake Due to complexity, missing features, and browser bugs, I don’t think I’d recommend HTTP/2-push to anyone unless they’d exhausted all other optimisations (including link[rel=preload]), and have a large expert team to deal with the fallout.
jakearchibald.com/2017/h2-push-t…
brucel Uncle Tim and the Queen threatened me with a punch in the face & a karate chop, so I agreed to co-edit the W3C HTML5 spec. What happened next will blow your nose. brucelawson.co.uk/2017/editing-t… pic.twitter.com/K93Z9WicFc
addyosmani New blog post: “The Cost Of JavaScript” medium.com/dev-channel/th… Loading JS fast = only send what you need + less transfer time + less time parsing/compiling code 🔥
My former colleague Garan has implemented tic-tac-toe in @AMPhtml: plemont.github.io//amp/2017/11/1…. Hat tip to the “because we can” department.
Oh no, @RubenVerborgh taught me to spot bad keming (xkcd.com/1015/), and now @DasSurma is teaching me to spot <120fps rendering: dassur.ma/things/120fps/ 🙈. Here goes my peace of mind..twitter.com/DasSurma/statu…T9
Hooray, standards: “Enabled Payment Request by default”. Great job, @webkit! Wonder what this might mean for Apple Pay JS in the long term. Any statement, @jonathandavis? twitter.com/webkit/status/…
Streaming HTML for progressive rendering is a concept that’s highly underused. An alternative might be new-line-separated JSON: ndjson.org. twitter.com/jaffathecake/s…
lambdaman Inspiring read “Querying DBpedia with GraphQL” by @szymonklarman medium.com/@sklarman/quer… # linkedddata
Great overview of different SVG-based image placeholder techniques to improve the perceived load time of websites by @jmperezperez: medium.com/@jmperezperez/… (via @tbaldauf) 🖼
SoerenE67 Right-To-Left Development In Mobile Design smashingmagazine.com/2017/11/right-… via @smashingmag
aemkei A fascinating read by @subzey about advanced SVG compression: medium.com/@subzey/of-svg…
DRY is not always the best option. Better learn about how Gzip works and focus on removing entropy! This article will tell you, how.
This “person in tech” workshop by @trivago_tech sounds super interesting. Isany of the material (docs, code) available, @busrakoken? ⤵️ twitter.com/busrakoken/sta…
Showing the @Google #ThinkMobile folks in 🇨🇭 Zurich how @Zalando are testing ⚡️ @AMPhtml on product detail pages, and how integrators like @Twitter dynamically deal with links differently based on platform-zalando.de/nike-performan…A
→Goes to AM
housecor Tip: With async/await, you can run multiple async operations in parallel. How? Put the await statements on the same line! Works like promise.all.
buff.ly/2zvoLOs
#javascript pic.twitter.com/RMrXKp8D7V
ChromiumDev The Layers panel in DevTools helps you analyze how an animation was done. More in this ⚡️Supercharged Microtip with @DasSurma
Watch the full ep here 👉 goo.gl/VeAhpb pic.twitter.com/EReM0oK3cR
sarah_edo Neat! js2flowchart- convert any JS code into an SVG flowchart! via @JavascriptWeekl
github.com/Bogdan-Lyashen… pic.twitter.com/LEbuK1DEX6
@wolframkriesing I’d rephrase: @AMPhtml leverages Web Components to enable everyone to declaratively markup complex(-ish) fast HTML widgets.
justmarkup If you publish something, it is always a great idea to check the text with alexjs.com to catch insensitive, inconsiderate writing.
ChromiumDev Learn how to send resources to client with performance in mind 🚗💨 “link rel pre pre pre” is the magic keyword 😉
developers.google.com/web/fundamenta…
document.addEventListener(‘contextmenu’, event => event.preventDefault()); twitter.com/mathias/status…
Persistently (locally) override the source of any website, great for quickly testing performance improvement ideas: glebbahmutov.com/blog/local-ove…. twitter.com/sw12/status/92…
felipehoffa More than 1,000 websites are mining cryptocurrency in their homepage with your browser!!
@dougsillars @rick_viscomi @paulcalvano used BigQuery to dig into @HTTPArchive’s data:
discuss.httparchive.org/t/the-performa…
#bitcoin pic.twitter.com/ILkRc3NUBq
matthewcp Introducing flora! A streaming template library for Node.js using standard JavaScript template literals: matthewphillips.info/posts/flora-in…
ChromeDevTools Nice tutorial on debugging JS in FF DevTools. We’ve got a similar one here: developers.google.com/web/tools/chro… twitter.com/MozDevNet/stat…
github Sometimes a project is worth saving—even if you don’t work on it anymore. Now you can archive repos as read-only!github.com/blog/2460-arch…spic.twitter.com/nEXg8uOxFHH
addyosmani Critical 1.0 is out! Extract & inline critical-path CSS for pages w/Chrome headless. Big thx @pocketjoso @bezoerb
github.com/addyosmani/cri… pic.twitter.com/C97kjbl3kt
malyw Small but quite noticeable change in Chrome for all the text underlines:
in Chrome 64 by default, the underlines are having space around descenders.
It changes the “look and feel” and may make happy everyone who cares about the typography.
groups.google.com/a/chromium.org… pic.twitter.com/gZL7HdT1Uu
@aemkei Have you tried romannurik.github.io/SlidesCodeHigh…? It works great for Google Slides at least.
mundizzle Efficient Template Rendering Using lit-html: alligator.io/web-components… @alligatorio ✨🐊
After today’s #w3cTPAC Service Workers WG session I start to understand the tweet⬇️. Facebook’s Service Worker challenges ain’t Airhorner’s. twitter.com/slightlylate/s…
jensimmons The slides from my #W3C Developers conf presentation tonight at #w3cTPAC are here— How CSS Grid Changes Everything:speakerdeck.com/jensimmons/how…h
Attending my first #w3cTPAC and listening in on the Service Workers WG today. The agenda is detailed..github.com/w3c/ServiceWor…Bl. Also definitely I’m in the *right* roompic.twitter.com/G3goYutiZNtiZN
tdp_org The story of how we enabled HTTP/2 for BBC Online:
medium.com/bbc-design-eng…
@kennethrohde @AMPhtml Right now offline load fails for me and for the Lighthouse test as well. Needs investigation.
The new BMW site’s an @AMPhtml based Progressive Web App:
⚡️ bmw.com/en/index.html.
Still work to do, but 👍! twitter.com/pbakaus/status…
JonasBadalic A reminder that you can avoid jumpy numbers with tabular numbers and font-feature-settings. 🚀
codepen.io/JonasBadalic/p… pic.twitter.com/m7UsQs1xDh
🛫 San Francisco for @w3c TPAC (#w3cTPAC) to attend the Service Workers Working Group & Web Components meetings: w3.org/2017/11/TPAC/. 😃
mediagalleries #BreakingNews candidate via @WikiLiveMon: de.wikipedia.org/wiki/Paradise_…. Media gallery: pic.twitter.com/5XZJBPXmMw
@justmarkup @jaffathecake Might be worth taking Accept headers on the #w3cTPAC agenda for the Service Workers Working Group.
@justmarkup @jaffathecake For */* for images, this is the history: bugzilla.mozilla.org/show_bug.cgi?i… (seems questionable from today’s point of view).
@justmarkup @jaffathecake Can’t you just say includes the one, but not the other?
@justmarkup @jaffathecake See developer.mozilla.org/en-US/docs/Web…. These are the values sent when the context doesn’t give better information. HTH!
How differential privacy (en.m.wikipedia.org/wiki/Different…) is being used in Apple OSs, e.g., for typing assistance: images.apple.com/privacy/docs/D… [PDF] 😲 pic.twitter.com/3oRmSCUlK0
stefanjudis TIL what the term “roving tabindex” means. 🎉 stefanjudis.com/today-i-learne… #a11y pic.twitter.com/cDDLgnGrqe
NicolaSturgeon Regardless of opinion on Catalonia, the jailing of elected leaders is wrong and should be condemned by all democrats bbc.com/news/world-eur…
@wolframkriesing @pbakaus @AMPhtml Personally I cannot make it due to a work trip, but enjoy the show!
pbakaus OMG < 5d until we’re in 🇪🇺 for @AMPhtml Roadshow! If you’re near Munich/Paris/Madrid/London, not too late to join: ampproject.org/amp-roadshow/
A great introduction to coding one’s first Progressive Web Apps: pwa-jsconfco.glitch.me (via @kosamari) 💻
Machine Learning in the Browser, interesting @hhjs talk by @DJCordhose on deeplearn.js (deeplearnjs.org): djcordhose.github.io/ai/2017_ml_bro… 🤖
I don’t tweet on politics, but decided to do w/ Catalonia. I find the @BBC’s articles the most neutral: bbc.com/news/world-eur… 🏴 twitter.com/BBCBreaking/st…
@justmarkup 💡: instead of checking the file extension, it’d be nicer & more future proof to check if the “Accept” header matches /^image\//
I’d move the feature detection out of “fetch”, but apart from that nice use case for the Network Information API: developer.mozilla.org/en-US/docs/Web… ⤵️ twitter.com/justmarkup/sta…
yoavweiss @TheLarkInn @justinfagnani @jthoms1 @mcmire @maxlynch Polyfills are great tools to speed up feature adoption. They are also dangerous tools once no longer needed, so we need to give that thought
_developit Cool idea: when your ServiceWorker gets a new version, use the next client-side navigation to reload & update:
gist.github.com/joshuataylor/7… pic.twitter.com/xSbI8JhhzU
peggyrayzis Speakers are people, not props. 🙅 Here’s why I withdrew from #ReactiveConf: medium.com/@peggyrayzis/w…
RT for visibility please 🙏
mbleigh I just published “When should I Server-Side Render?” medium.com/p/when-should-…
abdonrd Apple’s full proposal to HTML Template Instantiation
github.com/w3c/webcompone…
@cheneytsai @Google @AMPhtml 😂 Make sure you keep your DMs open!
📢 Join @Google to work with the biggest Web brands on their Progressive Web Apps, @AMPhtml & more-careers.google.com/jobs#!t=jo&jid…x DM@cheneytsaii ⤵️twitter.com/cheneytsai/sta…X
Safari Technology Preview release 43 activates the Cache Storage API by default. One more step toward full #PWA support in Apple browsers.🎈 twitter.com/webkit/status/…
mobiForge Here’s a round-up of what’s been going on with progressive web apps and service workers lately in Browserland mobiforge.com/news-comment/s… #pwa
@sebabenz @Paul_Kinlan @DasSurma @kosamari Now just let users use that in isolation :-)
@pistenprinz 😂 Das zählt auch, Ihre Prinzliche Hoheit.