Getting PWAs in App Stores with PWABuilder — Thomas Steiner demonstrates how PWABuilder makes it possible to submit Progressive Web Apps (PWAs) to app stores like those provided by Google, Apple, and Microsoft.

Thomas Steiner (Google)

CSS Masking — A deep dive into using CSS to apply masks to images, covering how it works, along with a few use cases and accompanying examples.

Ahmad Shadeed

Everything You Need to Know About Video Storage APIs — A technical overview of video storage APIs, including how they work, the benefits of using them, and how to implement one for your video needs.

ImageKit sponsor

How WebAssembly is Accelerating New Web Functionality — WebAssembly is a portable bytecode format that’s now broadly supported and allows developers to create new capabilities and functionality on the web. It doesn’t necessarily replace JavaScript, but extends its capabilities.

Thomas Nattestad (Google)

Mullvad and Tor Team Up to Release Privacy-Focused Browser — Mullvad is a popular privacy-focused VPN service and they’ve teamed up with the Tor Project to unveil a privacy-focused web browser designed to minimize the impact of tracking and fingerprinting. “You could say it’s a Tor Browser to use without the Tor Network.” As with Tor, it’s a modified version of Firefox under the hood.

Mullvad

Are Safari Releases Causing 'Development Hell'? — Covers the troubles one team went through with the recent feature-packed Safari 16.4 release, highlighting the “stress and disruption it caused”, and why the developer believes it amounts to “Apple having a policy of negligence towards developers”. Harsh words, but challenges other developers might sympathize with.

Ashley Gullen

What are Source Maps? — Learn how source maps can help you debug your original code instead of what was actually deployed after a build process.

Sofia Emelianova (Chrome Developers)

React Authentication, Simplified — In this article, we lay out a new approach to authentication (plus access control & SSO) in React applications.

Userfront sponsor

A CSS Selector to Highlight Clickable Elements — An interesting, if slightly convoluted, snippet.

Seb De Deyne

Framework7 8.0: Build iOS, Android and Desktop Apps with HTML — An open source framework for building full-featured iOS, Android and Desktop apps with Web technologies, complete with an ecosystem of plugins and tools and the ability to hook into existing front-end frameworks.

Framework7

Simple Icons: 2444 Free SVG Icons for Popular Brands — This project that we link to every year or two continues to go from strength to strength.

Simple Icons

StatiCrypt 3: Password Protect a Static HTML Page — We first linked this a few weeks ago, but it has since had a major release with lots of cleanups and a switch to using the more secure WebCrypto engine. Live demo.

Robin Moisson

How eBay Made Its New Accessibility Tool (And Made It Available to All) — Several eBay teams worked together to create a Figma plug-in that makes it easy to include accessibility in a design right from the start.

Dan Nosowitz (eBay)

Ellegant CSS Framework — Aims to provide user interaction (toggles, switches, modals, menus, etc.) with very little or no JavaScript at all.

Lucas Leal

Eruda 3.0: A Console for Mobile Browsers — If you’re in a situation where you have no access to DevTools, you can add Eruda to your page and it provides a sort of virtual devtools you can use from any browser, including on mobile.

LiriLiri

Jampack: A Post-Processing Tool to Optimize Static Websites — Similar to a bundler or build tool, with features like image optimization, asset compression, and some code auto-fixes — all amounting to strong Core Web Vitals scores.

divRIOTS