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
- The WAI Forward1
- You, Me And The Emoji: Character Sets, Encoding And Emoji2
- GPU Animation: Doing It Right3
- A Beginner’s Guide To Progressive Web Apps4
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
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.
- Mathias Karlsson shows how easy it is to enable a
postMessageXSS on your site by integrating a sharing button13.
- 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 advertising14. 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 methods15 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 metadata16.
Web Performance Link
- Sergey Chikuyonok dives deep into the technical details of browsers and hardware to explain how to get GPU animation right17 and why it makes a big difference if we render animations on the CPU or on the GPU.
- Steve Souders explains why setting
asyncon a script can cause various issues and how
deferis different from that18. His conclusion:
defershould be your default choice over
- Chats are common these days, but how many of the web chats out there are accessible? Theodor Vararu shares patterns for accessible web chats21.
- Todd Motto wrote a tutorial on how to build a live calculator for a Tesla with Angular 2 reactive forms24.
[...'👨👩👦'] // ["👨", "", "👩", "", "👦"]or
- If you need to deal with different currency formats, it’s likely that some third-party library is in place. A powerful tool that can handle most conversions really well is
- Paul Kinlan introduces the Web Share API, a solution that allows websites to invoke the native sharing capabilities of the host platform28.
- Harry Roberts shares why you shouldn’t write
background: black;but be explicit with
background-color: black;. The shorthand syntax often unsets other properties that we never intended to modify33 and, thus, can cause unwanted side-effects.
- Remy Sharp explains how to properly build a close icon when using system fonts34.
xis just wrong, so use
Work & Life Link
- Cal Newport wrote about the concept of Deep Work and why it’s probably more efficient if you schedule your deep work in advance35 rather than just logging it on-the-go.
- Working long hours doesn’t mean someone has a good “work ethic”. Instead, it just means working too much. Jason Fried on what “work ethic” really is about36.
Going Beyond… Link
- Carole Cadwalladr discusses the struggles of services like Google and Facebook between freedom of the press and promoting fake news37. An interesting insight into how search results are influenced.
- Sarah Jones on tech moguls that claim that they want to remake the world and why they behaved as if they owe us no explanation for their decisions38 this year. A moral analysis of the startup culture.
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.
- 1 https://www.smashingmagazine.com/2014/07/the-wai-forward/
- 2 https://www.smashingmagazine.com/2016/11/character-sets-encoding-emoji/
- 3 https://www.smashingmagazine.com/2016/12/gpu-animation-doing-it-right/
- 4 https://www.smashingmagazine.com/2016/08/a-beginners-guide-to-progressive-web-apps/
- 5 https://dev.opera.com/blog/opera-42/
- 6 https://developers.google.com/web/updates/2016/08/removing-document-write
- 7 http://qa-financial.com/testing/companies/eu-ready-set-laws-accessibility-testing/
- 8 https://metrics.mozilla.com/firefox-hardware-report/
- 9 https://medium.com/samsung-internet-dev/announcing-samsung-internet-5-0-1ac2bfc14b78#.xl2j1qb4x
- 10 https://metrics.mozilla.com/firefox-hardware-report/
- 11 https://metrics.mozilla.com/firefox-hardware-report/
- 12 https://metrics.mozilla.com/firefox-hardware-report/
- 13 https://labs.detectify.com/2016/12/15/postmessage-xss-on-a-million-sites/
- 14 https://techcrunch.com/2016/12/13/disqus-lays-off-11-as-it-plans-a-deeper-focus-on-data/
- 15 https://www.wired.com/2016/12/200-filmmakers-ask-nikon-canon-sell-encrypted-cameras/
- 16 http://arstechnica.co.uk/tech-policy/2016/12/web-users-metadata-tracked-targeted-ads-leaked-draft-eu-law-reveals/
- 17 https://www.smashingmagazine.com/2016/12/gpu-animation-doing-it-right/
- 18 http://calendar.perfplanet.com/2016/prefer-defer-over-async/
- 19 https://theintern.github.io/
- 20 https://www.sitepen.com/blog/2016/12/13/accessibility-testing-with-intern/
- 21 https://accessibility.blog.gov.uk/2016/12/09/patterns-for-accessible-webchats/
- 22 https://www.sitepen.com/blog/2016/12/13/accessibility-testing-with-intern/
- 23 https://www.sitepen.com/blog/2016/12/13/accessibility-testing-with-intern/
- 24 https://toddmotto.com/building-tesla-range-calculator-angular-2-reactive-forms
- 26 https://www.smashingmagazine.com/2016/11/character-sets-encoding-emoji/
- 27 https://remysharp.com/2016/12/13/format-numjsor-es6
- 28 https://medium.com/dev-channel/introducing-the-web-share-api-40c69d93fe2a
- 29 http://stylelint.io/
- 30 http://mxstbr.blog/2016/12/linting-styles-in-js-with-stylelint/
- 33 http://csswizardry.com/2016/12/css-shorthand-syntax-considered-an-anti-pattern/
- 34 https://remysharp.com/2016/12/10/in-the-detail-close-button
- 35 http://calnewport.com/blog/2016/12/07/from-deep-tallies-to-deep-schedules-a-recent-change-to-my-deep-work-habits/
- 36 https://m.signalvnoise.com/work-ethic-e34bd63d2489
- 37 https://www.theguardian.com/commentisfree/2016/dec/11/google-frames-shapes-and-distorts-how-we-see-world
- 38 https://newrepublic.com/article/139147/year-silicon-valley-went-morally-bankrupt
- 39 https://wdrl.info/donate
- 40 https://wdrl.info/costs/