Notes

Projects

TODO: for each of my 'project' pages:

  1. Put the objective and my example at the top of the page.
  2. Provide a step by step guide to creating it.
  3. The guide should include resources to reduce the amount of typing needed.

An example of this is the animation keyword which is shorthand for lots of things, all of which need explaining!
animation: duration | easing-function | delay | iteration-count | direction | fill-mode | play-state | name
animation: 3s ease-in 1s 2 reverse both paused slidein;

This link may be useful: Animation

TODO: get creative myself. Animate all sorts of things, e.g. letters - my own name for example.

Objectives of the projects

  1. General skills such as
    • Copy and Paste
    • Commenting and uncommenting
  2. Introductory level understanding of html code including setting it out well.
  3. Introductory level understanding of css.
  4. Introductory level understanding of css animation.

I also hope that there is some benefit in an exposure to declarative languages instead of the mostly imperative one (Scratch) we have used up to now.