As a UI design style, neobrutalism focuses on raw, unrefined elements like bold colors, simple shapes, and intentionally "unfinished" aesthetics.
Learn JavaScript design and performance patterns for building more powerful web applications.
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.
The next version of KAPLAY library, new features, and differences.
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.
Rethinking DOM from first principles
Writing about the big beautiful mess that is making things for the world wide web.
Native CSS transitions have quietly killed the strongest argument for client-side routing. Yet people keep building terrible apps instead of performant websites.
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.
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—
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.
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.
Your Next Store: Modern Commerce with Next.js and Stripe. - 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.
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...
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
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
Page Not Found
magick.css is magically playful, yet simple styling. all in one file.
A simple and to the point classless CSS stylesheet
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
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…
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.
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.
A beautiful library with SVG logos
A standalone version of the readability lib. Contribute to mozilla/readability development by creating an account on GitHub.
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...
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.
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
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.
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
Join Us
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