Week 11 ^4.11

Notes

More SVG

• Animation with pseudo-classes (:hover)
• SVG Line Animation

• Toolbox: SVGator
• Lazy Line Painter Instructions and Demo
• Trigger Animation with Scrolling

Demos

• SVG hover example
• SVG Lightbulb example

Style Guides

• Website Style Guide Resources
• U.S. Web Design System

Developer Tools Tips

• Remote Debugging Devices
• Supercharged Remote Debugging (Chrome), Class Toggles
• Class Toggles (Chrome)
• Chrome Developer Tools Documentation

Reading

• 7 Habits of Highly Effective Media Queries
• Techniques for Responsive Typography

Homework

No reading summary due.

Travel Experience

For next week complete the final version of your Travel Experience project. Ensure that all materials are posted on your class website. Review the requirements for the project to ensure that you've completed all steps. Make sure there is a clearly marked link to the final version of your project.

• Travel Experience Project Assignment

Nonprofit Redesign

For next week your design brief and rough concept sketches are due.

• Nonprofit Redesign Project Assignment