Web Development Reading List #190: Images in Web Notifications and Angular Code Splitting

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.

New APIs offer great possibilities to build better web services. And some people push these new technologies to their limits. For example, we can use JavaScript to generate images that we then can use in Web Notifications. We can use the Storage API to find out if and how much data we can save on a user’s device and can adjust the behavior of our applications accordingly.

And then we can push our designs further. Constant improvement and development of the navigation is what makes a service like Gitlab easier to use. And by giving advice to users, such as promoting more sustainable options, we can show empathy to our users while improving the world. It all starts with us pushing our projects further.

News

  • Firefox Nightly is getting the Storage API now, after the Chrome team has it built into their browser. This technology becomes more important now as permanent storage, localStorage, IndexedDB, service worker, backgroundSync and other options become largely available for websites in browsers. With the new Storage API, websites get information about the remaining storage on a user’s device and can therefore improve the reliability and footprint of their service.

Concept & Design

  • Taurie Davis shares how the navigation of GitLab is evolving and why they rearranged navigation items. Some great insights on UX design improvements.
  • Artiom Dashinsky explores how we can build products today that can make the world more sustainable tomorrow by designing the product for sustainability. He explores options that software and websites could show to users that are more practical, healthy and sometimes even more convenient: promoting direct flights in a flight search, promoting remote jobs at LinkedIn, preferring walking, biking and public transport over car on a map app, and similar options.
Designing the product for sustainability
Artiom Dashinsky explores how we can build products today that can make the world more sustainable tomorrow.

Tools & Workflows

  • Bundle Buddy is a useful tool by Sam Saccone to help you find source code duplication across your JavaScript chunks/splits. It basically enables you to fine tune code splitting parameters to reduce bundle invalidation rates and improve repeat page load performance.

Privacy

JavaScript

—Anselm

Further Reading

Smashing Editorial (mrn)