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

You know, we use ad-blockers as well. 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. our upcoming SmashingConf New York, dedicated to smart front-end techniques and design patterns.

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

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.

Further Reading on SmashingMag: Link

News Link

  • Opera 42 (built upon Chromium 55) is out5 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 load6 over 2G connections.
  • The EU Parliament is now drafting a directive that will force private sector companies to accommodate disabled people when offering their goods7 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 use8. 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 released9. 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
10

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

Security Link

Privacy Link

Web Performance Link

Accessibility Link

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

JavaScript Link

Emoji.prototype.length — a tale of characters in Unicode31
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 Skenderović32)

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 donation39 or share this resource with other people. You can learn more about the costs of the project here40. It’s available via email, RSS and online.

— Anselm

Footnotes Link

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

↑ Back to top Tweet itShare on Facebook

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, subscribe to, and donate for.

  1. 1

    Hi, I’d like to add a little note on “powerful tool that can handle most conversions really well is toLocaleString” (since I don’t know how to leave comment in remysharp’s blog…)

    toLocaleString is available since ES3, so if you just need .toLocaleString(), you don’t even need ES6-supported enviroment

    However, its parameters (locales and options to format to), is a part of ES6. So, if you need option like minimumFractionDigits then yes, you need ES6-supported enviroment (or polyfill)

    Moreover, if you are interesting in Number format, then check out Intl.NumberFormat too. It shares the same specs with Number.prototype.toLocaleString (and same browser support), but a lot faster when format many numbers

    2
  2. 2

    Disqus .. guess which “external comment system” has been blocked for obnoxious behaviour for the last few years? .. yeah.

    No wonder they went that way. With us “baaaad” people blocking their shite all the time. Break-even? Only with ads.

    My comments are nastier, much more stingy AND honest via direct communication (mail, twitter PN and so on) anyway :)

    cu, w0lf.

    1
    • 3

      Anselm Hannemann

      December 18, 2016 5:44 pm

      Wolf, I’m happy to read your feedback via email if you think it’s a better way.

      But what I don’t understand is why people blocking Disqus should have lead the company into focusing on tracking (therefore forcing even more people to block it). Isn’t it rather that they didn’t have any pricing model for their service and, thus, no business model behind their solution?

      Cheers,
      Anselm

      3
  3. 4

    Interesting post to know about web development reading list. This is helpful to know about the wrap up my own list of things. This is also can be done easily using AngularJS.

    -11
  4. 5

    It’s very useful and good information. Glad to see more post from you.

    1
  5. 6

    Web accessibility is more critical than ever! Dedicated to accessibility in all forms, Emerge Interactive just launched an accessibility app checker: http://www.wcagchecklist.com/

    1
  6. 7

    Audit Assignment Help

    February 3, 2017 6:31 am

    Thanks a lot for the post. It has helped me get some nice ideas. I hope I will see some really good result soon.

    1

↑ Back to top