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
Sample properties
Refer to some of these css properties to help
Shape reference (week 1)
Additional examples
Pattern examples
2×4, Knoll Textiles
Links
35 responses to “Assignment 3: Making patterns from repeating elements”
Leave a Reply
You must be logged in to post a comment.
… [Trackback]
[…] There you will find 36732 more Infos: fc12.johncaserta.info/?p=458 […]
… [Trackback]
[…] Read More here: fc12.johncaserta.info/?p=458 […]
… [Trackback]
[…] Read More: fc12.johncaserta.info/?p=458 […]
… [Trackback]
[…] Read More here: fc12.johncaserta.info/?p=458 […]
… [Trackback]
[…] Read More: fc12.johncaserta.info/?p=458 […]
… [Trackback]
[…] There you will find 102 more Infos: fc12.johncaserta.info/?p=458 […]
… [Trackback]
[…] There you will find 78080 more Infos: fc12.johncaserta.info/?p=458 […]
…Recent Blogroll Additions
[…]The overall look of your website is excellent, let neatly as the content material![…]
… [Trackback]
[…] Read More here: fc12.johncaserta.info/?p=458 […]
… [Trackback]
[…] Informations on that Topic: fc12.johncaserta.info/?p=458 […]
Look there for more:
[…]Wow, amazing blog layout! How long have you been blogging for?[…]
… [Trackback]
[…] Read More here: fc12.johncaserta.info/?p=458 […]
… [Trackback]
[…] Informations on that Topic: fc12.johncaserta.info/?p=458 […]
… [Trackback]
[…] Read More: fc12.johncaserta.info/?p=458 […]
… [Trackback]
[…] Find More Informations here: fc12.johncaserta.info/?p=458 […]
… [Trackback]
[…] Read More here: fc12.johncaserta.info/?p=458 […]
… [Trackback]
[…] Read More Infos here: fc12.johncaserta.info/?p=458 […]
… [Trackback]
[…] Read More: fc12.johncaserta.info/?p=458 […]
… [Trackback]
[…] There you will find 39985 more Infos: fc12.johncaserta.info/?p=458 […]
… [Trackback]
[…] Read More: fc12.johncaserta.info/?p=458 […]
… [Trackback]
[…] Find More Informations here: fc12.johncaserta.info/?p=458 […]
… [Trackback]
[…] Read More here: fc12.johncaserta.info/?p=458 […]
… [Trackback]
[…] There you will find 58398 more Infos: fc12.johncaserta.info/?p=458 […]
… [Trackback]
[…] Informations on that Topic: fc12.johncaserta.info/?p=458 […]
… [Trackback]
[…] Read More Infos here: fc12.johncaserta.info/?p=458 […]
… [Trackback]
[…] There you will find 39969 more Infos: fc12.johncaserta.info/?p=458 […]
… [Trackback]
[…] Read More: fc12.johncaserta.info/?p=458 […]
… [Trackback]
[…] There you will find 27448 more Infos: fc12.johncaserta.info/?p=458 […]
… [Trackback]
[…] Find More Informations here: fc12.johncaserta.info/?p=458 […]
Testing mode
http://www.google.com
Testing mode
http://www.google.com
denemee
http://testtesttest.club/
films year 2020
films year 2020
test
testt
win7testxy
win7testxy