I love web components. Being able to just plop a custom element onto a page with all the functionality baked in without needing a framework or bundling to make it work is just liberating. I know there’s a lot of overhead that comes with it that libraries and frameworks aim to abstract but I just enjoy having the low-level ability to do whatever you want.

With visual regression testing, we can update a page, take screenshots before and after the fact, and compare the results for unintended changes. In this article, learn how to set up visual regression testing using Playwright.

The handbook provides an in-depth overview of the skills, tools, and technologies necessary to excel as a front-end developer / engineer.

Enhance ships with everything you need to build a production ready app.

How I built a local-first app for planning trips, and what I learned about the current state of the local-first ecosystem along the way. #f:article #javascript #svelte #webdev

This tool helps you convert SVG strokes to fills and make your icons webfont compatible.

Zed is a high-performance, multiplayer code editor from the creators of Atom and Tree-sitter. #webdev #software

Bringing your Storybook to the next level with simple steps

A lightweight Node.js private proxy registry

A collection of nice and simple cross-browser tips and tricks to get you more comfortable and productive with using DevTools.
By Patrick Brosset (CSS Day 2023)

Specificity calculator with support for latest CSS features

Do local website development on your computer or in the cloud with DDEV.

Patterns.dev is a free book on design patterns and component patterns for building powerful web apps with vanilla JavaScript and React.

Build and optimize digital experiences for any tech stack with full control, visually.

with a quality score which is measured based on commit frequency, test coverage, presence of vulnerabilities, time it takes to close issues, etc.

Backlight is a collaborative platform empowering front-end teams to build and ship great Design Systems.

SvelteKit is a relatively new SSR framework for SvelteJS. We can compare it to NextJS, but instead of using React, it uses Svelte. In this tutorial, you'll learn how you can create a blog website with SvelteKit and Strapi as a CMS.

Strapi is the leading open-source headless CMS. It’s 100% JavaScript, fully customizable and developer-first.

It’s the easiest, fastest way to manage content: Integrate your tools. Publish across channels. Unblock your team with our industry-leading app framework.

Keystone helps you build faster and scale further than any other CMS or App Framework. Just describe your schema, and get a powerful GraphQL API & beautiful Management UI for content and data.

No boilerplate or bootstrapping – just elegant APIs to help you ship the code that matters without sacrificing the flexibility or power of a bespoke back-end.