Web Development Reading List #141: jQuery 3, Chillout.js, And How Technology Shapes Society

About The Author

Anselm is a freelance front-end developer who cares about sustainable front-end experiences and ethical choices in life. He writes the WDRL, and is co-founder … More about Anselm ↬

Email Newsletter

Weekly tips on front-end & UX.
Trusted by 200,000+ folks.

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 Hannemann is collecting everything that popped up over the last week in his web development reading list 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.

There are weeks where I don’t find articles for the “Going Beyond” section of the Web Development Reading List at all. And then there are weeks like this one, where two brilliant pieces show up that reveal so much about how we live together with new technology and how this shapes our society.

Along with a bunch of good tech articles, a great way to leave you for the next two weeks. Please note that I’ll be away on vacation next week, so there won’t be a summary next Friday.

News

  • Opera 38 (and Chromium 51) brings a lot of new ES6 features: iterable array-like DOM interfaces, passive event listeners, and the Intersection Observer API to track when a given element in the DOM enters or leaves the visible viewport.
  • Firefox 47 is out. It’s shipping Service Worker debugging, support for ::backdrop pseudo-elements, Widevine Content Decryption via EME for mp4, and the case-insensitive modifier i (like in [foo=bar i]) for CSS attribute selectors has also been added.
  • Finally, after months of waiting, GitHub announced official and full HTTPS support for their github.io user pages. While HTTPS itself has already worked for quite some time, the traffic from the CDN to the origin servers was not encrypted until now. With the update, you can now enjoy a fully encrypted site. Take care of mixed content, though, to not break pages in modern browsers.
  • WebKit now includes memory debugging in its web inspector. The announcement post shares how you can make use of it in your applications.
GitHub encryption
GitHub now officially supports HTTPS for all github.io user sites. (Image credit: GitHub)

General

Tools & Workflows

  • Firebug. The tool that has been replaced by Firefox’ native developer tools but nevertheless has wide-spread acceptance among developers. With Firefox’ switch to e10s (multi-process Firefox), however, the extension will no longer work, and its authors now announced that they won’t port it over as a new extension either. Instead, they will focus on providing a Firebug theme for native dev tools and improve those.
  • Andrey Okonetchnikov announced his new tool lint-staged which lets you lint all currently staged files in git.
  • Cloud Four announced Drizzle yesterday, a tool for generating pattern libraries and style guides.

Security

  • With the recent password leaks at LinkedIn, MySpace, Tumblr, and Twitter, it has once again become clear that we tend to forget about old passwords. And that’s because passwords are not very useful for authentication, especially since there are two parties involved that could do something wrong (the service provider storing the password, and the user choosing it). Drew Thomas elaborates on how we can improve authentication. A useful article with a great conversation in the comments section.

JavaScript

  • Chillout.js reduces the CPU usage in JavaScript by providing asynchronous iteration functions that have a Promise-based interface. No more “Warning: Unresponsive Script” alerts in the browser.
  • Firefox’ console tries to be more helpful with JavaScript errors. If it’s determinable, the console will now add a link to MDN (Mozilla Developer Network) to get more information about the error.
  • jQuery 3.0 is finally out. In the works since 2014 already, this is a huge step as it offers a slimmer, faster, and more modern approach than v1 and v2. There’s an extensive upgrade guide available as well as a new version of the jQuery migrate plugin.
  • Jack Franklin shares why it’s important to make your JavaScript “pure”. While we often use the easiest way to build a function, these approaches often fail in test scenarios. But they are avoidable by simple additions.
  • Promises: All The Wrong Ways” by Kyle Simpson shows common approaches with Promises and clarifies how to do better. Worth reading for everyone who’s dealing with Promises.

CSS/Sass

Going Beyond…

  • There’s evidence that new types of media consumption shape our society, yet we don’t see how it happens, because we tend to forget thinking about it. Currently, if at any moment reality gets dull or boring, our phones offer something more enjoyable, more productive, and even more educational than whatever reality gives us. But it also changes us on the inside. We grow less and less patient for reality as it is, especially when it’s boring or uncomfortable. “What’s at stake is our Agency. Our ability to live the lives we want to live, choose the way we want to choose, and relate to others the way we want to relate to them — through technology. This is a design problem, not just a personal responsibility problem.”
  • “There are many reasons why we give away our identities so easily. As far as searching is concerned, we are not used to see ourselves as clusters of missing information. And so we struggle to realize that we may easily be defined negatively, by all our wants. […] Our digital technologies are designed to make us feel relaxed about our lack of privacy.” — Luciano Floridi in his essay “The Self-Fulfilling Prophesy”.
The Self-Fulfilling Prophesy
“Algorithms have analyzed human identity for economic reasons. The result is dangerously removed from our reality.” A thought-provoking read by Luciano Floridi, Professor of Philosophy and Ethics of Information at the University of Oxford.

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

Further Reading

Smashing Editorial (ah, mrn)