Proper way to animate with JavaScript

Hi there,

I would like a little advice for a proper way to animate with JavaScript, without using jQuery animate or Tweenlite. For example, i would like to do a basic addClass/removeClass on elements when an animation is finished. Let's say that the animation duration is 300ms. I would write it that way :

element.addClass('hidden'); setTimeout(function () { otherElement.removeClass('visible'): }, 300); 

However, it seems to me that this method is not the best, because whenever you have complex animation, you'll have to chain setTimeout inside other setTimeout, which is really ugly code.

Would appreciate your help !

Best regards,

React JS: JSX vs JS

I recently attended a ReactJS workshop and all the examples were provided in plain JavaScript, I know that the ReactJS examples are mainly provided in JSX. What do people prefer and why?

I'm currently on the side of plain JavaScript as I feel that it looks cleaner, removes the need to add raw HTML to your JavaScript, takes away the need for an extra compile step and lastly gives you some sort of linting/syntax highlighting and code competition.

Advance template enging

Hi all, just created a template engine with javascript. any advice would be appreciated.

Pixi.js - 2D webGL renderer with canvas fallback

http://www.pixijs.com/