Bi-Weekly Frontend News

Collective #769


Cyclic Dependency Space Toggles

Roman Komarov introduces a brilliant technique he calls "Cyclic Toggles" that allows for selecting a value from a list in CSS by toggling a single custom property, and explains the logic behind it and its use cases.

Read it

Positioning anchored popovers

This article by Hidde de Vries dives into the topic of positioning anchored popovers in CSS. It explores the challenges of positioning popovers when they are in the top layer, away from the context of their invoker.

Read it

Blur Vignette effect in CSS

Artur Bień shows how to create a blur vignette effect using pure CSS, achieved through creating an overlay with backdrop-filter and a mask-image consisting of 6 gradients.

Check it out

The gotchas of CSS Nesting

Kilian Valkhof writes how CSS nesting and the use of :is() both have their own potential gotchas when it comes to the way browsers transform nested CSS rules to individual rules, with the latter potentially resulting in vastly more specific CSS selectors.

Check it out

The origin private file system

Thomas Steiner discusses the origin private file system (OPFS), a newly introduced storage endpoint that is highly optimized for performance and visible only to the origin of the page, not to the user.

Read it


Weave, developed by the team at Weights and Biases, is a new open-source toolkit designed for performant, interactive data exploration.

Check it out

Modern CSS For Dynamic Component-Based Architecture

This great article by Stephanie Eckles discusses the latest features and improvements in CSS, including using CSS reset additions, project architecture with nesting and cascade layers, and theming and branding with custom properties, color-scheme, and accent-color.

Check it out


Sandstorm is an open source project built by a community of volunteers with the goal of making it really easy to run open source web applications.

Check it out

An Introduction To Debugging In Node.Js

This article by Craig Buckler provides tips and techniques for debugging Node.js applications, including using a good code editor, source control systems, bug tracking systems, test-driven development, and more.

Read it

Understanding GPT tokenizers

Simon Willison explains what tokens are and how they work in large language models such as GPT-3/4, LLaMA, and PaLM. He shares a tool for exploring how tokens work and includes examples of tokenization in various languages.

Read it
Namecheap Our sponsor

Secure a mighty domain for a mini price

Looking for an affordable .com domain? Look no further! Get yours for just $5.98 using our exclusive discount code NEWCOM598. Privacy and security are our top priorities, along with premium products and services tailored for businesses. Enjoy round-the-clock customer support, too. Don't miss out, new customers only.

Grab the discount