SitePoint
  • Premium
  • Library
  • Community
  • Jobs
  • Blog
LoginStart Free Trial

The home for developers

Track your course progress, manage projects, and find your dream job - all in one place.

Start Your Free Trial

7 Day Free Trial. Cancel Anytime.

SitePoint Premium

  • Access to 700+ courses
  • Publish articles on SitePoint
  • Daily curated jobs
  • Learning Paths
  • Discounts to dev tools
  • Library/
  • Video courses/
  • Start Animating with the HTML5 Canvas
Start Animating with the HTML5 Canvas

Start Animating with the HTML5 Canvas

You may have animated with CSS, but have you tried HTML5?


Course details

4.5∙21 Ratings12 reviews

Published
July 2017
Videos
4
Duration
29m
Happy students
1296

Take this course

About the course

The HTML5 canvas element is a great way to add lightweight graphics and animations to your websites. Since the canvas API works identically on most modern browsers on both desktop and mobile, browser idiosyncrasies aren't often an issue. In this series, you are going learn the basics to start using the HTML5 canvas productively. Thirsty for more? Try our CSS Animation Tips mini course, within the first lesson you'll learn to work with basic CSS animation functions. That was just a taster, let Donovan from CSS Animation Rocks teach you everything you need to know about creating professional CSS web animations with our course Animating with CSS. With an almost 5-star rating, it's clear to see why so many students love this course.

Course Instructor

Ashraff Hathibelagal

Ashraff Hathibelagal

Ashraff is a blogger and freelance programmer, who loves tinkering with new frameworks, SDKs and devices. He has been building enterprise applications for various multinational organizations using HTML, PHP and Java for over a decade now, something he still enjoys. Lately, Ashraff has become obsessed with newer languages such as Ruby and Kotlin, never missing a chance to use them in his projects.

Course Outline

Lesson 1: Animating with the HTML5 Canvas
  • Free
    Creating Simple Illustration with HTML5 Canvas
    8:27
  • Locked
    Creating Animations with HTML5 Canvas
    5:22
  • Locked
    Efficient Animations Using Canvas States and Transformations
    7:28
  • Locked
    How to Create a HTML5 Animation with Sprites
    8:28

Reviews
4.5

20 total

10
9
1
0
0

Course details

4.5∙21 Ratings12 reviews

Published
July 2017
Videos
4
Duration
29m
Happy students
1296

Take this course
SitePoint

Stuff we do

  • Premium
  • Newsletters
  • Learning paths
  • Library
  • Forums

Contact

  • Contact us
  • FAQ
  • Publish your book
  • Write an article
  • Advertise

About

  • Our Story
  • Corporate Memberships
  • Start free trial
  • Login

Connect

  • RSS
  • Facebook
  • Twitter (X)
  • Instagram

Subscribe to our newsletter

Get the freshest news and resources for developers, designers and digital creators in your inbox each week

© 2000 – 2025 SitePoint Pty. Ltd.

This site is protected by reCAPTCHA and the Google Privacy Policy and Terms of Service apply.

Terms of usePrivacy policy