Absolute positioning may be ideal for creating a drawing or a simple layout, however it falters quickly when many elements start stacking up. The web, in short, is not about control. This take-home 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 the 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 “4: CSS Patterns”.
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