Archive for July, 2011
Timing issues when animating with CSS3 Transitions
I have been playing around a lot lately with motion graphics created using HTML5 and / or CSS3. One of my favorite new features is CSS Transitions, which makes it super simple to animate element properties between two states.
However, I ran into a gotcha the other day, and wanted to make a quick blog post in case anyone else runs into it in the future. Basically, if you change a property that a CSS Transition is monitoring in the same script loop that you add the element to the DOM, the CSS Transition will not take affect. Instead, the element will be drawn with the new properties, and will not animate to those properties.
Here is an example that shows the issue, as well as how to fix it.
Read the rest of this entry »
JTV Live : A Google Chrome Extension for Justin.tv
Since I started playing Starcraft 2, I have become a pretty big fan of e-sports, and in particular, of watching streams of games. The most popular site for streaming is Justin.tv, where you can find tons of high level gamers streaming their gameplay. However, Justin.tv’s site does not make it easy to find out which of your favorite streams are live at any particular time.
So, to solve this problem, I created JTV Live, a Google Chrome extension for helping you track which of your favorite Justin.tv streams are live.
Read the rest of this entry »
