Enhance your web page graphics and animations using HTML5 and CSS. Examine various adaptive AI and animations techniques, including SVG graphics, 2-D and 3-D models, and how to animate all components.
Learning Objectives
Programming in HTML5: Adaptive AI, Graphics, & Animation
- recognize how to implement flexible CSS3 layouts
- understand how to design flexible layouts with multiple columns
- recognize how to apply CSS styling to HTML5 canvas elements
- recognize the process of using HTML5 canvas API to draw and manipulate complex graphics
- define SVG graphics and its use
- recognize how to use SVG to Create 2-D Geometric Shapes
- recognize how to apply transformations to SVG elements
- recognize how to work with patterns and gradients on SVG Elements
- recognize how to work with text
- define a new keyframe animation and how to configure it
- demonstrate how to configure keyframe animations and properties
- recognize how to animate HTML5 with transforms
- recognize how to apply 2-D and 3-D transforms to HTML5 elements
- recognize how to work with CSS3 Transitions
- recognize the usage of media queries in HTML5 animation
- configure HTML5 animations and adaptive AI