JavaScript

Article

By Tim Evko September 29, 2015

Watch: Performance with requestAnimationFrame

By Tim Evko

More from this author

Animation in JavaScript can be difficult to create, and even harder to optimize for performance. Learn how to get better at both with requestAnimationFrame! The demonstration from this screencast can be found in Codepen. You can find the mentioned link from the screencast here: http://html5hub.com/request-animation-frame-for-better-performance/

This is the first video of the series JS with Performance in Mind.

Loading the player…

More:

Instructional video, performance, requestAnimationFrame, Sitepoint Premium

Meet the author

Tim Evko

Tim Evko is a front end web developer from New York, with a passion for responsive web development, Sass, and JavaScript. He lives on coffee, CodePen demos and flannel shirts.

Danny Lewandowski

The Codepen link is incorrect. Pointing to a different example, the “ADD SAVE AS IMAGE FUNCTION”
- Tim
  
  Sorry Danny, I sent an email to the editor. Here’s the correct link – http://codepen.io/tevko/pen/vNLvQX
- Angela Molina
  
  Hey Danny, thanks for picking up on that. Got that fixed for you now.
Francis Kim

Thanks for the video :) Might have to play around with it.

Recommended

Sponsors

BDD in JavaScript: Getting Started with Cucumber and Gherkin

Graham Cox introduces Cucumber, a framework that runs BDD-style acceptance tests, which can be understood by non-technical people involved...

Graham Cox, 5 hours ago

Introduction to Kubernetes: How to Deploy a Node.js Docker App

Need to deploy multiple Docker containers? Jatin Shridar looks at Kubernetes: a tool for automated deployment, scaling, and management of...

Jatin Shridhar, a day ago

JavaScript

BDD in JavaScript: Getting Started with Cucumber and Gherkin

Graham Cox introduces Cucumber, a framework that runs BDD-style acceptance tests, which can be understood by non-technical people involved in a project.

JavaScript

Introduction to Kubernetes: How to Deploy a Node.js Docker App

Need to deploy multiple Docker containers? Jatin Shridar looks at Kubernetes: a tool for automated deployment, scaling, and management of docker containers.

Latest javascript Books and Courses

Forms with React and Redux

Easily create forms with Redux Form

Modern JavaScript

Keep up-to-date with the evolving world of JavaScript

Andrew Van Slaars

Plugin Systems with Hapi.js

Redux Design Issues and Testing

Design issues and testing, all in one spot

Premium Course

Brad Westfall, Jun 15

Forms with React and Redux

Premium Book

Modern JavaScript

Premium Course

Andrew Van Slaars, May 30

Plugin Systems with Hapi.js

Premium Course

Sam Slotsky, May 29

Redux Design Issues and Testing

All javascript Books and Courses