>

Assignment 3: Making patterns from repeating elements

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

• Example 1
• Example 2
• Workshop 3 example

Sample properties

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

Additional examples

• John’s pattern (wkshp 3)
• Boxes on boxes
• X-acto repeated
• Transform scale and rotate

Pattern examples

Links

• See “Adobe Illustrator” patterns from John’s spring Visual Systems class
• CSS3 patterns

35 responses to “Assignment 3: Making patterns from repeating elements”

1. fifa 15 incredible goal, goal from middle field, ultimate team goals says:

   12/24/2014 at 3:50 pm

   … [Trackback]

   […] There you will find 36732 more Infos: fc12.johncaserta.info/?p=458 […]

   Log in to Reply
2. billige wallstickers says:

   01/24/2015 at 6:38 pm

   … [Trackback]

   […] Read More here: fc12.johncaserta.info/?p=458 […]

   Log in to Reply
3. atlanta commercial real estate says:

   02/19/2015 at 9:35 pm

   … [Trackback]

   […] Read More: fc12.johncaserta.info/?p=458 […]

   Log in to Reply
4. warehouse space for rent says:

   02/21/2015 at 2:01 pm

   … [Trackback]

   […] Read More here: fc12.johncaserta.info/?p=458 […]

   Log in to Reply
5. commercial property says:

   03/04/2015 at 3:37 am

   … [Trackback]

   […] Read More: fc12.johncaserta.info/?p=458 […]

   Log in to Reply
6. can u buy steroids in turkeyhttp://buytestosterone.org/steroidsbuy testosterone online credit cardhttp://roids.info/stanozolol/buy stanozolol melbourne says:

   04/17/2015 at 2:49 pm

   … [Trackback]

   […] There you will find 102 more Infos: fc12.johncaserta.info/?p=458 […]

   Log in to Reply
7. click for source says:

   05/06/2015 at 11:04 am

   … [Trackback]

   […] There you will find 78080 more Infos: fc12.johncaserta.info/?p=458 […]

   Log in to Reply
8. payday loans no credit checks says:

   05/14/2015 at 10:34 pm

   …Recent Blogroll Additions

   […]The overall look of your website is excellent, let neatly as the content material![…]

   Log in to Reply
9. exede satellite internet Fort Myers says:

   05/15/2015 at 3:45 am

   … [Trackback]

   […] Read More here: fc12.johncaserta.info/?p=458 […]

   Log in to Reply
10. AC Installation says:

    06/10/2015 at 11:45 am

    … [Trackback]

    […] Informations on that Topic: fc12.johncaserta.info/?p=458 […]

    Log in to Reply
11. Payday loans says:

    06/20/2015 at 6:41 am

    Look there for more:

    […]Wow, amazing blog layout! How long have you been blogging for?[…]

    Log in to Reply
12. injury factor says:

    06/22/2015 at 5:11 am

    … [Trackback]

    […] Read More here: fc12.johncaserta.info/?p=458 […]

    Log in to Reply
13. Cock Fucking says:

    07/10/2015 at 10:52 am

    … [Trackback]

    […] Informations on that Topic: fc12.johncaserta.info/?p=458 […]

    Log in to Reply
14. mannequins says:

    08/05/2015 at 5:35 pm

    … [Trackback]

    […] Read More: fc12.johncaserta.info/?p=458 […]

    Log in to Reply
15. seksfilm http://www.pornoprensi.com says:

    08/16/2015 at 8:58 am

    … [Trackback]

    […] Find More Informations here: fc12.johncaserta.info/?p=458 […]

    Log in to Reply
16. buy backlinks says:

    08/20/2015 at 4:01 am

    … [Trackback]

    […] Read More here: fc12.johncaserta.info/?p=458 […]

    Log in to Reply
17. pest control london,24 hour pest control london,rats mice,cockroaches,moths,foxes,pest control highgate,pest control crouch end,pest control mayfair,pest control paddington says:

    08/20/2015 at 1:02 pm

    … [Trackback]

    […] Read More Infos here: fc12.johncaserta.info/?p=458 […]

    Log in to Reply
18. comparateur hotel de luxe says:

    09/21/2015 at 10:55 am

    … [Trackback]

    […] Read More: fc12.johncaserta.info/?p=458 […]

    Log in to Reply
19. Brick & Stone Repair says:

    10/09/2015 at 4:57 am

    … [Trackback]

    […] There you will find 39985 more Infos: fc12.johncaserta.info/?p=458 […]

    Log in to Reply
20. orospu ankara says:

    10/31/2015 at 6:47 am

    … [Trackback]

    […] Read More: fc12.johncaserta.info/?p=458 […]

    Log in to Reply
21. eskort ankara says:

    11/02/2015 at 6:03 pm

    … [Trackback]

    […] Find More Informations here: fc12.johncaserta.info/?p=458 […]

    Log in to Reply
22. online matka says:

    11/06/2015 at 5:47 pm

    … [Trackback]

    […] Read More here: fc12.johncaserta.info/?p=458 […]

    Log in to Reply
23. ankara orospu says:

    11/09/2015 at 7:58 am

    … [Trackback]

    […] There you will find 58398 more Infos: fc12.johncaserta.info/?p=458 […]

    Log in to Reply
24. parfum, cosmétique, produits de soins, spécialist de beauté, protection solaire, parfumerie parfum, cosmetica, huidverzorging, beautyspecialist, verzorging, zonnebescherming, parfumerie, says:

    11/23/2015 at 2:05 pm

    … [Trackback]

    […] Informations on that Topic: fc12.johncaserta.info/?p=458 […]

    Log in to Reply
25. read says:

    11/23/2015 at 11:25 pm

    … [Trackback]

    […] Read More Infos here: fc12.johncaserta.info/?p=458 […]

    Log in to Reply
26. ben bir orospu cocuguyum says:

    11/29/2015 at 10:21 am

    … [Trackback]

    […] There you will find 39969 more Infos: fc12.johncaserta.info/?p=458 […]

    Log in to Reply
27. anti kasma oc says:

    12/03/2015 at 10:20 pm

    … [Trackback]

    […] Read More: fc12.johncaserta.info/?p=458 […]

    Log in to Reply
28. seks izle says:

    12/07/2015 at 7:42 am

    … [Trackback]

    […] There you will find 27448 more Infos: fc12.johncaserta.info/?p=458 […]

    Log in to Reply
29. seks izle says:

    12/08/2015 at 12:14 am

    … [Trackback]

    […] Find More Informations here: fc12.johncaserta.info/?p=458 […]

    Log in to Reply
30. goggggle says:

    05/12/2017 at 2:49 pm

    Testing mode

    http://www.google.com

    Log in to Reply
31. gxogxgggle says:

    05/12/2017 at 2:56 pm

    Testing mode

    http://www.google.com

    Log in to Reply
32. testtesttest says:

    01/17/2019 at 10:00 am

    denemee

    http://testtesttest.club/

    Log in to Reply
33. films year 2020 says:

    12/30/2019 at 6:31 pm

    films year 2020

    films year 2020

    Log in to Reply
34. hadibakalim says:

    12/18/2020 at 7:02 am

    test

    testt

    Log in to Reply
35. win7testxy says:

    12/24/2020 at 4:14 am

    win7testxy

    win7testxy

    Log in to Reply