We’ll look at the latest in CSS3 properties, that allow animation and movement in the browser. When mixed with the event handlers of jQuery, the stabile structures can shift properties upon user interaction.
Websites today are often designed with these subtle shifts in elements. We’ll be making more drastic moves, making the animations and interactions a primary part of our experiments. Start on the below assignment after taking some time in class today to get used to how these interactive elements work.
Read the chapter titled “Relations” from Leborg. The author presents an extensive vocabulary of relationships. For example, the terms include: symmetry, balance, groups, coordination and distance.
Work with simple shapes that you make or that you pull from Assignment 3A. Each composition should allow the visitor to change the default relationship in some way. Choose just one type of relationship from Leborg’s chapter for each composition. More than one relationship may occur through your investigation of the one concept.
Title your compositions using the type of relationship that you’re working with. Upload your work to the website and categorize as 5: Shifts in relations.
Examples from class
Examples of interactions
CSS Properties we’ll review
- “The most important CSS3 properties explained”
- Library of CSS3 animations
- jQuery api: event handlers