Webdesign as architecture

The A.I.-Design Aesthetic That’s Taking Over the Internet

How Anthropic’s new tool, Claude Design, is creating overnight web-design clichés.

Theming atproto · blog.damato.design

Taking Mise en Mode into the new web standard

web.dev

Guidance to build modern web experiences that work on any browser.

WYSIWYG Web Builder

Web Builder is a WYSIWYG (What-You-See-Is-What-You-Get) program used to create web pages. The program generates HTML tags while you point and click on desired functions; you can create a web page without learning HTML.

Responsive Web Design

Designers have coveted print for its precision layouts, lamenting the varying user contexts on the web that compromise their designs. Ethan Marcotte advocates we shift our design thinking to approp…

Webstrates

Webstrates # A Platform for Modern Computational Media Overview # Webstrates is a platform to explore software as computational media (read more in the “Background” below). Webstrates is a webserver where the pages it serves are collaboratively editable. This means that modifications to the Document Object Model (DOM), for instance, using the developer tools of a web browser, are synchronized with the server and with all other clients currently visiting the same webpage.

Alex Russell | Web Components and Model Driven Views | Fronteers 2011

There's a lot of tension between today's markup and the semantics we're trying to express in our apps. HTML5 adds a few new types to help describe common cases, but what about when there's no allegory in markup for what you're building? What we need now is infrastructure, not guilt about being "non-semantic". This talk explores new standards-track work in WebKit that's going to enable say-what-you-mean development in completely new ways.

Design Engineer Tools

A list of useful tools for web-focused design engineers; curated by James Warner.

Recent — Design Inspiration

The best design inspiration on the Internet.

Hypermedia Systems

The revolutionary ideas that empowered the Web. A simpler approach to building applications on the Web and beyond with htmx and Hyperview. Enhancing web applications without using SPA frameworks.

Mental Models and User Experience Design

What users believe they know about a user interface impacts how they use it. Mismatched mental models are common, especially with designs that try something new.

frontend-design - Skill

Create distinctive, production-grade frontend interfaces with high design quality. Use this skill when the user asks to build web components, pages, or applications. Generates creative, polished code that avoids generic AI aesthetics.

The small web is beautiful

A vision for the "small web", small software, and small architectures.

Inside Design Tokens: Modeling & Communication

Design system architecture with focus on design tokens, that form the vocabulary of your visual design language, helping to streamline the communication amongst stakeholders. Modeling the system with boundaries to ensure clear purpose and predictability for design tokens and stability guarantees wit