5 Week 2: Abstract forms


4 Week 2: Abstract forms    f   b 2,041       

10 PRINT is a book about a one-line Commodore 64 BASIC program, published in November 2012. Book purchases support the nonprofit organizations PLAYPOWER (to which all royalties are being donated) and The MIT Press, the book’s publisher.

Read the book as a pdf (50 MB), provided under a Creative Commons BY-NC-SA 3.0 license.

Read a review from Slate Magazine.

4 Blog / Week 2: Abstract forms    f   b 3       

If you’re in New York, visit the Wade Guyton exhibit at the Whitney.

Exhibit information
New York Times review

4 Week 2: Abstract forms    f   b 116       

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       

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