For next week, continue to work with abstract shapes in html and css. For next week, create five finished compositions using no more than 5 HTML elements. Your compositions should activate the browser window, contained either to a div or to the browser window itself. We have included examples of abstract graphic compositions from print design to inspire your thinking.

This assignment encourages you to discover form that you otherwise might not have imagined. Be open to the overly dense, and to the overly spare.

Sample code

Refer to some of these css properties to help


Work from Kasimir Malevich, Max Huber, Hendrik Wekrman, MIT Media Office

4 Week 2: Abstract forms    f   b 2,046       

% chris completed

Absolute positioning may be ideal for creating a drawing or a simple layout, it fails quickly when used with dynamic content and within different browsers. The web, in short, is not about control. Today’s in-class assignment asks you to take specific elements and repeat them to form a continuous pattern. The pattern may be created from the combination of floating elements and positioned elements.

Start by repeating a single element. Consider refining this first step into a single composition. Note figure and ground relationships that emerge. Expand your work to include more layers and more shapes. Use only one color per layer.

Upload your experiments to a post on this website and categorize it under Assignment 3 and the Workshop #.

CSS Properties from class

Code examples from class

Sample properties

Refer to some of these css properties to help
Shape reference (week 1)

Additional examples

Pattern examples

2×4, Knoll Textiles


4 Week 2: Abstract forms    f   b 35       

% Eric completed


% Michael completed


% Anisa completed


% Robin completed


% Valerie completed