Web Development Reading List #117: Storytelling, Security in Devtools and 350ms Tap Delay

Web Development Reading List #117


What’s going on in the industry? What new techniques have emerged recently? What insights, tools, tips and tricks is the web design community talking about? Anselm Hannemann1 is collecting everything that popped up over the last week in his web development reading list2 so that you don’t miss out on anything. The result is a carefully curated list of articles and resources that are worth taking a closer look at. — Ed.

The end of the year is near and some people are enjoying their well-deserved holidays already. For others, the pressure increases when managers or clients want to finish a project before Christmas. And then, the Christmas and New Year celebrations — so many things to prepare, to buy, to think of. I hope you either belong to the ones who can enjoy their vacation already or that you can stay calm while having a stressful time. Try to take your time with friends and beloved ones and enjoy some moments of silence.

News Link

Tools Link

Security Link

Privacy Link

  • This week I read that web analytics services are about to track emotions11. And indeed it’s relatively easy to detect if a smartphone has been thrown (Device Orientation API), if a user clicks angrily on the screen with the mouse. It just hasn’t been done yet.
  • Ibrahim Altaweel, Nathaniel Good, and Chris Jay Hoofnagle repeated a research from 2012 to see how many trackers the TOP100 websites use. They found out that dozens of cookies are set on each site to track users12, fingerprinting methods and other techniques are widely used as well. And over 90% of the data is somehow aggregated by Google, leaving it with such an incredible dataset that should scare you.

Web Performance Link

  • Until now, WebKit and Safari on iOS have a 350ms delay before single taps activate links or buttons to allow people to zoom into pages with a double tap. Chrome changed this a couple of months ago already by using a smarter algorithm to detect that and now WebKit will follow with a similar approach13. The article gives some great insights how browsers work with touch gestures and how browsers can still get so much smarter than they are today.
  • With his last part, Denys Mishunov gives us some great techniques to cover up unavoidable waiting times on websites14 to make it a convenient experience for the users.
An interactive storytelling map using SVG and Canvas.


Accessibility Link

  • Rodey Rehm has published19 a new open source library to enhance your website’s accessibility: ally.js20. It took him months to build this — now he tells you how to properly handle a modal’s focus behavior.
  • Given that most people don’t how to improve accessibility on their site or application, here are some important basics that are extremely easy to implement21. Next time you build something, consider incorporating those few thingies.

JavaScript Link

Work & Life Link

  • It’s anything but easy to organize an event. Compared to what we can read about web development, there are only few resources that explain what it means to run an event. Marc Thiele now wrote up a few things24 that happen in the background of his events.
  • Most of us haven’t quite realized there is something extraordinary happening. The world is changing and it’s only the start25. Our society is moving away from normal employment and classic entrepreneurship models, and there are many more things that change slowly but steadily.

Go beyond… Link

  • Peter Sunde, the founder of pirate bay, has published a few things to think about26. I disagree with a lot of things in the article and really hope that we figure out better ways than letting a country “crash” to make things better, but he definitely has also some points when he says that we keep breaking the internet. I’m optimistic and hope that we together can fix this.

And with that, I’ll close for this week. In case you like what I write, please support me with a donation27 or share this resource with other people. You can learn more about the costs of the project here28. It’s available via E-Mail, RSS and online.

Thanks and all the best,


Footnotes Link

  1. 1 /author/anselm-hannemann/?rel=author
  2. 2 https://wdrl.info/
  3. 3 https://developer.mozilla.org/en-US/Firefox/Releases/43
  4. 4 https://developer.mozilla.org/en-US/docs/Web/CSS/hyphens
  5. 5 https://developer.mozilla.org/en-US/docs/Web/API/Screen/orientation
  6. 6 http://w3c.github.io/webappsec/specs/subresourceintegrity/
  7. 7 https://helloanselm.com/2015/see-the-progress/
  8. 8 http://www.opera.com/blogs/mobile/2015/12/force-enable-zoom-opera-34-for-android/
  9. 9 http://blog.printf.net/articles/2015/05/29/announcing-gittorrent-a-decentralized-github/
  10. 10 https://developers.google.com/web/updates/2015/12/security-panel
  11. 11 http://thenextweb.com/insider/2015/12/14/web-analytics-are-about-to-get-seriously-next-level-with-emotion-tracking/
  12. 12 http://techscience.org/a/2015121502/
  13. 13 https://webkit.org/blog/5610/more-responsive-tapping-on-ios/
  14. 14 http://www.smashingmagazine.com/2015/12/performance-matters-part-3-tolerance-management/
  15. 15 http://tympanus.net/codrops/2015/12/16/animated-map-path-for-interactive-storytelling/
  16. 16 http://tympanus.net/codrops/2015/12/16/animated-map-path-for-interactive-storytelling/
  17. 17 http://w3.eleqtriq.com/2015/11/svg-partial-blur/
  18. 18 http://baymard.com/blog/mobile-touch-keyboards
  19. 19 http://www.smashingmagazine.com/2015/12/making-accessibility-simpler/
  20. 20 http://allyjs.io/
  21. 21 https://www.marcozehe.de/2015/12/14/the-web-accessibility-basics/
  22. 22 https://remysharp.com/2015/12/14/my-node-test-strategy
  23. 23 http://adrianroselli.com/2015/12/responsive-progressive-accessible-vanilla-search.html
  24. 24 http://beyondtellerrand.com/blog/an-events-lifecycle
  25. 25 https://medium.com/the-global-future-of-work/there-is-something-extraordinary-happening-10492495c715#.h2gznsihu
  26. 26 http://motherboard.vice.com/read/pirate-bay-founder-peter-sunde-i-have-given-up
  27. 27 https://wdrl.info/donate
  28. 28 https://wdrl.info/costs/
American Fido, LLC is not responsible for the opinions and commentary presented in the publishing of these articles.
(Visited 1 times, 1 visits today)