Portfolio for Gillian Maffit
Table of Contents

Project 1

Chapter 1 Introduction to Web Animations
In chapter 1, I gained a better understanding of what a web animation is and what it does, along with how it can affects the users on the page. On the linked page, I go over what web animation is along with an example of one.

Back to top

Project 2

Chapter 2 Introduction to CSS Animations
In chapter 2, I learned more about how to create animantions and the key tags that need to be included for them to work correctly. I show an example from the text book and show how changes in an animation can affect the time and movement of an animation.
Chapter 3 Introduction to CSS Transitions
In chapter 3, I learned about CSS transitions and how to use them properly. I also was able to understamd the coding for it and I was able to put all the steps together to create a transition.
Chapter 4 Working with CSS Timing Functions
In chapter 4, I was able to learn about timing functions and what is important to keep in mind when using them. I also was able to learn all the various timing functions that can be used while working with timing functions and I was able to test and edit the code from the book to learn how each option works.
Chapter 5 Ensuring Your Animation Run Really Smoothly
In chapter 5, I was able to learn what a smooth transition is and how important it is that all animations are able to run smoothly. I also was able to learn what the transform property does and how it works.

Back to top

Project 3

Chapter 6 Transitions, Animations, and JavaScript
In chapter 6, I learned how to take some less beaten paths and expand the ways we can interact with animations and transitions by adding in JavaScript to my coding.
Chapter 7 CSS Animations Versus CSS Transitions
In chapter 7, I learned about the similarities and the differences that exist between CSS animations and CSS transitions. I also was able to know when or where the differences occur which helps me for the future because I now know when to use each and can put them in as needed on web pages.
Chapter 8 Animating Your Links to Life
In chapter 8, I learned the three different ways to animate my link which allows me to include animatins in my webpages in a subtle and / or meaningful way. The different types can all be used on the same page or seperate, and are very helpful to bring attention to the links on pages.
Chapter 9 Simple Text Fade and Scale Animation
In chapter 9, I learned that not all animations have to be flashy to grab the attention of the users. I also learned that sometimes the best uses for animation are in the very subtle cases where the viewers of the website may not even notice an animation is present.

Back to top

Project 4

Chapter 10 Creating a Smooth Sliding Menu
In chapter 10, I learned how to create a sliding menu to use on web pages I include and how to make it work smoothly to keep my pages looking neat and professional.
Chapter 11 Scroll-Activated Animations
In chapter 11, I learned how to make the content a user scrolled into view appeared and the content that a user scrolled out of view just disappeared. Which is a scrool-activated animation and I learned some advantages and disadvantages of them.
Chapter 12 The iOS Icon Wobble/Jiggle
In chapter 12, I learned how the wobble affect on the icons work when you press and hold an icon on your iOS (iPhone/iPad/iPod) device’s home screen. I learned how the coding works and what all goes into this simple animation.
Chapter 15 Creating a Sweet Content Slider
In chapter 15, I learned how to code a content slider and how to use it on my webpages. I also learned about how the HTML, CSS, and JavaScript elements can be combined to make a content slider and see how they all work together.