For the remainder of class, either:
1. Put together a one page website that collects your previous work from this class. Have your name, a brief description of the work that is on the site, a nav and a footer. The intention is to have you arrange multiple types of content on a single page, and to build a more complete web page. You may use iframes, anchors, floating elements and positioning as needed.
2. Add content (images, text, etc.) to one of your previous projects. See if you “grow” a design organically from one of your experiments. Content could be “poster-matter”, etc.
And as a wrap-up… go to your author page on the website and make sure you have a “Nickname — first name, etc.” at the top of your site. Here is a fairly good example from session 1. make sure also that your work looks good on that page and links to html files and not images.
And look for the course evaluation by email at the end of the semester.
The term “responsive design” refers to a website’s ability to change layout and shape when seen on different sized browsers or platforms. This shift in layout takes quite a bit of planning and thought.
This assignment asks you to create a work that plays with this concept of responsiveness as an opportunity for animation. Make a work that shifts and alters its experience based on the viewport of the browser. You may also introduce interactivity and interactions within the browser itself. However, the focus of the assignment is the “transition” between states. How can you activate/animate/create unexpected changes in those states, as if your perspective is changing in the 3D space
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.
Complete the following exercises:
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.
Make a simple shape and allow the user 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.