Great day w/ @trivago_tech today. Such a pleasure to see you folks put our rec’s into practice. Further reading: gist.github.com/addyosmani/446…. pic.twitter.com/CZAeqJM6b9
owencm Why I think the URL bar is bad UX 💔, and what the constraints are of site identity and linking on the web: medium.com/@owencm/rethin… 🙇
addyosmani The @ChromeDevTools Console now supports multiple carets, column selection, word matching & many Sublime Text keyboard shortcuts 🔥 pic.twitter.com/CO9ebsDWtY
Just as @hfmuehleisen releases @computerthinks, Yahoo release an NSFW Caffe model. Coincidence? I think not..twitter.com/ydn/status/781…S1
@hfmuehleisen Nice bot 👍🏻 The bio link 404s, though. Did you compare caffe.berkeleyvision.org with cloud.google.com/vision/ and TensorFlow?
umaar JavaScript Route-based chunking - gist.github.com/addyosmani/446… Nice and short post by @addyosmani on code splitting based on routes. Useful read pic.twitter.com/bXmF9ND1to
Amazing list of Chrome Developer Tools tips: medium.freecodecamp.com/10-tips-to-max… Monitor events:
monitorEvents($(‘selector’));
(via @sw12 @rob_dodson)
maxlath here is all it took to transition @inventaire_io from SPDY to HTTP/2.
#nginx <3 pic.twitter.com/nifabNYwZC
Google blog feed readers rejoice, @JohnMu has filed a bug to get the feeds fixed (i.e., back to full). //CC: @feedly twitter.com/JohnMu/status/…
@feedly Personally, I don’t have a contact, but @JohnMu might?! Seems to concern all @Google blogs, all feeds are truncated :-/
If you’re dumbing down your RSS/Atom feeds, you’re doing it wrong. Looking at you, new @Google blogs: webmasters.googleblog.com/2016/03/an-upd…. ❤️ @feedly! pic.twitter.com/pjwHwfxXRH
mahemoff Emoji silhouettes in CSS
stackoverflow.com/q/32413731/187… pic.twitter.com/C91L8vHXoZ
It’s incredible how the Chrome Developer Tools have improved over the years: github.com/ChromeDevTools…. twitter.com/umaar/status/7…
googleresearch Some research exploring data compression via Recurrent Neural Networks, and the release of the #TensorFlow model - goo.gl/RO2YbV pic.twitter.com/94pi9AtFdd
nicolastorzec Google adds experimental support for marking up “Science Datasets” on the Web: provenance, content, distribution… developers.google.com/search/docs/da… twitter.com/aaranged/statu…
Progressive Web Apps: the case of codetalks.de—Slides:docs.google.com/presentation/d…M. PWA:bit.ly/codetalks-pwaj.@codetalkshhh#codetalkshhh 👷⚙pic.twitter.com/QlL6BehgOmm
@MarFnk No offense! Definitely more loving it ❤️. Slide no. 6 of docs.google.com/presentation/d… is for you! Just add caching and gzipping 😉.
There was no Progressive Web App for @codetalkshh, so I built one. Learn more at 12:00 CEST, in K6-codetalks.de/2016/programm/…n#codetalkshhh#pwaapic.twitter.com/HfpxNfETEZZ
rmondello STP 14 is out! Really cool: it enables the Custom Elements API and includes its own WebDriver implementation! webkit.org/blog/6969/rele… pic.twitter.com/8uKhLrpuzE
@jsalsman The code has not been adjusted yet to reflect Twitter’s new length calculation logic: recode.net/2016/9/19/1297….
umaar Dev Tips: #DevTools: (Canary) Customise the Network Response Header columns to focus on headers you care about - umaar.com/dev-tips/115-m… pic.twitter.com/nAfXqs7Y7V
@vambenepe It’s definitely annoying. Probably caused by their new tweet length calculation approach: recode.net/2016/9/19/1297….
I wish more Web app developers were respectful of their users & used a polyfill loader as described by @philwalton. twitter.com/philwalton/sta…
rauschma ; before self invoking function
reddit.com/r/javascript/c…
Proposal for named capture groups in JavaScript regular expressions: /(?<year>\d{4})-(?<month>\d{2})/-(?<day>\d{2})/ twitter.com/littledan/stat…
malyw ES7 async/await landed in Chrome
(before was under the “Experimental JavaScript” flag)
ponyfoo.com/articles/under… pic.twitter.com/uE8jBb9vLB
tdp_org If youre interested in @ChromiumDev supporting Cache-Control: immutable, please consider voting for it (click the ☆) bugs.chromium.org/p/chromium/iss…
DasSurma I updated my “Setting up HTTP/2” blog post with new tools and more instructions for different servers!
surma.link/things/h2setup/
addyosmani @addyosmani friendly reminder `npm run` will list npm scripts that can be run from your package.json file: pic.twitter.com/VZNXhygUJR
pantojacoder Our efforts to improve Pageview API REALLY paid off. Get started retrieving data for #Wikipedia’s pageviews here: tinyurl.com/hfuejby pic.twitter.com/EZlgnrxhoG
Interesting move given that @Microsoft are both a browser vendor w/ @MSEdgeDev and a search and ads business w/ @bing..twitter.com/msedgedev/stat…yD
jospang I just published a long piece about the @RevealEU workshop #smvw16. Including many #UGC #verification tools & demos revealproject.eu/reveal-worksho… pic.twitter.com/IRctibQKpz
Yay, <details> is incredibly useful, recently tweeted about it mobile.twitter.com/tomayac/status… and now Firefox supports it. twitter.com/MozDevNet/stat…
@andreapernici @justmarkup Yet I’m more on the @mrmrs_ camp if I can choose (but do see how others would disagree). twitter.com/mrmrs_/status/…
CSS font-family fallback rule stack to use the operating system’s particular default system font for speed & beauty. twitter.com/justmarkup/sta…
Twitter rules changes reflected in official @Twitter app but not @echofon yet: quoted tweets (don’t) use up chars..pic.twitter.com/7kKVBeFaEYEY
ChromiumDev ⏰ Reminder: Chrome Dev Summit 2016 registrations open at 10am PT
developer.chrome.com/devsummit
@RubenVerborgh +1! Now where’s your Service Worker? I’m trapped in this expensive 1&1 package where they won’t let you use external certs…😔
Definitely the most fun way to see the publications @RubenVerborgh & I have worked on together. Your turn, Google Scholar ;-) twitter.com/rubenverborgh/…
As of @googlechrome 54 my <trump-hat> Custom Element just works. This changes everything..tomayac.github.io/trump-hat/Ya pic.twitter.com/qzLUo40klGlG
TwitterEng Here’s how we safely deploy our widgets javascript so Twitter content appears seamlessly on your website: blog.twitter.com/2016/how-twitt…
MozDevNet [Performance] Cache-Control: immutable ships in Firefox 49. Blog post: bitsup.blogspot.de/2016/05/cache-…
Great blog post by @eBay’s @senthil_hi on their @AMPhtml pages w/ outlook on future features-ebaytechblog.com/2016/09/21/exp…bpic.twitter.com/oyLngBNR2MM
@tistre @pantojacoder Yes, true, but there are other options: html.spec.whatwg.org/multipage/comm….
@tistre @pantojacoder Wait, are your events user-dependent? Then maybe(?) SSE is the wrong tool—SSE is great for broadcasting-type messages.
Good article by the @guardian on @Snowden rectifying some of the @washingtonpost’s claims-theguardian.com/commentisfree/…z (via@stilkovv@trevortimmm)
Not just me wondering why Server-Sent Events never gained more traction. I used them in wikipedia-edits.herokuapp.com. twitter.com/pantojacoder/s…
For the sake of accessibility please use native HTML elements, as brilliantly demonstrated by @rob_dodson in youtube.com/shared?ci=Gueg…. #A11Y
“[F]or many kinds of pages, we think the @AMPhtml version is the only version we’ll ever need”-amphtml.wordpress.com/2016/09/20/a-f…h Cf. Reddit going AMP.
If you’ve nested JavaScript Promises in the code, you’re potentially doing it wrong: philipwalton.com/articles/untan… Touché: github.com/amir20/phantom…
@e2b Fair enough, so limit it to, say, three @-mentions—mentioning you@e2bb (4 chars) vs.@realDonaldTrumpp (16 chars) is quite a difference…
The circle closes: Steve on Web apps: youtu.be/ZlE7dzoD6GA?t=… Steve on App Store youtu.be/x0GyKQWMw6Q?t=… Alex on PWA youtu.be/MyQ8mtR9WxI?t=…
“Change to char limit is that usernames will no longer count […] at the beginning of repliestheverge.com/2016/9/12/1289…KlN Why not everywhere? 🤔
@kdzwinel Just curious, how did Inkscape (as a free as in 🍺 tool) perform compared to SketchApp, if you’ve tried?
malyw Chrome adds CSS “hyphens” rule support, which makes it cross-browser
caniuse.com/#feat=css-hyph…
chromestatus.com/features/56421… pic.twitter.com/8k3vbI6VYs
@andreapernici @cramforce @pbakaus I have pinged a couple of people internally. Apparently the conversation was blocked due to vacation.
You’ve probably seen ohshitgit.com earlier this week, but did you note the update?
> git reflog
> git reset HEAD@{idx}
Meet the responsive CSS units vmin/vmax (apart from the better known vw/vh): thenewcode.com/1137/MinMaxing… (via @brucel’s brucelawson.co.uk/2016/reading-l…)
Google’s several Cloud APIs (Vision, Speech, Natural Language) can now all be easily tested online: cloud.google.com/blog/big-data/… ☁️
On Yelp going full HTTPS, encouraging @YelpEngineering post! (via @dalmaer @emschec, CC: @trivago_tech) twitter.com/YelpEngineerin…
umaar Chrome DevTools Tips and Tricks - codepen.io/TheodoreVorill… - Ten tips with animated gifs on lesser known features pic.twitter.com/BlS8y6yYp6
In-depth slides on Flipkart’s performance optimizations like above-the-fold server-side rendering (via @paul_irish). twitter.com/adityapunjani/…
amnestypress Why @POTUS must pardon @Snowden - Amnesty statement on new #PardonSnowden campaign amnesty.org/en/latest/news… pic.twitter.com/wTgQyYbiKv
.@maltewill asked about my email etiquette—it all boils down to plain text inline reply w/ Usenet-style trimming:en.m.wikipedia.org/wiki/Posting_s…O 📧
Full set of CacheQueryOptions supported in the Cache Storage API starting with Chrome 54: developers.google.com/web/updates/20…—by@jeffposnickk 👍🏻
3rd-parties can install “foreign-fetch” Service Workers w/ Link header & roll their own cache logic: developers.google.com/web/updates/20…—by@jeffposnickk
The future of Web fonts is bright—Introducing OpenType variable fonts:medium.com/@tiro/https-me…Z (in-depth) &opensource.googleblog.com/2016/09/introd…v (tl;dr).
rob_dodson @tomayac @polymer We’ll still provide helper methods but ideally the library gets much smaller. No more polyfills :)
@rob_dodson #AskPolymer Once all Web Components features are broadly and correctly supported in all major browsers, is @polymer’s job done?
@samccone @paul_irish @chchrist Could this (going through about:blank on reload) be part of the disable cache checkbox behavior?
ChromeDevTools Now in Canary: Shadow Editor pic.twitter.com/Yul66JmNDk
addyosmani New Network View in @ChromeDevTools Timeline is 👌 for seeing network requests next to JS stacks, paint & memory. pic.twitter.com/yLTAjSyCxS
maxlath your monthly reminder to switch to uBlock Origin
Firefox: addons.mozilla.org/en-US/firefox/…
Chrome: chrome.google.com/webstore/detai… twitter.com/nixcraft/statu…
richardbaxter I think progressive web apps are an exciting prospect for site+app. builtvisible.com/progressive-we…
matthewlmcclure xkcd: “A Timeline of Earth’s Average Temperature” xkcd.com/1732/
The definitive answer from one of the brains behind Progressive Web Apps: What, exactly, makes something a #PWA? 🤔 twitter.com/slightlylate/s…
Fun analysis by @SRobTweets of presidential election tweets. Uses @mathias’ emoji regex: github.com/mathiasbynens/…. twitter.com/SRobTweets/sta…
Hey @github, why not steal this idea with pride and make it GitHub-native? twitter.com/mourner/status…
Can’t reiterate this enough: when you track your website’s 📱 performance (everyone should), track the right moments! twitter.com/addyosmani/sta…
AndyDavies Safari’s debug menu… enable with - defaults writcom.appleRa.Safari IncludeInternalDebugMenu pic.twitter.com/HUZMaw8mhWhW
rauschma @nolanlawson @tomdale What works surprisingly well for me, taste-wise, is doing what the majority does on GitHub: sideeffect.kr/popularconvent…
Non-document-root scroller github.com/bokand/NonDocu…—Proposal to fix scroll behavior w/ single page appsdocs.google.com/document/d/11k…s HT@cramforcee
polymer Polymer 2.0 is just starting to come together. For a very early look at what’s coming, check out: polymer-project.org/1.0/blog/2016-…
From a “CSS sprite monster” to inline SVGs, an in-depth blog post by @trivago_tech: tech.trivago.com/2016/09/05/inl…. Speed matters 💨
umaar Itsy Bitsy Data Structures github.com/thejameskyle/i… - Simple examples of common data structures written in JavaScript pic.twitter.com/jGFyciiPc6
owencm Truly remarkable progress in Text To Speech and audio generation in general deepmind.com/blog/wavenet-g…
Analyzing olympics-related tweets with the Cloud Natural Language API cloud.google.com/blog/big-data/… Full Emoji Data, v3.0 unicode.org/emoji/charts/f…
ChromeDevTools Learn about the latest performance tooling improvements in this month’s DevTools Digest developers.google.com/web/updates/20…
ebidel Neato. Using CSS custom properties to reduce vendor prefixing. twitter.com/leaverou/statu…
kdzwinel Safari 10 release notes 😍 Fantastic job @webkit 👏
developer.apple.com/library/prerel…
karpathy New blog post: “A Survival Guide to a PhD” karpathy.github.io/2016/09/07/phd/
“If you’ve ever wanted to make minor changes before merging a [@github] pull request, now you can”-github.com/blog/2247-impr…V Game changer!👍🏻
jdalton Found PurifyCSS. It’s pure magic ✨ 🌝
github.com/purifycss
dalmaer ★ Expectations: a user taps on an icon on the home screen. what are their expectations? #WorldsColliding #NotSimple
medium.com/ben-and-dion/e…
Amazing, add emoji support to the macOS built-in Dictionary app: github.com/gingerbeardman… 🎉👯 (via emojipedia.org/app/)
@codetalkshh peeps, I’ve a free code left for this year’s code.talks (codetalks.de): “ThomasSteiner-speaker-50-da24a”. Fair use!
Helped with an AdWords Scripts workshop yesterday & the day before yesterday. All material: g.co/AdWordsScripts…. pic.twitter.com/TbT1No4JRb
Chrome 53 to warn about (54 to tentatively block) potentially render-blocking document.write script insertion on ≤2G-developers.google.com/web/updates/20…o
amyngyn I like how this xkcd is seemingly about time travel but actually about hardcore mansplaining xkcd.com/1716/ pic.twitter.com/Ls8k0hHt10
Some of the narrative is a bit off and “Google-only”-sounding, but technology-wise an excellent example of PWA work! twitter.com/ChromiumDev/st…
From the Urchin retrospective (now Google Analytics): “If you want to make someone read your email, make it short!” twitter.com/somebitsLinks/…
codetalkshh @tomayac wird uns in seinem Talk zeigen, wie wichtig Progressive Web Apps für die Zukunft des Mobile Webs sind! See: bit.ly/2cdC5ez
_abhinavrastogi @TheLarkInn @slightlylate @threepointone In case you missed this one, here is the before and after of our timeline! pic.twitter.com/XFfRlM6xTg
@owencm @rob_dodson @ebidel @samccone OK w/ “skeleton”, albeit sounds morbid 💀. “Loading state” is the request state, but not what you see…
@owencm @rob_dodson @ebidel @samccone Whatever term sticks, in my humble opinion “placeholder” or “proxy” should be part of it…
Designing great UIs for Progressive Web Apps by @owencm: medium.com/@owencm/design… Pro-tip for iOS system font usage: webkit.org/blog/3709/usin…
@owencm @rob_dodson @ebidel @samccone How about “proxy UI element” pattern?
kdzwinel WTH I have never used @ChromeDevTools timeline to inspect page loading performance?? So many details 😍 pic.twitter.com/56U1CxusOq
@ebidel @samccone I’ve adopted “tombstone” from @DasSurma’s developers.google.com/web/updates/20….
Rewatching Steve Jobs introduce iOS Web Apps in 2007 as a “one last thing”: youtube.com/watch?v=v1BL8d…. We’ve come a long way…
slightlylate This is an INCREDIBLY modern PWA. So much forward-thinking tech: “Housing Go - Behind the Screens” by @ritz078 medium.com/engineering-ho…
Released jshintrc & jscsrc configs for @JSHint‘ing & @jscs_dev‘ing your AdWords Scripts/Apps Scripts: github.com/tomayac/apps-s… @googleappsdev
@Paul_Kinlan Yeah, I noticed the mistake halfway through… And then, there i@Business_Kinlanan…
@mgiuca @PaulKinlan Probably ignoring tons of prior work and experiences w/ Web Intents—apologies in advance—but thought I’d get this out.
@mgiuca @PaulKinlan Ultra-raw idea: s/Web Share/Web Actions/, start w/ share action, but w/ expandability in mind. twitter.com/tomayac/status…
navigator.actions.addEventListener(‘share’)✓
navigator.share→navigator.actions.share
“supports_share”→”actions”: [“share”]
💭expandability!
rob_dodson Just published Part 2 of the Case for Custom Elements. Exploring VDOM, SSR, and a ton of other topics.
medium.com/@robdodson/the…
Welcome simplification in the SVG spec to no longer require xlink:href namespaced attributes—now coming to browsers.twitter.com/heycam/status/…S
On the receiving end, Web apps declare actions in manifest, listen via the Service Worker: github.com/WICG/web-share…. twitter.com/Paul_Kinlan/st…
New experiments around Web sharing. On the sharing end, I’d root for a share: URI scheme for simplicity reasons. twitter.com/Paul_Kinlan/st…
dalmaer “Pantsuit is Hillary for America’s internal design system.” medium.com/git-out-the-vo…