Web Development Reading List #141: jQuery 3, Chillout.js, And How Technology Shapes Society
Email Newsletter
Weekly tips on front-end & UX.
Trusted by 200,000+ folks.
Click here to kickstart your project for free in a matter of minutes.
Take a break with a 3D game built on Netlify!
Check the frontend report!
Start with a free demo —
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
::backdroppseudo-elements, Widevine Content Decryption via EME for mp4, and the case-insensitive modifieri(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.
General
- Maximiliano Firtman writes how irresponsible usage of iOS-specific meta tags can break your website for a lot of users.
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-stagedwhich 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
- Shaun Bent wrote about how BBC Sport serves their core CSS with less than 9KB file size. A great in-depth story sharing the principles of their development and product strategy from which we can learn a lot.
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”.
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
- How To Use Icons To Support Content In Web Design
- Icons As Part Of A Great User Experience
- 6 Easy Steps To Better Icon Design
- Easy Steps To Better Icon Design
(ah, mrn)
