An attempt at modelling digital design as a form of psychological architecture, taking the form of a single HTML document.
Information Architecture. Basics for Designers.
The World Wide Web contains a tremendous amount of information which is hard to imagine unstructured because a human brain wouldn’t be able…
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.
%20(1).jpg)
Theming atproto · blog.damato.design
Taking Mise en Mode into the new web standard
Object-Oriented UX
We know big, monolithic webpages won’t meet the needs of responsive sites and endless screens. But we’re often still quilting together design patterns and content modules, rather than truly thinkin…
The website builder I want to see
The struggle Recently, I tried to create a website for my church. I didn't plan to be involved long term - I wanted to create some layouts and then let people...
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.
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.
emilwallner/Screenshot-to-code
A neural network that transforms a design mock-up into a static website.
Design* tools
Not necessarily *design* design (also includes links related to web design in a broad sense or maybe even just like, posting things online)
Editable — the website you can edit on the page
Figma Plugins for Design Systems (by B. Prendergast) — Semble
human.json
The Website Specification
AnyPub
clipart.studio — magazine collage maker