justmarkup Just realized navigator.connection.effectiveType is available in Service Workers 👍
Great for delivering different assets (2g -> low res img, 4g -> high res img…) to user based on available network.
@hfmuehleisen @cwi_da @CWInl Congratulations, now that’s positive news :-)
Important reminder by @mahemoff: an app’s not just the look, but also the feel. Desktop Progressive Web Apps need proper system integration. twitter.com/mahemoff/statu…
JohnMu Fascinating to see how people break into online services. Good to get these reports (and fix them :-))!
medium.com/@alex.birsan/m…
maxlynch Take it from me: if you’re building a UI library in 2017, strongly consider web components instead of a hard dependency on a framework
@pistenprinz Pistenprinz, mach die Seite mal PWA Digga! 😉
If your app looks like app.js, vendor.js, main.css, you might want to watch/read @samccone’s talk (transcript): medium.com/@samccone/perf… 👏 twitter.com/samccone/statu…
Apple’s iPhone X: The First Field Report: wired.com/story/iphone-x… 📱
Netflix functions w/o client-side React, and it’s a good thing: jakearchibald.com/2017/netflix-a…. @jaffathecake debunks FUD on @netflix’ React move.
Wikicite Scholarly papers in Scholia whose main subject [P921] is @wikidata [Q2013] tools.wmflabs.org/scholia/topic/… #WikidataCon pic.twitter.com/nQdNGdnQTl
agektmr Hacking Chrome’s Payment Request Api into PayPal’s iframe buttons
medium.com/@bluepnume/hac…
sundarpichai Will drop everything else we are doing and address on Monday:) if folks can agree on the correct way to do this! twitter.com/baekdal/status…
Paul_Kinlan The new modal permission dialog in Chrome really make me resent sites the do ‘onload’ requests for services. Block has been hit a lot. pic.twitter.com/2aKqBW0ov1
🙏#WikidataCon folks: I’ve worked on “@Wikipedia & @wikidata Tools for Google Spreadsheets” Issues today—Help needed:github.com/tomayac/wikipe…c
Gave @Wikipedia Screensaver some much needed ❤️—Now speaking again after switching towikitech.wikimedia.org/wiki/EventStre…F.
Demo👉tomayac.github.io/wikipedia-scre…Apic.twitter.com/y92GX2s4JCC
Working at Amazon by @timbray: “[A]sshole density non-zero but < average.” tbray.org/ongoing/When/2…. I’d be interested in the diversity bit.
WiViVi—Wikipedia Views Visualized: interesting new visualization of@Wikipediaa traffic by language and country:blog.wikimedia.org/2017/10/27/new…C 🗺
Jokrates How to write a #wikidata #SPARQL #query for dummies:
Poets that have a spouse that is born in the same city as Goethe pic.twitter.com/IA6pKmhkK3
juansequeda Wrote up my trip report for #iswc2017…which includes the 1+ hour Jam Session video! You do not want to miss this!
juansequeda.com/blog/2017/10/2…
RoKhanna In Portugal, with no net neutrality, internet providers are starting to split the net into packages. pic.twitter.com/TlLYGezmv6
gokul_i 🔥 Tips: Check network requests made by an iframe by group. Super useful 🙌
DevTools > Network Panel > Select Group by frame
@ChromeDevTools pic.twitter.com/Ni50nPuquI
umaar I’ve written a new article 🎊 The State of Modules in JavaScript: sitepen.com/blog/2017/10/2… ES Modules, dynamic imports, Node.js support & more pic.twitter.com/DNNsnstJYI
@nekrtemplar @DasSurma Exactly, make non-cached links non-clickable if offline. @DasSurma’s microtip has the core code snippet for that. Congratulations again.
justinpervorse So turns out being in 25+ Slack channels plus all the DM’s is actually worse than using email to communicate with people
@nekrtemplar 💡Two ideas:
① use @DasSurma’s microtip to disable non-available links (youtube.com/watch?v=7fnpsF…)
② Ideally handle m. & regular site in the SW
✨Brilliant fully offline enabled PWA (webpack-offline powered) for 🇳🇱 publisher @omroepwest built by @nekrtemplar: m.omroepwest.nl. twitter.com/nekrtemplar/st…
jaffathecake Detecting WOFF2 support using the font loading API, by @zachleat (h/t @_munter_)
github.com/filamentgroup/… pic.twitter.com/A0aExJVWZU
The pure fact of folks complaining about the most minor design issues demonstrates the level of ❤️ to the detail people expect from Apple:⤵️ twitter.com/tcurdt/status/…
@cdavisafc Hey Cornelia. Just saw you in the C♀️DE film 🎥 (geekfem.net/2017/09/24/deb…). Great job! We met w/ @dret for @wsREST. Small world… pic.twitter.com/t8rhYMmBE5E5
🇩🇪🗞Publisher @welt has launched a Progressive Web App with asset caching based on @workboxjs! Top work, @WeltDev 👏! Next step: full offline..twitter.com/PatrickDahms/s…90
thurrott Mozilla Embraces Progressive Web Apps - thurrott.com/mobile/142280/… pic.twitter.com/RjT2smwGqz
sonar: Linting the web forward blogs.windows.com/msedgedev/2017…
@david_losert @wolframkriesing Yes, minifying individual files is definitely obligatory. Just the bundling step is now considered bad practice.
@wolframkriesing TypeScript 2.3 now analyzes Type annotations in comments: seg.phault.net/blog/2017/10/t…, apparently Flow, too: twitter.com/alesroubicek/s…
📄Apple have just started implementing the Web App Manifest spec lists.webkit.org/pipermail/webk…! Also see @addyosmani’s bug bugs.webkit.org/show_bug.cgi?i….
@tom_says_things Obviously I did ;-) Congratulations, @trivago_tech! My favorite tweet is this one by @jkup: twitter.com/jkup/status/92… #ChromeDevSummit
Thanks, @auth0, for a _great_ summary of #ChromeDevSummit, Day 1 (Day 2 coming, too? </no-pressure>) auth0.com/blog/chromedev… twitter.com/auth0/status/9…
grigs Big changes to permissions coming in Chrome 63. Will be a modal. Will encourage good dev behavior. #ChromeDevSummit pic.twitter.com/OTnYANrphM
ThisIsJoFrank “Success with CSS” medium.com/samsung-intern… I I wrote about how to make your css awesome! Down with Chaotic Style Sheets!
Una Preload decisions:
- battery level
- available memory / storage
- user is not on cellular
- check for data saver boolean
#ChromeDevSummit pic.twitter.com/AqneffltDC
Embracing HTTP/2 also means undoing years of HTTP/1.1 optimizations that are now considered bad practice. Keep embracing, @HolidayCheckLab! twitter.com/wolframkriesin…
@kamranahmedse Thanks. Was a real pleasure discussing PWA strategies with you! Really enjoying the collaboration and looking forward to the @tajawalae PWA!
jkup You know you built a great PWA when folks are willing to demo it live with the network turned off! @trivago at #ChromeDevSummit pic.twitter.com/zbJSbjJsB1
Amplifying the fact that Apple are again seeking the dialogue at #ChromeDevSummit. 📢 👏 twitter.com/jonathandavis/…
ChromiumDev Introducing the Chrome User Experience Report: bit.ly/introducing-cr… - real user experience measurement for the web! pic.twitter.com/GmbO7dGX9j
patmeenan The landing page for the Chrome User Experience Report announced at #ChromeDevSummit is here: developers.google.com/web/tools/chro…
lukew moving to a progressive Web application (PWA) had big impact for @trivago
developer.chrome.com/devsummit/ pic.twitter.com/S5U9wA7tlV
“When your only hammer is #XML, everything else is just an #XSLT transformation away from a nail.”—Unknowntwitter.com/tomayac/status…htwitter.com/sw12/status/92…m
patmeenan Remember when looking at real-user data:
-Faster sessions engage more
-Only non-abandoned sessions report
Reality is skewed to the tail twitter.com/slightlylate/s…
Now that Promise.prototype,finally has landed, it shouldn’t be used. Instead, go for async & await with a try, catch, finally flow. Agreed. twitter.com/mathias/status…
slightlylate New post: “Can you afford it?: Real-world Performance Budgets”: infrequently.org/2017/10/can-yo…
pistenprinz “My approach to using z-index” by @D__Gilbertson hackernoon.com/my-approach-to…
@sw12 Gotta love their explanation of generators: “it’s complicated” 😂. Other than that, really useful cheat sheet.
Very useful set of cross-domain utility functions and helpers open-sourced by PayPal: medium.com/@bluepnume/int… (summary post, many out-links)
Brilliant new code lab by @samthor on (vanilla) Web Components with and without Shadow DOM: codelabs.developers.google.com/codelabs/image… Enjoy hacking!👩💻👨💻 twitter.com/Paul_Kinlan/st…
pistenprinz “Modern JavaScript Explained For Dinosaurs” by @peterxjang medium.com/@peterxjang/mo…
Lighthouse 2.5 Updates developers.google.com/web/updates/20…
umaar I wrote a blog post on Improving your Performance with the Paint Timing API 🎊 sitepen.com/blog/2017/10/0… - Code examples, screenshots & links ✅ pic.twitter.com/it07P6NkmL
API design: Choosing between names and identifiers in URLs cloudplatform.googleblog.com/2017/10/API-de…
troyhunt Massive post I’ve been working on for a while: how to go HTTPS the easy, reliable way - the “Happy Path” 😀 troyhunt.com/the-6-step-hap…
Great user study by @jennylg on common Mobile Web annoyances and how to overcome them with modern Web tech like Progressive Web Apps. 👍 twitter.com/jennylg/status…
paul_irish <video autoplay muted> works across mobile browsers now. 📽️ No more need to ship an 8MB gif to your mobile users. 😢 pic.twitter.com/7nJOm3Ga48
One of the more exciting Safari Technology Preview releases: Payment Request API support from the company that launched Apple Pay JS. 🎉 😲 twitter.com/webkit/status/…
@robertnyman Congratulations, very excited by this joint effort. Luckily we finally overcome the browser wars era. ✌️
MSEdgeDev Documenting the Web together:
MDN web docs is now our official home for API reference
blogs.windows.com/msedgedev/2017…
Tholle1234 I just released image-trace-loader, a #webpack loader that exports traced outlines as image/svg+xml data.
npmjs.com/package/image-… pic.twitter.com/vRma67R7zb
radibit You can find the slides of my talk on perceived perf and human-centric metrics on the following link 🙂 bit.ly/human-centric-…
#perfmatters
@benschwarz @paul_irish Wish granted. See @tbaldauf’s Sqip: github.com/technopagan/sq….
Fixing centuries old browser default stying for <sup> and <sub> after reading a 2017 article (alistapart.com/article/web-ty…). Way to go @domenic. twitter.com/domenic/status…
OpenType opens so many doors for amazing typography, e.g., through font-variant-numeric: oldstyle-nums: alistapart.com/article/web-ty… 🤓
DasSurma 📝New blogpost: My take on a WebRTC introduction and how I made WebRTC and Comlink work together. I can now make Chrome log to Safari’s DevTools :D
dassur.ma/things/comlink…
umaar Just published! DevTools: A Modern Front-End Workflow, updated for 2017 ⭐ umaar.github.io/devtools-talk-… - video and slides are now available! 🎊 pic.twitter.com/gXfBObgDZv
.@TheWebConf (#WWW2018) authors: if your paper comes w/ a great implementation, also consider the Developers’ Track-www2018.thewebconf.org/call-for-paper…Ntwitter.com/TheWebConf/sta…d
@DasSurma @Paul_Kinlan @gauntface @kennethrohde @denladeside I was half joking, but my phone camera is definitely a better scanner than my actual scanner.
@DasSurma @Paul_Kinlan @gauntface @kennethrohde @denladeside Camera access from Web (✔️) and do the rest in software 🔜 Web Assembly :-) #NameDropping
@Paul_Kinlan @DasSurma @gauntface @kennethrohde @denladeside WebUSB, finally putting the ‘S’ into IoT ;-) You have valid arguments, but I remain skeptical. For me, Web is interoperability.
@Paul_Kinlan @DasSurma @gauntface @kennethrohde @denladeside You mean devices commonly connected to old WinXP PCs in museums? Without browser interoperability, I don’t see much added value over native.
@Paul_Kinlan @DasSurma @gauntface @kennethrohde Also that :-/ Fun demos, but yeah, nothing much that at least I personally can think of.
@DasSurma @Paul_Kinlan @gauntface @kennethrohde Pretty similar situation for Web Bluetooth: chromestatus.com/feature/526493… & webkit.org/status/#?searc… ¯\_(ツ)_/¯
@DasSurma @Paul_Kinlan @gauntface @kennethrohde IMHO disinterest from other vendors is the biggest downer: chromestatus.com/feature/565191… & webkit.org/status/#?searc….
vanhoefm Key Reinstallation Attacks: Breaking WPA2 by forcing nonce reuse krackattacks.com and see the paper at papers.mathyvanhoef.com/ccs2017.pdf
bengrubb The widely used WPA2 encryption for Wi-Fi is rumoured to have been cracked. I can’t overstate how really bad this is alexhudson.com/2017/10/15/wpa…
yoavweiss Last year I wrote why the “H2 push is only saving 1RTT” argument is misleading at best. Still holds true blog.yoav.ws/being_pushy/ twitter.com/yoavweiss/stat…
marcosc @tomayac @kaycebasques @ChromeDevTools @Twitter Yeah, totally. It’s so easy to spot/ban these idiots. @Twitter, get your shit together.
@marcosc @kaycebasques @ChromeDevTools Yes, one-off. But imagine you’re a ♀️coder and getting this sh1t for Every. Single.Tweet. @Twitter.
@marcosc @kaycebasques @ChromeDevTools Started reporting a number of the offensive replies. Seems like pretty well coordinated (bot) hate.😢
@natadimou @JLehmann82 @RubenVerborgh @erikmannens Congratulations Nata, (almost) PhD 👩🏫 When is the public defense? Do you share slides?
AMPhtml Starting with AMP⚡? Check out the new AMPstart.com with more templates for e-commerce and local business. amphtml.wordpress.com/2017/10/13/sta…
rick_viscomi Had a blast presenting @HTTPArchive at #AkamaiEdge with @paulcalvano tonight! 😃
Here are the slides slideshare.net/jrvis/akamai-e…
aemkei This is by far the best entry of @MaximeEuziere’s #golfctober combo: A full TETRIS game by @veubeke 🐌 in less than 512 bytes of HTML and JavaScript!
▶ Play: veu.github.io/mini-tetris/di…
ℹ️ Source: github.com/veu/mini-tetris
With help from @benjamin_js, @Fusselwurm and @aemkei (me). pic.twitter.com/01cl8vSHyR
DasSurma 📝New article: How to efficiently animate a blur on the web. Heads up: It requires a workaround involving layers to build your own texture cache.
developers.google.com/web/updates/20… pic.twitter.com/XvcJBPrbCw
jaffathecake I always forget that HTTP is full-duplex. The response can start arriving while you’re still sending the request body.
slightlylate A sketch for letting pages listen for payloads sent over H/2 Push. Would love your thoughts!
gist.github.com/slightlyoff/18…
/cc @igrigorik @mnot
twbartel My good buddy @matthiasendler with his very own version of “Getting to yes” :-) matthias-endler.de/2017/yes/ It’s about the Unix tool…
poshaughnessy I just published “6 Myths of Progressive Web Apps”. Let me know what you think! 🙏 medium.com/samsung-intern… #PWAs
@mahemoff What library are you using? I’ve made mostly good experiences with npmjs.com/package/feedpa….
@andreasbovens 😱 Wait, are you saying your Google Home doesn’t travel with you?
Some of the issues outlined in @jeremenichelli’s article on Web Components are fixed by @justinfagnani’s lit-html: github.com/PolymerLabs/li…. twitter.com/rob_dodson/sta…
jesarshah For Hack Week @Twitter we started developing #SaveForLater. Here’s the early prototype that we put together in a week, which is likely to change. pic.twitter.com/c5LekvVF3l
@samthor @Google LOL, thank you! xkcd.com/1179/
10 years at @Google 🎉. So it has come to this..xkcd.com/1022/Hpic.twitter.com/BWWPzlkNEWEW
Again surprised by Wikipedia editing flows..twitter.com/mediagalleries…Gtwitter.com/WikiLiveMon/st…xH
mediagalleries #BreakingNews candidate via @WikiLiveMon: en.wikipedia.org/wiki/Catalan_R…. Media gallery: pic.twitter.com/iLN0grIF9J
@rob_dodson @iandevlin 🤦♂️ Duh, sorry, missed the date picker. Anyway, could read it as a Feature Request for a date-independent view.
@rob_dodson @iandevlin Thanks for pointers. Seems like we should do a better job at tagging talks. The io17 one didn’t come up under A11Y.
KrauseFx 📝 One of these is Apple asking you for your password and the other one is a phishing popup that steals your password krausefx.com/blog/ios-priva… pic.twitter.com/6N3lawTVGo
#TIL about Flag Emoji Tag sequences (unicode.org/reports/tr51/p…), e.g., the Catalan flag is “🏴”, as of emojipedia.org/flag-for-catal….
Get the advantages of TypeScript without transpiling: seg.phault.net/blog/2017/10/t…
@HolidayCheckLab Regarding 💩 third-party content, you should keep an eye on the Content Performance Policy, see the @wicg_ draft: wicg.github.io/ContentPerform…
@6arrid0 @unicode Early emoji access is one of the benefits of living on the bleeding edge ;-)
—
Sent from my iPhone (iOS 11.1 Beta 2) 🦖
@iandevlin @rob_dodson To be fair, no pure Web #A11Y talk (events.google.com/io/schedule/?s…), but definitely mentioned prominently in several talks.
Thank you @unicode Consortium for adding the offline dinosaur emoji 🦖. Looks so good on my Twitter profile. pic.twitter.com/tFLpwmNF2M
@iandevlin I let @rob_dodson chime in here. I think—while all isn’t perfect yet—we’re headed in the right directionyoutube.com/playlist?list=…Yn
@felixhammerl @wolframkriesing You need to obviously always trust your CDN, and did I say HTTPS all the things!1!”? Related: stackoverflow.com/questions/3931… (maximize cache hits).
@Paul_Kinlan My blog has a universal header unaware of blog post content, so always need to include all @AMPhtml components I ever use. Sad.
@Paul_Kinlan …and iframe embeds like tweets, slides, instagrams, etc. if you have those. No easy retrospective solution.
poshaughnessy A nice little example of something we’ve contributing into Chromium, landing in upcoming Chrome & Samsung Internet twitter.com/samsunginterne…
umaar I’ve written an in-depth guide on JavaScript Streams - sitepen.com/blog/2017/10/0… - Streams has already reached Chrome, Edge, Opera & Safari ⭐ pic.twitter.com/WeEZpHhn30
aemkei OMG: @kinugawamasato and @SylvainPV found a way to use only 5 different characters to write any JavaScript:
[ ] + | >
Note: This will possibly work in the future by default, if the ESNext “Pipeline Operator” |> proposal will make it. Read more: twitter.com/SylvainPV/stat… pic.twitter.com/FdNEOXfzEh
@stefanjudis
- Unused CSS and JavaScript.
- A ton of trackers, even if served through tag managers.
- Render-blocking A/B testing.
@kdzwinel @mathias @notwaldorf A wise person once said the advantage of reinventing the wheel is that you can get a round one :-)
guardiantech Google CEO Sundar Pichai: ‘I don’t know whether humans want change that fast’ d.gu.com/PsxzLl
@addyosmani @mathias @domenic With the default behavior if the attribute is missing, boolean, or has an invalid value.
@addyosmani @mathias 🤔 @domenic writes bikeshedding on the name isn’t productive. FWIW, my pref would be img[decoding=”deferred”] or img[decoding=”blocking”].
Wow, @alekseykulikov_ has built @____lighthouse as a service: treo.sh. Automated audits for Web apps. 🤖
While I like the feature, I’m with @mathias in not quite liking the misleading attribute name (“decode” from comments seems a better fit). twitter.com/addyosmani/sta…
dannysullivan I’m joining Google to help public better know how search works & help Google better hear public feedback & improve. dannysullivan.com/my-new-chapter…
wesbos 🔥 ResizeObserver is coming to browsers, which means we can have resize events on a per-element basis. (Element queries anyone?!) pic.twitter.com/tjbiKyeOdl
@danbri @rtroncy I think your reviewed subject (the video snippet) could be simply described as ex.org/some-media.web…. Sufficient?
umaar I’ve published a 🆕 free Modern DevTools video lesson! DevTools: A Better Authoring Workflow - youtube.com/watch?v=FOQpty… - Hope it’s useful ⭐ pic.twitter.com/n55F2GRCxJ
ChromiumDev ❤📔 I really enjoyed the overview of Media Technologies for the Web by W3C at
w3c.github.io/web-roadmaps/m… ^fr pic.twitter.com/DqnG3HVbOV
datao @tomayac I still use alterslash.org as a digest of /.
saradramirez My favorite part of yesterday:
Male speaker: Is it Miss or Mrs?
Female panelist: It’s Dr
🔥🔥🔥🔥
#500womenscientists #womeninSTEM #GirlPower
Happy to be part of the Google Developer Days India 🇮🇳 in Bengaluru (#GDDIndia) and to be speaking about the future of the Web again..twitter.com/googledevs/sta…Ff
wesbos 🔥 Async functions can chain a .catch() to catch any errors without a try/catch pic.twitter.com/O3ffEqvHc6
Wow, Slashdot /. is turning 20🎂 today. Honestly never was a big fan, but definitely remember it as one of the earliest sites I checked out. twitter.com/mahemoff/statu…
@samccone It’s pretty performant, too, as @RubenVerborgh and I have found out in our #WWW2012 dev track paper: tomayac.com/papers/fixing_… [PDF]
MSEdgeDev Microsoft Edge is coming to iOS and Android! Here’s what developers need to know
blogs.windows.com/msedgedev/2017…
Impressive stats by @trivago—The Next Billion Users: trivago Embrace Progressive Web Apps as the Future of Mobilethinkwithgoogle.com/intl/en-gb/con…B 👌twitter.com/tom_says_thing…6
MSEdgeDev Node-ChakraCore update from Node.js Interactive 2017
blogs.windows.com/msedgedev/2017…
Happy someone found my Google Sheets add-on “Wikipedia & Wikidata Tools for Google Spreadsheets” useful & blog-worthy. Gotta work on Issues..twitter.com/RobinRozhon/st…Hm
robotech_master If you use Google Chrome, go to
chrome://flags/#autoplay-policy
and set it to “Document user activation is required.”
Boom: no more auto-playing videos.
You’re welcome.
stefanjudis TIL that you can “syntax check” files in node without executing them using the `—check` flag. Thx @RReverser. ;) stefanjudis.com/today-i-learne… pic.twitter.com/Zq6s1GsxGS
@pigsonthewing Sorry for the delay :-/ I’m trying my best, but am pretty busy with my day work and work-related travel these days.
The @EFF say: There is no justification for the Spanish Internet censorship during the Catalonian referendum: eff.org/deeplinks/2017…. +1!
romainhuet So excited that @stripe now supports both the @w3c Payment Request API and Apple Pay with a single integration. 💳✨👌 stripe.com/docs/elements/…
OpenObservatory Evidence of Internet Censorship during Catalonia’s Independence Referendum: ooni.torproject.org/post/internet-…
Our report w/ @Qur1um
#ReferendumCatalan pic.twitter.com/68LU6AoaWI
Great article by @rob_dodson on why we need an Accessibility Object Model when working with Custom Elements, including historical context. twitter.com/rob_dodson/sta…
cramforce Great proposal for “iframe promotion” by @triblondon.
Needed web primitive to allow AMP to show document URLs.
discourse.wicg.io/t/proposal-for…
Having Sir @timberners_lee congratulate one on one’s professorship, just as one does… Wholehearted congratulations, Prof@RubenVerborghgh! twitter.com/timberners_lee…pk
umaar Canary Update: Dynamic imports() in JavaScript are available 🎊 It works with async/await ✅ Nicer than appending <script> tags into the DOM 🆕 pic.twitter.com/E7jTzB450v
Web Components: The Long Game infrequently.org/2017/10/web-co… “…[I]t’s time to consider how and when you’ll transition to Web Components”.
wikileaks The face of Spanish democracy today: masked government agents seize ballot boxes and abuse voters in #CatalanReferendum pic.twitter.com/WUcxYwH8SU
aaltafaj Dear @JunckerEU & @TimmermansEU I urge you to stop complacency and intervene to protect Catalan EU citizens. Cc @MartinSelmayr @MargSchinas twitter.com/janneriitakorp…