Learning Plan 6: 2D & 3D Transformations

CSS Technologies — Natasha Scott

Overview of Learning Plan 6

Transformations Practice Documentation

Description

W3Schools exercises covering: translate, rotate, scale, skew, matrix, and perspective. Documented with screen captures.

Reflection

I had done this before, so it was a review. Both 2D and 3D transformations are still new enough that I need more practice to feel comfortable.

2D & 3D Practice Transformations

2D practice 3D practice

Description

Practice using "CSS3 Transformations and Animations" by Craig Buckler as the resource book — both 2D and 3D exercises.

Reflection

I had done a tutorial on transformations before but never used them in production. I also learned how to use keyframes for advanced transformations here.

2D & 3D Transformations Tutorial

2D tutorial 3D tutorial

Description

Two separate tutorials — one for 2D, one for 3D transformations — from different resources to broaden understanding.

Reflection

Using two different resources gave me a broader perspective on how to approach transformations. This strategy helped me learn faster.

2D & 3D Transformations Project

Transformation project

Description

A project applying all 2D and 3D transformation properties — more advanced than previous tutorials, using three resources.

Reflection

I enjoyed this project a lot. I pushed further than previous tutorials and built more advanced transformations. Still have a lot more to learn, but it was a great start.