Menu Search
Jump to the content X X
Smashing Conf New York

We use ad-blockers as well, you know. We gotta keep those servers running though. Did you know that we publish useful books and run friendly conferences — crafted for pros like yourself? E.g. upcoming SmashingConf Barcelona, dedicated to smart front-end techniques and design patterns.

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

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 SVG15
An interactive storytelling map using SVG and Canvas.

HTML / SVG Link

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 know 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,
Anselm

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 https://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 https://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/
SmashingConf New York

Hold on, Tiger! Thank you for reading the article. Did you know that we also publish printed books and run friendly conferences – crafted for pros like you? Like SmashingConf Barcelona, on October 25–26, with smart design patterns and front-end techniques.

↑ Back to top Tweet itShare on Facebook

Anselm Hannemann is a freelance front-end developer and architect. He curates WDRL — a weekly, handcrafted web development newsletter. Apart from that he helped the RICG, built opendevicelab.com and organizes the NightlyBuild 2015 conference in Cologne, Germany. He is available for freelance jobs.

  1. 1

    Thanks!

    here: “Given that most people don’t how to improve accessibility”
    should be: “Given that most people don’t know how to improve accessibility”

    I think.

    0
  2. 3

    And over 90% of the data is somehow aggregated by Google, leaving it with such an incredible dataset that should scare you.

    The web world is just like the real world in a stage where we yet don’t mind that only a very few rule the very most. We should desire more pluralism and have innovation and ideas driven by many more than just the biggest of the biggest. It’s no good thing to have companies and their leaders that are more powerful than most countries in the world and that leave a deep crater on the surface if they go belly up for some reason. Just don’t make it profitable to get bigger and bigger, keeping things medium sized is the best thing.

    3
    • 4

      Anselm Hannemann

      December 19, 2015 2:42 pm

      Otto, sadly it’s true that in the internet it’s just like in the real world. In fact, I think they even mix nowadays, leaving Google much more power in the real world than most of us could imagine.
      And that is what scares me a bit. I believe the web needs to get better at decentralizing data, at having universal, pluggable and independent solutions than everything in the cloud owned by one big company. We are the ones who can change that, yet we fail in so many occasions. I realized over the past weeks how much we rely on 3rd parties (CDNs, Email) often for no reason instead of choosing an independent solution that doesn’t cost more or is more effort to build on.

      1

↑ Back to top