@enricoaltavilla Seems like the link broke. I’m OoO now, but if you DM me an AdWords customer ID I’ll create a deck for you once I get back.
ChromiumDev Alerts! A quick guide for notifying assistive technology of new content on the page. goo.gl/5w6Rg1 #A11ycasts
Chat app Signal now uses “domain fronting” (icir.org/vern/papers/me…, PDF) to circumvent censorship: whispersystems.org/blog/doodles-s…. Generalizable!
@Paul_Kinlan Funny how I had to hard-refresh to see the fix. Hat tip to your Service Worker ;-)
@Paul_Kinlan s/I 2015/In 2015/
Wasn’t aware that the Firefox Developer Tools had a dedicated Fonts tab: css-tricks.com/chrome-bias-fi…. twitter.com/MozDevNet/stat…
domenic If you have Chrome Canary, check out this interesting demo of a proposed Web RTC feature: webrtc.github.io/samples/src/co…
Big news in Safari’s Technology Preview release 20: “Enabled support for a modern CSS parser, ported from Blink”—Now port Service Worker 😉!twitter.com/webkit/status/…y
Sneak peek of #PWAssemble tool we’re working on-bit.ly/pwassemble-tag…R#PWAA (Slow cold-start b/o Heroku Free. Unaffiliated w/@tagesschauu.)
.@Paul_Kinlan Not sure what you’re after, but if it’s parsing _all_ sorts of Atom/RSS feeds, I can highly recommend github.com/danmactough/no….
fold_left Responsive, SVG based HAR waterfall viewer micmro.github.io/PerfCascade #speedmatters #webperf #webdev
umaar Dev Tips: DevTools: The new CSS Tracker Panel, an analysis of your used/unused CSS during page interaction: umaar.com/dev-tips/126-c… pic.twitter.com/64ir3EPrUt
rem 📅 “Faking progress (service worker edition)” remysharp.com/2016/12/20/fak… #20/24 ala last post but with Service Worker to notify network activity
@LDFragments to the rescue? lists.wikimedia.org/pipermail/wiki…. The suggestion on the thread is to send requests serially. // CC: @ma_kr @RubenVerborgh
justmarkup The (Not So) Secret Powers Of The Mobile Browser by @WalterStephanie smashingmagazine.com/2016/12/the-no…
@robertnyman I actually misread your typo as an on-purpose wordplay: yayments. Yay, Payment Request API in @MSEdgeDev! Yay, happy M\o/nday!
@mariadelmas Benvinguts! ❤️
nikgraf Didn’t fit in a ternary? Use do { } 👌
const a = do {
if(x > 10) {
‘big’;
} else {
‘small’;
}
};
babeljs.io/docs/plugins/t…
@_developit @mxstbr: @RubenVerborgh and I did similar research for a Chrome extension that implements xkcd 37: www2012.org/proceedings/no… [PDF]
codinghorror browserbench.org/Speedometer/ — Chrome 184, Edge/FF 64, iPhone7 111, iPad Pro 85, Pixel Phone (crash, but likely 30-ish)
mxstbr 🎉 The official @image_optim API!
💯 Never block a page load with images ever again; no manual optimizing needed!
imageoptim.com/api pic.twitter.com/Xnqus5zLQa
stefanjudis Good read on the journey of building a progressive web app. 👉 cloudfour.com/thinks/hey-hey… #webdev
andreban Find out how we are tracking PWA specific events on PWA Directory using Google Analytics! medium.com/@andreban/trac…
Power of open standards: @MSEdgeDev adds Payment Request API support—same JS interface as in@ChromiumDevv, but Microsoft Wallet behind. 💳twitter.com/MSEdgeDev/stat…C
RevealEU REVEAL Results Vol 1: Trial out #verification and analysis tools, lay your hands on code + data. Share, test + use! revealproject.eu/reveal-results…
@justmarkup I mostly use Winston: github.com/winstonjs/wins…. Might be even too powerful for most use cases, but still liking it.
If Service Workers exist, use Cache Storage. Else, fall back to App Cache-@adactioo being a good cache citizen. Approach via@patrickkettnerr.pic.twitter.com/Y6E5zv0U7gg
@SecureTheNews Can you add “all” known news sites to securethe.news/sites/ → List based on @Wikipedia categories: docs.google.com/spreadsheets/d…
ET Book—A Web font of the typeface used in Edward Tufte’s books:edwardtufte.github.io/et-book/A (viaresilientwebdesign.comg, CC:@RubenVerborghh)
@adactio @patrickkettner Yepp, the iframe App Cache trick, confirmed! hushlittleba.by/bundle.js and hushlittleba.by/appcache.html. pic.twitter.com/5g7OpSir4B
@adactio True, there’s a limit. Then I guess it’s just too up of a limit for my taste ;-) Again, very much subjective… Thanks for replying!
@adactio @patrickkettner IIRC the trick is using a dynamically added iframe. The manifest attribute indeed can’t be added dynamically.
@adactio Personally, I’d have an upper font-size limit w/ a media query. Anyway, thanks a _ton_ for writing this book and making it free! 📖👍
@adactio For the App Cache/Cache Storage thing: I liked @patrickkettner’s progressive enhancement approach: twitter.com/tomayac/status… (photo).
@adactio ① Very much subjective of course, yet font size diffs are huge. ② See both App Cache & Cache Storage usage. Feedback—not criticism!pic.twitter.com/shu2FYJv255
@adactio IMHO font-size: calc( 16px + (48 - 16) * ( (100vw - 320px) / ( 1200 - 320) )); is just too big on 30″ screens. #FirstWorldProblems
Great ebook idea—it’s a PWA even! Technically, why’s it mobile only (i/o mobile first) and use both App Cache _and_ Cache Storage,@adactioo?twitter.com/adactio/status…R
Great initiative of @FreedomofPress (whose Director’s @Snowden) to get news websites adopt HTTPS. I’m wondering how more sites can be added. twitter.com/nat__gross/sta…
Great explanation on emoji string lengths variations: contentful.com/blog/2016/12/0… (by @stefanjudis)
‘👨👩👦’.length // 8
Two <html> tags, two <body> tags: how @AMPhtml works around WebKit bugs in iOS. Hashtag #MadScience twitter.com/dalmaer/status…
Great post on when to register a Service Worker by @jeffposnick. An additional pattern would be to register late & repeat “missed” requests. twitter.com/jeffposnick/st…
malyw Chrome DevTools Update:
Timeline Landing Page.
Now you can find presets for different types of profiling with detailed option explanations pic.twitter.com/rFfmwKS345
Dissecting of WebPagetest’s Speed Index components (sites.google.com/a/webpagetest.…) by @speedyux: calendar.perfplanet.com/2016/speed-ind… (via @stoyanstefanov) 💨
notwaldorf I wrote a cheat sheet for Polymer! ✌️💝
meowni.ca/posts/polymer-… pic.twitter.com/e4ZXDDxdfz
“I read from a book that never ends. We’re writing a book together, all the time: [the Internet self]”-@Snowdenn inpscp.tv/w/ax8YhjY4ODkw…N
StandSnowden If you missed @Snowden’s live Q&A with @jack, don’t fret! You can watch it here: pscp.tv/w/1vOxwgnXeYLxB
Garan’s playing with the Google Slides API in AdWords/Apps Scripts: plemont.github.io//javascript/sl…. Useful as a pattern (less for a dashboard)…
github Resolve simple merge conflicts directly from your pull requests! github.com/blog/2293-reso… pic.twitter.com/tLonPkMB3j
@juristr I guess the actual focus of the post was the introduction of the Windows Traffic Shaper tool: github.com/WPO-Foundation…
justmarkup Get a custom endpoint for web push to use with IFTT or other services to receive notification in browser webpush.rocks
Testing with realistic network conditions is essential for your Web app’s success. This post lists some options: calendar.perfplanet.com/2016/testing-w… pic.twitter.com/kcPiwLnl29
“Browsix: Bringing UNIX to the Browser”—Paper:web.cs.umass.edu/publication/do…a [PDF] Code:github.com/plasma-umass/b…3. (via@igrigorikk).
Finally watching and reading up on the @Snowden interview with @katiecouric: yahoo.com/katiecouric/ex…. The page has a decent tl;dw write-up.
Absolute treasure trove of @ChromeDevTools tips by @umaar: umaar.github.io/devtools-optim… (use arrow keys). 👌 twitter.com/umaar/status/8…
MacStories have removed @AMPhtml support from their site as “[it] is already fast” and “no one messes with [their] permalinks”. //@cramforce twitter.com/viticci/status…
@xo4n Congrats on the .pl launch, looking forward to seeing HTTPS (& HTTP/2) go live on all TLDs (and your blog post with the learnings 😉).
mathias Prefer <script defer> over <script async>, says @Souders: calendar.perfplanet.com/2016/prefer-de…
@zuphilip @Lambo @adam42smith Pro-tip: make this sheet easier to maintain by leveraging my plug-in github.com/tomayac/wikipe… ➡️WIKIPAGEVIEWS()
addyosmani @cramforce @stoyanstefanov Just for funsies, here’s the median load time of the top 10 global mobile sites over 3G on a Moto G (WPT): pic.twitter.com/CeFDmx8DKW
aemkei Slides of my “3L3M3NT5” talk at @HolyJSconf are up: speakerdeck.com/aemkei/holyjs-…
Skip to #162 if you wanna know, how //VOID was done. twitter.com/aemkei/status/…
Made a @doodletweet bookmarklet for our ⚽️ team that uses the Doodle Wizard API to semi-automatically create Doodles-gist.github.com/tomayac/b9d5f1…Epic.twitter.com/wnMP3oFnDUU
addyosmani Totally Tooling Tips: Safari’s Code Coverage Profiler in 2 mins. Demo & chat about why it helps understand what JS has/hasn’t executed 🔥 pic.twitter.com/QjbtiMcif4
A ton of cool features in latest Chrome 56 Beta: blog.chromium.org/2016/12/chrome…. Particularly exciting: position:sticky & images in notifications.
igrigorik Building (Google) Assistant actions using API.AI: youtu.be/9SUAuy9OJg4 - ok, this is awesome. I know what I’m doing this weekend…
@tomayac @kangax Deep link: github.com/tomayac/pwasse…
@kangax We use it successfully for PWAssemble, a demo PWA creator tool. Working flawlessly 👍🏻. Thanks so much for creating it.
addyosmani Safari has a Code Coverage profiler in their Web Inspector! Visually displays what JS is & isn’t getting executed. Ace for 👓 control flow 🔥 pic.twitter.com/WJMgN26phk
Great article by @pbakaus on “Progressive Web AMPs” that explores all sorts of AMP⇄PWA patterns: smashingmagazine.com/2016/12/progre…
ESnextNews The State of Babel [past, present, future] @left_pad
babeljs.io/blog/2016/12/0… ^ar
@SRobTweets @hfmuehleisen Guess the actual power of this dataset would be to obtain & share insights on chronically empty/crowded stations.
“Analyzing New York City Biking Data with Google BigQuery” by @SRobTweets: cloud.google.com/blog/big-data/…. 🚴 #OpenData (CC: @hfmuehleisen)
A great Time Person of the Year. He is best. #MAGA </sarcasm> twitter.com/mediagalleries…
@aaranged @RubenVerborgh True. There are actually a couple more Actions: schema.org/Action. Usage is still low (100–1,000 domains).
Great tips for achieving a fast, 60fps parallax effect: developers.google.com/web/updates/20…. Check out all UI element samples: googlechrome.github.io/ui-element-sam….
Very excited about Chrome 55’s new features: developers.google.com/web/updates/20…. CSS hyphenation, async functions, Persistent Storage, Pointer Events,…
@aaranged @RubenVerborgh And you noted the point that some academics overlook: the hard decision which company’s action to list first. 💵
What @RubenVerborgh and I—with many others of course—have described in research papers is now live: structured markup-based actions#SemWebetwitter.com/aaranged/statu…GJ
joewalnes Firebug discontinued.
Firebug, I salute you.
You revolutionized web development and started the DevTools revolution
getfirebug.com
addyosmani Canary @ChromeDevTools added Timeline recording presets for automatically selecting the best config for different types of profiling work. pic.twitter.com/t0iTNR4wFd
Amazon have just implemented a real-life version of “What If?” Episode #31 what-if.xkcd.com/31/ named Snowmobile aws.amazon.com/blogs/aws/aws-…. pic.twitter.com/ofbUvWYBpw
@johnjoseph @kevinroose You can already do this with this Chrome extension: chrome.google.com/webstore/detai…. Create a custom replacement and enjoy!
The Call for Papers for the 8th @wsREST, co-hosted with @www2017Perth, is live: 2017.ws-rest.org/CfP. I’m on the Program Committee. #REST pic.twitter.com/nATnX1Pyka
gokul_i Turn on ‘Improved add to Home screen’ flag in chrome canary in #android to install #pwa as native app. pic.twitter.com/EiuxB9FNtg
umaar DevTools Tip: You can negate any advanced network filter. “-is:from-cache” will find all resources which were *not* loaded from a cache pic.twitter.com/HY6SwcS7pI
@DasSurma You should collect more examples and release it as overline.js (namespace ¯.*). Or maybe not ;-)
thejameskyle Published @yarnpkg blog post: “Lockfiles should be committed on all projects” yarnpkg.com/blog/2016/11/2…
PHDcomics Someone should make these phdcomics.com/comics.php?f=1… pic.twitter.com/TXxwrm1H5z
garethheyes Bypassing CSP using polyglot JPEGs blog.portswigger.net/2016/12/bypass…