-
Recent Posts
Archives
- June 2013
- May 2013
- April 2013
- March 2013
- February 2013
- January 2013
- December 2012
- November 2012
- October 2012
- September 2012
- August 2012
- July 2012
- June 2012
- May 2012
- April 2012
- March 2012
- February 2012
- January 2012
- December 2011
- November 2011
- October 2011
- September 2011
- August 2011
- July 2011
- June 2011
- May 2011
- April 2011
- March 2011
- January 2011
- December 2010
- November 2010
- October 2010
- September 2010
- August 2010
- July 2010
- June 2010
- May 2010
- April 2010
- March 2010
- February 2010
- January 2010
- December 2009
- November 2009
- October 2009
- September 2009
- August 2009
- July 2009
- June 2009
- May 2009
- April 2009
- March 2009
- February 2009
- January 2009
- December 2008
- November 2008
- October 2008
- September 2008
- August 2008
- July 2008
- June 2008
- May 2008
- April 2008
- March 2008
- February 2008
- January 2008
- December 2007
- November 2007
- October 2007
- September 2007
- August 2007
- July 2007
- June 2007
- May 2007
- April 2007
- March 2007
- February 2007
- January 2007
- December 2006
- November 2006
- October 2006
- September 2006
- August 2006
- July 2006
- June 2006
- May 2006
- April 2006
- March 2006
- December 2005
- November 2005
- August 2005
- July 2005
- June 2005
- May 2005
- April 2005
- March 2005
- February 2005
- November 2004
- October 2004
- August 2004
- July 2004
- June 2004
- May 2004
- April 2004
- March 2004
- February 2004
- October 2003
Categories
Meta
Tag Archives: animation
Jake Archibald – Rendering without lumpy bits
Right, we’ve got a new project, we have to calculate and draw 500,000 pixels, and the deadline is in 16.67 milliseconds. When we’re done, we’ll do it again, and again. Web performance has always been about delivering those pixels on … Continue reading
Making Glass Cows
From solid block – to glass cow with milk inside – a quick look at the process. Neat animation! (via jnack)
Rotating Words with CSS Animations
Cool effect. Lots of manual work though (per word you have to define a delay) — Now, where are those CSS functions and variables? Rotating Words with CSS Animations →
2D transform’s translate() vs absolute positioning: performance evaluation
Hardware/GPU Acceleration FTW! Why moving elements with translate() is better than pos:abs top/left →
Web Animations Preview
A brief introduction to some of the concepts in the Web Animations specification — an attempt to overcome some of the limitations with both CSS and SVG animations and unify them at the same time — currently being defined by … Continue reading
Cleverly animating accordions
Q: How to transition to height:auto;? A: Transition max-height instead! As such: Stupidly clever! (via dropshado.ws)
Animated GIFs the Hard Way
The Sublime Text Website has some nifty animations to show of a few features. Turns out they’re not animated gifs. One of the criteria was that the animations should work everywhere, from IE6 to an iPad. This ruled out two … Continue reading
jQuery Transit
jQuery Transit is a plugin for to help you do CSS transformations and transitions in jQuery. Include the plugin and you can use code like this to perform transformations: $(“#box”).css({ x: ’30px’ }); // Move right $(“#box”).css({ y: ’60px’ }); … Continue reading
requestAnimationFrame Introduction
Good introduction to working with requestAnimationFrame(). Be sure to also give the aforementioned requestAnimationFrame example a look. requestAnimationFrame — The secret to silky smooth JavaScript animation! →