frontend

A comparison between a React and Backbone password strength app

CSS data visualization framework

How dynamic typing makes DSL-driven development easy, and what can be done to bring static typing up to par.

Rethinking DOM from first principles

Steven Wittens

Writing about the big beautiful mess that is making things for the world wide web.

Jim Nielsen

Native CSS transitions have quietly killed the strongest argument for client-side routing. Yet people keep building terrible apps instead of performant websites.

Jono Alderson

Mithril.js is a modern, small, fast client-side Javascript framework for building Single Page Applications.

Laravel Vue SPA Admin Panel. Contribute to irabbi360/laravel-vue3-spa-starter development by creating an account on GitHub.

irabbi360

CSS data visualization framework

# TLDR Datastar is a new hypermedia framework that makes building real-time web applications simpler and more efficient. It prioritizes server-side logic, uses “signals” for automatic UI updates, and leverages Server-Sent Events for lightning-fast performance. If you’re looking for a streamlined alternative to traditional JavaScript frameworks or HTMX, Datastar is worth exploring. However, it requires that you approach web development with a fresh perspective, embracing server-driven architecture and reactive programming.

Think about how you experience the world—

Amelia Wattenberger

Generate or browse beautiful color combinations for your designs.

Guidance to build modern web experiences that work in every browser.

Velocity Core is a modern, high-performance web development stack built to streamline the process of creating fast, scalable, and easy-to-maintain web applications. It’s designed to reduce the complexity that often arises from modern web technologies, while ensuring that the user experience remains seamless and dynamic. The stack combines tried-and-tested technologies with cutting-edge approaches, offering developers flexibility, independence, and a future-proof architecture.

Working with Django in the modern JavaScript ecosystem without giving up the things that make it great

A CSS reset I've been using for new projects.

Recently, I published The Monospace Web, a minimalist design exploration. It all started with this innocent post, yearning for a simpler web. Perhaps too typewriter-nostalgic, but it was an interesting starting point. After some hacking and sharing early screenshots, @noteed asked for grid alignment, and down the rabbit hole I went.

Oskar Wickström

Web Components offer a compelling alternative that embraces the strengths of modern web development while avoiding many of the pitfalls associated with frontend frameworks. Let's explore why Web Components might be the future of web development and how they solve the problems we often encounter with traditional frameworks.

Brisa is a web platform framework that provides a refreshing development experience.

Brisa Team

Your Next Store: Modern Commerce with Next.js and Stripe as the backend. - yournextstore/yournextstore

yournextstore

Monospace fonts are dear to many of us. Some find them more readable, consistent, and beautiful, than their proportional alternatives. Maybe we’re just brainwashed from spending years in terminals? Or are we hopelessly nostalgic? I’m not sure. But I like them, and that’s why I started experimenting with all-monospace Web.

Oskar Wickström

On Anuntech we have the challenge to create an ERP, and for the ones that already worked with it, know that ERP can be one of the more complex types of software to make (and use, god have mercy of SAP users). To avoid the complexity of use, we wanted...

Henrique Leite

Create diagrams and visualizations using text and code.

Get started building an amazing cool UI.

Node.js is a program that lets us run JavaScript code outside browsers – which we can use for a variety of things.

The page you are looking for does not exist or may have been moved.

Something went wrong, but don’t fret — let’s give it another shot.

Yuan Chuan

Web dev at the end of the world, from Hveragerði, Iceland

A game for learning CSS grid layout

I first got into web design/development in the late 90s, and only as I type this sentence do I realize how long ago that was. And boy, it was horrendous. I mean, being able to make stuff and put it online where other people could see it was pretty slick, but we did not have very much to work with. I’ve been taking for granted that most folks doing web stuff still remember those days, or at least the decade that followed, but I think that assumption might be a wee bit o

Eevee

Page Not Found

magick.css is magically playful, yet simple styling. all in one file.

A simple and to the point classless CSS stylesheet

Louis Merlin

A collection of React chart components for data visualization.

Script to get your site indexed on Google in less than 48 hours - goenning/google-indexing-script

goenning

CSS has been undergoing a quiet renaissance lately. Lots of big features which previously required an external tool to use, are now native parts of the language, and its growing more and more all the time…

Jeff Sandberg

Web Components are a set of browser APIs that allow us to create custom HTML elements. They are one of the major things that SPA (Single Page Application) frameworks have been giving us for a long time ... HTMX is highly interesting, useful and a promising technology. It simplifies many things and allows us to build SPA or SPA-like applications without complex tooling, dependencies, frameworks and mostly without writing application-specific JavaScript code.

Igor Roztropiński

I had to read The Design of Everyday Things in college and was nodding along the whole time: yes, of course, this is so simple! It feels like common sense, but it is good to see it written out so plainly. It should be required reading for anyone creative, i.e., anyone who might create something, anything.

user@careers /home/user $

This document exists to lay out some general principles of running a small social network site that have worked for me. These principles are related to community building more than they are related to specific technologies.

About the author

A beautiful library with SVG logos

@pheralb_

A standalone version of the readability lib. Contribute to mozilla/readability development by creating an account on GitHub.

mozilla

A clear, practical guide to web interface design — focused on forms, controls, typography, layouts, and color, with real-world Good/Bad examples.

A collection of bad practices in HTML, copied from real websites.

Practice working with promises through a curated collection of interactive challenges. This repository provides a platform to refine your skills, complete with automated tests to to give you instan...

henriqueinonhe

Build more maintainable software, faster

This year, the React team unveiled something they've been quietly researching for years: an official way to run React components exclusively on the server. This is a significant paradigm shift, and it's caused a whole lot of confusion in the React community. In this tutorial, we'll explore this new world, and build an intuition for how it works, and how we can take advantage of it.

Josh W. Comeau

Free, open-source Tailwind CSS v4 components for modern web development. Copy-paste ready components to build beautiful, responsive websites faster.

The only framework that makes responsive email easy. MJML is a markup language designed to reduce the pain of coding a responsive email.

A plea for us to get back to building websites that can do normal website things.

The HTML first full stack web framework

John Morrice's developer blog

John Morrice

There are tons of blog posts on the internet about how frameworks differ and which one to pick for your next web project. Usually they cover a few aspects of the framework like syntax, development setup, and community size. This isn't one of those posts.

Pines is a library of animations, sliders, tooltips, accordions, modals, and more!

We will explore how to identify and deal with flaky tests in Playwright. Learn about the causes of flaky tests, their impacts, and the strategies to handle them effectively.

Luc Gagan

Before I start—to set some context—by frontend framework what I mean is, a framework that allows us to avoid having to write regular old HTML and JavaScript such as this:

Hugo is one of the most popular open-source static site generators. With its amazing speed and flexibility, Hugo makes building websites fun again.

A design system for building retro Apple interfaces

The Marko programming language

HTTP (HyperText Transfer Protocol) is the underlying protocol of the World Wide Web. Developed by Tim Berners-Lee and his team between 1989-1991, HTTP has gone through many changes that have helped maintain its simplicity while shaping its flexibility. Keep reading to learn how HTTP evolved from a protocol designed to exchange files in a semitrusted laboratory environment into a modern internet maze that carries images and videos in high resolution and 3D.

Cross-browser end-to-end testing for modern web apps