Web Development Reading List #155: On JSPerf, Client Hints, And Keeping The Balance

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 ↬

As people working in front of a screen all day, we often struggle to find the right balance. I’m not talking about work-life balance alone here, but of how our life that is completely virtual during the day often causes us to not take real life into account. We tend to forget that our bodies need something else than coding all day. And we need to take care of our fellow human beings in real life as well. Just think about this number: The average US person will spend over 9 hours in front of a screen today. Time to become more aware of how we can keep the balance between the virtual and the real world.

As people working in front of a screen all day, we often struggle to find the right balance. I’m not talking about work-life balance alone here, but of how our life that is completely virtual during the day often causes us to not take real life into account.

We tend to forget that our bodies need something else than coding all day. And we need to take care of our fellow human beings in real life as well. Just think about this number: The average US person will spend over 9 hours in front of a screen today. Time to become more aware of how we can keep the balance between the virtual and the real world.

Further Reading on SmashingMag:

News

  • Do you remember jsPerf? It has been down for years (due to spam), now it celebrates its revival. Finally a chance to use this great, great tool again.

Concept & Design

Error messages
The choice of words is only one of the aspects to be careful with when designing error messages for mobile. (Image credit: Prince Pal)

Tools & Workflows

  • Automated browser testing usually causes a lot of trouble and custom build solutions. TestCafé now tries to solve this with a Node.js tool that takes care of all the stages: starting browsers, running tests, gathering test results, and generating reports without the need for a browser extension.

HTML & SVG

  • Jason Grigsby explains how we can use Client Hints for responsive images. With Client Hints, the browser can tell a server via HTTP headers what types of content it prefers based on information about the device pixel ratio, viewport width, and width of the image element on the page. This allows the server to serve the most appropriate image back to the client.

Client Hints
Client Hints can make the task of creating responsive images much easier.

JavaScript

CSS/Sass

Work & Life

Wreckage
Belén Albeza shares her thoughts on becoming a better developer without coding 24/7. (Image credit: Belén Albeza)

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.

Smashing Editorial (ah)