Getting started

Outline of Summer 2024 Sessions

CSS Animations

Projects

  1. Animating html
  2. Colours and Movement
  3. Translate
  4. Skew
  5. Rotate
  6. Interactive
  7. Moving the Origin
  8. Style SVG Text
  9. Text and Path
  10. Image and Path

Reference

  1. The CSS 'animate' Instruction.

Tools

  1. HTML Editor
  2. svgedit
  3. Python Web Server

Resources

  1. An SVG drawing
  2. An SVG drawing of a robot
  3. styles.css

Applications

  1. Traffic Lights

Advanced Topics

  1. Robot (img) and Background
  2. Robot (inline) and Background

Experiments

  1. The simplest possible hand written svg?
  2. Typewriter
  3. hello.html
  4. Path
  5. Percentages
  6. Pseudo Classes
  7. Hidden and Visible
Contents
Notes
Test of interactivity