frontend
css framework typescript html usability laravel design javascript python htmx diagrams security seo tooling self hosting architecture react test driven development2025 December
Blog Quest and StreetPass help you discover the independent web
We are Piccalilli. A publication dedicated to providing high quality educational content to level up your front-end skills.
— From set.studio
2025 November
The next version of KAPLAY library, new features, and differences.
2025 October
A comparison between a React and Backbone password strength app
How dynamic typing makes DSL-driven development easy, and what can be done to bring static typing up to par.
2025 August
2025 July
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
2025 June
Mithril.js is a modern, small, fast client-side Javascript framework for building Single Page Applications.
2025 April
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.
2025 March
Generate or browse beautiful color combinations for your designs.
2025 February
Guidance to build modern web experiences that work in every browser.
2025 January
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
2024 November
A CSS reset I've been using for new projects.
2024 October
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
2024 September
Your Next Store: Modern Commerce with Next.js and Stripe. - yournextstore/yournextstore
yournextstore
2024 August
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.
2024 July
Node.js is a program that lets us run JavaScript code outside browsers – which we can use for a variety of things.
2024 June
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
A game for learning CSS grid layout
2024 April
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
2024 March
magick.css is magically playful, yet simple styling. all in one file.
2024 February
A collection of React chart components for data visualization.
2024 January
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
user@careers /home/user $
2023 December
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 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.
2023 November
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
2023 September
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
2023 August
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.
2023 July
The HTML first full stack web framework
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
2023 May
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.
2023 March
A design system for building retro Apple interfaces
The Marko programming language
Join Us
2022 December
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