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 Hannemann1 is collecting everything that popped up over the last week in his web development reading list2 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. — Ed.
Each week when reviewing links I’m grateful that so many people write such great articles. Useful technical articles that help you resolve front-end issues, inspirational articles that motivate you to enjoy work again, and sort of “social” articles that reveal that there are still start-ups out there that do their best to be meaningful, and not just seeking an exit strategy to sell out. I’d love more people in the world think like that, embrace their employees’ work time, try to force workaholics to stop working, and build health monitors in the team.
- Only a few weeks after Node.js 4 was released, Node.js v5 has followed3. You can grab it now, but don’t worry – version 4 will still be supported and updated for a quite long time as it’s a long-term release. You can also read about the new version releases and what’s important4.
- Latest Chrome and Opera 335 now support
<link rel=preconnect>as well as extended sandboxed iframe options,
history.scrollRestoration, CSS intrinsic sizing6, Client Hints, and HKPK support.
- Firefox has released v427. It includes the new, more bullet-proof tracking protection in private windows, extended security and privacy settings, mute audio tabs instantly, and WiFi debugging in DevTools.
Concepts & Design Link
- The Awesome collections got a new member: Awesome Stock Resources8 with a comprehensive overview of freely available stock photos and videos.
- For me personally this is a very annoying thing: deprecated, abandoned branches in git repositories. A how to mass-delete local and remote branches10 is a good round-up of solutions to this problem, and just a good reminder to keep things clean and focused.
- The new AVA test runner11 finally enables us to run tests much faster as it uses concurrency. You might want to check it out for your next project.
- With iOS 9 Apple has introduced a new kind of WebView. A hint: with an iOS app you can test all available WebViews on iOS12 easily.
- Snyk13 finds and fixes known vulnerabilities in your Node.js dependencies. Also check out nsp14 which also can help you find vulnerabilities in your node.js applications.
Web Performance Link
- Dean Hume describes how to create dynamic reponsive images with WebP or JPEGXR images using Service Workers15.
- Learn how to create and remove DOM Event Listeners the proper way16.
- You can use Segment17 to animate your SVG path strokes easily. It’s a tiny library, so if you need only this functionality, consider using it instead of big libraries like GSAP.
- Ditch jQuery or use the upcoming release of jQuery 3? This question might keep you busy for a while. But jQuery is still relevant and you need to understand what jQuery is good for18. It’s not just a DOM wrapper.
- The Pointer Events Polyfill is now available in version 0.4.019 which improves support for Webpack, Browserify and many small fixes.
Work & Life Link
- “Workaholics aren’t heroes.20 They don’t save the day, as they just use it up. The real hero is somebody who leaves work at work and comes home earlier because she figured out a faster way.” On how we all should put more focus on our work and get more spare time.
- Kickstarter’s Yancey Strickler speaks about the recent move of the company to become a public benefit corporation. He talks about venture capital, the poisonous urge to profit maximisation, idealism and how important it is for a company and people to not out-sell its values21.
- Atlassian shares thoughts on establishing a health monitor in your project team22.
Go beyond… Link
- Make Me Uncomfortable: The Discomfort Zone23 at Epicurrence was a new and interesting experience for Jessica Collier, she says.
- One of the founders of Basecamp reflects on whether we should aim for owning the universe or rather focus on the one thing we want to actually solve24. Because a lot of start-ups nowadays hardly focus on really making something better.
And with that I’ll close for this week. Please feel free to support me with a donation25 or share this resource with other people. You can learn more about the costs of the project here26. It’s available via E-Mail, RSS and online.
Thanks and all the best,
- 1 /author/anselm-hannemann/?rel=author
- 2 https://wdrl.info/
- 3 https://nodejs.org/en/blog/release/v5.0.0/
- 4 https://nodejs.org/en/blog/community/node-v5/
- 5 https://dev.opera.com/blog/opera-33/
- 6 https://drafts.csswg.org/css-sizing-3/
- 7 https://www.mozilla.org/en-US/firefox/42.0/releasenotes/
- 8 https://github.com/neutraltone/awesome-stock-resources
- 9 /wp-content/uploads/2015/11/ava-large.png
- 10 https://stackoverflow.com/questions/2003505/delete-a-git-branch-both-locally-and-remotely/23961231
- 11 https://github.com/sindresorhus/ava
- 12 https://itunes.apple.com/us/app/webview-wkwebview-uiwebview/id928647773?mt=8
- 13 https://snyk.io/
- 14 https://github.com/nodesecurity/nsp
- 15 http://deanhume.com/Home/BlogPost/service-workers–dynamic-responsive-images-using-webp-images/10132/
- 16 https://www.webreflection.co.uk/blog/2015/10/22/how-to-add-dom-events-listeners
- 17 https://lmgonzalves.github.io/segment/
- 18 http://developer.telerik.com/featured/jquerys-relevancy-there-and-back-again/
- 19 http://blog.jquery.com/2015/11/05/pep-0-4-0/
- 20 https://madebysidecar.com/journal/standards-work-to-live
- 21 http://www.theguardian.com/technology/2015/nov/03/kickstarter-chooses-public-good-over-private-riches
- 22 https://www.atlassian.com/inside-atlassian/project-team-health-monitor
- 23 https://medium.com/@verbagetruck/discomfort-zone-talking-diversity-at-epicurrence-ba77fda4a784
- 24 https://signalvnoise.com/posts/3972-reconsider
- 25 https://wdrl.info/donate
- 26 https://wdrl.info/costs/