Construct web sites from stackable containers.

A web page is a stack of autonomous containers.

Content on web pages is enclosed these containers. Every container has full layout width. It can be further structured within itself, but is self-sufficient. That is, content and interactions in a container don't refer to previous or following containers.

Containers of one stack may be loaded from origins anywhere on the web.

Every container has a public URL = origin. A page is defined merely by a list of those origins. From there, containers are loaded into the page. The container's author maintains the original. The authors of the stack and of the container may not be the same.

Containerst principles

Principle 1: STACK
Principle 2: POSITION
Principle 3: REPEAT
Principle 4: CONDITION
Principle 5: REUSE
Principle 6: FEDERATION

Principle 1. STACK

You can stack as many containers as you wish.


Principle 2: POSITION

A container can be positioned at any place within the stack.


Principle 3: REPEAT

You can place more than one container of the same type into the same stack.


Principle 4: CONDITIONS

Containers can have conditions. If those are met, the container is displayed. Conditions can refer to space, time, user etc.


Principle 5: REUSE

The same container can appear in many stacks. In each stack, the position is free to choose.


Principle 6: FEDERATION

The container can be displayed on any site, in any stack. The source can come from a different site than the displayed stack's site.


Containerist anatomy

For federated containers to work, they have to have a certain anatomy:


Every container has to have a url. I call it its origin. The origin has to be available and accessible to anyone.


Every container type has to have some front-end, e.g. HTML/CSS/JS, in order to be shown to the user and be interacted with. I call it the skin. It is often a template.


But before the skin is rendered and shown, the container has to reveal its structure. This is the container’s data and interaction possibilities, provided in a machine-readable way. It shall be as skin-independent and as structured as possible.

The structure has to be revealed and provided. Then, the container can be skinned differently, depending on the site and the device. The structure and a skin template are then rendered in order to display the container.

In order for the 6th principle to work, there are two impratives:

Imperative I: ACCESS

The origin and structure must be public and accessible.


The structure remains in the hands of the author.

Containerist is a concept and experiment by Konstantin Weiss.
For any feedback, don't hesitate to drop me a line to k (at)

(cc-by-sa) since 2012 by Konstantin Weiss