« Hot August Events at Yelp | Main | Yelp Engineering Opens an Office in Palo Alto: Come Help the World Find Great Local Businesses! »

09/04/2013

HTML5 Canvas Learning Group

Up today is another learning group! For those new to the concept, Yelp’s learning group happens every Friday: we serve lunch and listen to a tech talk about something cool, from learning a new language to strategies in Starcraft.  Last month we had an excellent talk by Cameron P., a web developer here at Yelp, on HTML5 Canvas.  He covered how to speed up 2D rendering in browsers and demoed his personal project “Literally Canvas,” a WYSIWYG drawing widget you can embed on any web page. With HTML5’s Canvas, you can create: graphs, animations, games, image compositions, and more. The talk covers the graphics pipeline and how it relates to high level drawing operations, then dives into various techniques for improving performance, including:

  • minimizing state changes and drawing operations
  • offscreen rendering
  • efficient animations
  • taking advantage of canvas specific quirk