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
- Overlflow (hidden, scroll)
- rgba color space vs opacity
- Recursive properties. (see example)
- Combining positioning and float to layer patterns on each other (see example)
Code examples from class
2×4, Knoll Textiles