Web Stack Weekly — Issue#157

Welcome to Web weekly — a weekly newsletter on new development and updates of Web universe curated by Canopas team, delivered every Monday.

Articles

Nuxt 3.15

Nuxt v3.15 includes Vite 6 for the first time and Chromium dev tools improvements, Navigation mode for callOnce, HMR for templates, pages + page metadata, Page meta enhancements, and some performance improvements.

Preloading fonts for web performance

This article explained improving the loading performance of web fonts using preloads. Included HTML snippet added to the head of your page, can make a substantial improvement to both perceived and measured performance.

Styling HTML <details> and <summary> with modern CSS

These HTML elements, collectively called disclosure widgets, are not easy to style. People often make their version with a custom component because of the limitations. In this article, we can see how we can customize the appearance and behavior of a disclosure widget.

CSS margin-trim and line height units

In this article, we will explore how to perfect design with line height units and margin-trim works.

Using the Page Object Model design pattern in Angular applications

The Page Object Model is a design pattern that helps write modular test code when interacting with the DOM, by creating an additional layer of abstraction.

RxSignals of Angular

This article showcases the synergy between signals and observables and could mark an important step forward in Angular’s reactivity, offering a more structured approach where signals focus on state management and observables handle events.

Sponsored

[embed]Justly: Habits, Goals, Journal Build a system for getting 1% better every day.justly.life

Libraries

tensorflow

TensorFlow is an Open Source Machine Learning Framework for fully end-to-end solutions for Everyone.

[embed]GitHub - tensorflow/tensorflow: An Open Source Machine Learning Framework for Everyone An Open Source Machine Learning Framework for Everyone - tensorflow/tensorflowgithub.com

d3

D3.js leverages modern web standards like HTML, SVG, and CSS, allowing developers to bind data to the Document Object Model (DOM) and apply data-driven transformations to the document.

[embed]GitHub - d3/d3: Bring data to life with SVG, Canvas and HTML… Bring data to life with SVG, Canvas and HTML. :bar_chart::chart_with_upwards_trend::tada: - d3/d3github.com

Suggest a link for the upcoming weekly

Suggestions and feedback are more than welcome!

Please reach us at Canopas Twitter handle @canopassoftware with your content or feedback, and we will consider it in our next weekly.