public marks

PUBLIC MARKS from srcmax with tag animation


Making things move

Making things move When you are a front-end developer

Aerotwist - FLIP Your Animations

I’ve come to love FLIP as a way of thinking about animations, because it’s a good match of JavaScript and CSS. Calculate in JavaScript, but let CSS handle the animations for you. You don’t have to use CSS to do the animations, though, you could just as easily use the Web Animations API or JavaScript itself, whatever’s easiest. The main point is that you’re reducing the per-frame complexity and cost (which normally means transform and opacity) to try and give the user the best possible experience.


GreenSock | GSAP

GSAP is a suite of tools for scripted, high-performance HTML5 animations that work in all major browsers. No other library delivers such advanced sequencing, API efficiency, and tight control. Stop wrestling with cumbersome CSS animations, stuttery jQuery.animate() calls, or a system that limits your creativity. Use animation to tell a story in a rich way rather than settling for a few fades and slides. Animating with code may seem intimidating at first, but don’t worry, our platform was engineered to make it simple and intuitive.


by 4 others
bounce.js lets you create tasty CSS3 powered animations in no time.


by 3 others
Velocity is a jQuery plugin that re-implements $.animate() to produce significantly greater performance (making Velocity also faster than CSS animation libraries) while including new features to improve animation workflow.


svg.js - A lightweight JavaScript library for manipulating and animating svg

by 1 other
A lightweight library for manipulating and animating SVG.


requestAnimationFrame for smart animating « Paul Irish

In your animation work, you've used a timer loop to make changes every few milliseconds. Good for us: browser vendors have decided, "hey, why don't we just give you an API for that, because we can probably optimize some things for you." So it's basic API for use with animation, whether that be DOM-based styling changes, canvas or WebGL.

jQuery Animations with automatic CSS3 transitions when possible

by 1 other
Extend $.animate() to detect CSS transitions for Webkit, Mozilla and Opera and convert animations automatically.


Sencha - Sencha Animator - Create CSS3 Animations with Ease

by 1 other (via)

Introducing Sencha Animator, a powerful desktop application to create awesome CSS3 animations for WebKit browsers and touchscreen mobile devices. Make your static content come to life quickly and easily, without the dependency of third-party plugins or writing a single line of CSS code. In no time at all, you’ll be creating rich experiences for today’s most popular devices.


2006 (Objet video/quicktime)

Gang of Zboubs ! Le gang des zguègues en français !


14 manières de tuer son boss !

by 4 others (via)
Découvrez les 14 manières pour tuer votre patron !

srcmax's TAGS related to tag animation

css +   css3 +   easing +   flash +   funny +   generator +   jQuery +   js +   library +   mail +   plugin +   polyfill +   requestAnimationFrame +   scroll +   svg +   transform +   transition +   vidéo +