lecture-09-index.md

CTEC3905

Lecture 09 see slides

Main sections. Use the "down" arrow (bottom right of the slides) to view sub-sections (slides with an ellipsis "…")

• Staff contact details
• Web Animation: overview
• Browser rendering: overview …
  • Browser rendering: repaint and reflow
  • Browser rendering: opacity and transform, optimal animation
  • Browser rendering: high performance links etc.
• CSS transition: overview …
  • CSS transition: delay and triggers
  • CSS transition: code for in-slide demo …
  • CSS transition: simple demo of code
• CSS animation: overview …
  • CSS animation: code for in-slide demo …
  • CSS animation: simple demo of code
• SVG graphics: overview …
  • SVG graphics: software
  • SVG graphics: SVG vs. HTML5 Canvas
  • SVG graphics: specification and status
  • SVG graphics: accessibility
  • SVG graphics: cheesy cat example (demo)
  • SVG graphics: get started
  • SVG graphics: other resources
• SVG animation: example …
  • SVG animation: simplest possible SVG markup
  • SVG animation: simplest possible SVG markup
  • SVG animation: CSS for SVG animation
  • SVG animation: CSS animation keyframes
  • SVG animation: The two “SVG Sarahs”
  • SVG animation: Sarah Drasner examples
  • SVG animation: Sarah Soueidan articles
• SVG responsive: responsive SVG logo demo (Sarah Soueidan)
• Think, don't copy!

Slides created in Markdown (plus HTML5, JavaScript and CSS) using reveal.js.