Web Development Reading List #163: The End-Of-Year Wrap-Up

Smashing Conf San Francisco

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 San Francisco,
dedicated to smart front-end techniques and design patterns.

Only one week left until Christmas, and people already start freaking out again. No gifts purchased yet, work isn’t finished either, and suddenly some budget has to be spent until the end of the year. All of this puts us under pressure. To avoid the stress, I’ve seen a lot of people take a vacation from now until the end of the year — probably a good idea.

And while it’s nice to see so many web advent calendars, I feel like I’ve never written a longer reading list than this one. So save this edition if you don’t have much time currently and read it during some calm moments later this year or early next year. Most articles are still worth reading in a few weeks.

News Link

  • Opera 42 (built upon Chromium 55) is out1 and comes with a built-in currency converter, support for Pointer Events, JavaScript async/await, and CSS hyphens. document.write() on the other hand, will no longer load2 over 2G connections.
  • The EU Parliament is now drafting a directive that will force private sector companies to accommodate disabled people when offering their goods3 and services. This means financial firms will need to comply with WCAG and other accessibility standards soon.
  • Firefox has introduced Telemetry a while ago to its browser and now shares some details on what devices and hardware Firefox users use4. In September 2016, for example, 10% still used Windows XP while only 7% used macOS and 77% of the users still have Flash installed. The most common screen resolutions are 1366x768px and 1920x1080px. There are many more really interesting statistics in there, and we’ll have to see how this develops over the next few years. But for us web developers, this also highlights that we shouldn’t assume that people use QuadCore CPU, 8GB RAM machines but have “lower-end” devices instead. So be aware of this before you create fancy CPU/memory-consuming web applications that a user will not have fun with.
  • Samsung Internet browser 5.0 has been released5. It has some interesting new technologies built in, such as content provider extensions, 360? video, a QR code reader, and a video assistant.
Firefox Hardware Report

The Firefox Hardware Report76 gives insights into the hardware Firefox users are using. (Image credit: Firefox Hardware Report7)

Security Link

Privacy Link

  • A lot of us are using Disqus’ commenting system on their websites. It’s an easy way to add comments to your static website, but now Disqus announced that they need to lay off about 20% of their employees. But not only that, they will also change their strategy towards data collection and advertising9. Specifically, they elaborate on displaying ads in comments, and there are speculations that they will try to sell (anonymized) user data to advertisers to help them tailor their ads more precisely to users. Maybe time to reconsider if you really want to use the service.
  • The Freedom of Press Foundation has asked camera manufacturers to provide encryption methods10 for the stored data on the memory cards to help journalists in critical circumstances prevent leaks of their captured images.
  • According to a leaked draft, the new EPrivacy law of the European Union will allow companies to do behavioral advertising based on user metadata11.

Web Performance Link

Accessibility Link

Intern Accessibility17

Jason Cheatham explains how you can use the JavaScript testing tool The Intern for accessibility testing18. (Image credit: 19)

JavaScript Link

Emoji.prototype.length -- a tale of characters in Unicode26

We use emoji every day. But why do they work so well with JavaScript operations? Stefan Judis sheds some light into the dark. (Image credit: Marko Skenderovic27)

CSS/Sass Link

Work & Life Link

Going Beyond… Link

And with that, I’ll close for this week. If you like what I write each week, please support me with a donation34 or share this resource with other people. You can learn more about the costs of the project here35. It’s available via email, RSS and online.

— Anselm

  1. 1 https://dev.opera.com/blog/opera-42/
  2. 2 https://developers.google.com/web/updates/2016/08/removing-document-write
  3. 3 http://qa-financial.com/testing/companies/eu-ready-set-laws-accessibility-testing/
  4. 4 https://metrics.mozilla.com/firefox-hardware-report/
  5. 5 https://medium.com/samsung-internet-dev/announcing-samsung-internet-5-0-1ac2bfc14b78#.xl2j1qb4x
  6. 6 https://metrics.mozilla.com/firefox-hardware-report/
  7. 7 https://metrics.mozilla.com/firefox-hardware-report/
  8. 8 https://labs.detectify.com/2016/12/15/postmessage-xss-on-a-million-sites/
  9. 9 https://techcrunch.com/2016/12/13/disqus-lays-off-11-as-it-plans-a-deeper-focus-on-data/
  10. 10 https://www.wired.com/2016/12/200-filmmakers-ask-nikon-canon-sell-encrypted-cameras/
  11. 11 http://arstechnica.co.uk/tech-policy/2016/12/web-users-metadata-tracked-targeted-ads-leaked-draft-eu-law-reveals/
  12. 12 https://www.smashingmagazine.com/2016/12/gpu-animation-doing-it-right/
  13. 13 http://calendar.perfplanet.com/2016/prefer-defer-over-async/
  14. 14 https://theintern.github.io/
  15. 15 https://www.sitepen.com/blog/2016/12/13/accessibility-testing-with-intern/
  16. 16 https://accessibility.blog.gov.uk/2016/12/09/patterns-for-accessible-webchats/
  17. 17 https://www.sitepen.com/blog/2016/12/13/accessibility-testing-with-intern/
  18. 18 https://www.sitepen.com/blog/2016/12/13/accessibility-testing-with-intern/
  19. 19 https://www.sitepen.com/blog/2016/12/13/accessibility-testing-with-intern/
  20. 20 https://toddmotto.com/building-tesla-range-calculator-angular-2-reactive-forms
  21. 21 https://www.contentful.com/blog/2016/12/06/unicode-javascript-and-the-emoji-family/
  22. 22 https://remysharp.com/2016/12/13/format-numjsor-es6
  23. 23 https://medium.com/dev-channel/introducing-the-web-share-api-40c69d93fe2a
  24. 24 http://stylelint.io/
  25. 25 http://mxstbr.blog/2016/12/linting-styles-in-js-with-stylelint/
  26. 26 https://www.contentful.com/blog/2016/12/06/unicode-javascript-and-the-emoji-family/
  27. 27 https://www.contentful.com/blog/2016/12/06/unicode-javascript-and-the-emoji-family/
  28. 28 http://csswizardry.com/2016/12/css-shorthand-syntax-considered-an-anti-pattern/
  29. 29 https://remysharp.com/2016/12/10/in-the-detail-close-button
  30. 30 http://calnewport.com/blog/2016/12/07/from-deep-tallies-to-deep-schedules-a-recent-change-to-my-deep-work-habits/
  31. 31 https://m.signalvnoise.com/work-ethic-e34bd63d2489
  32. 32 https://www.theguardian.com/commentisfree/2016/dec/11/google-frames-shapes-and-distorts-how-we-see-world
  33. 33 https://newrepublic.com/article/139147/year-silicon-valley-went-morally-bankrupt
  34. 34 https://wdrl.info/donate
  35. 35 https://wdrl.info/costs/
Anselm Hannemann

Anselm Hannemann is a freelance front-end developer and architect and cares about sustainable front-end experiences and ethical choices in life. He curates the WDRL, a weekly handcrafted web development newsletter that thousands of developers love and subscribe to.

Related Articles

Powered by WPeMatico


  1. Thien December 16, 2016
  2. fwolf December 18, 2016
  3. Anselm Hannemann December 18, 2016
  4. JonesRay December 19, 2016
  5. anusha December 20, 2016

Leave a Reply