10 CSS3 2

Week 10
11/5

CSS3 part 2. Detailed examination of more CSS3 properties: 2-D transforms, transitions, animations and multicolumn layout.
Activity: Use these properties in class.
Activity: In-class Workshop.

Homework

1) For the class: Using the new CSS3 properties to create a simple animatic for your final project. Animate elements created in the previous homework. 2) For the final: Finish wireframe and Photoshop Comp for final. Read chapter 14. Due: The following week.

Materials

Additional materials for this unit can be found by following these links (14 pages):

Goal

The goal of this unit is to:

  • Master the new CSS3 properties and use them.

Outcomes

At the end of this unit, students will have:

  • Been exposed to how these new properties work
  • Have practiced using these properties and are able to apply them to their own projects.
  • Have an understanding of sprites to more efficiently use images.

Step-by-Step

20 Review homework and answer questions.
30 Demo: 2D Transforms with a quick look at 3D transforms.
30 Demo: Transitions
30 Demo: Animation

10 Break
60 In-class Workshop & Review.

News and External Resources

Sources of information that will enrich your knowledge about web design and will help you to stay current:

  1. Pentagram A Seminal Design Agency. Look through their web portfolio for web design inspiration.
  2. Happy CogJeff Zeldman’s Design Company. The design agency of a well known standards compliant web design advocate.
  3. Webby Awardsaward for excellence on the Internet.

Work done In Class