My SandboxWorldWide Telescope ControlCSS Gradient EditorTweenerColor PickerMove behaviorValue SlidersArticles / RantsCSS3 and GradientsjQuery vs MootoolsOther StuffAbout meCosmic ChildResumeWhat's newLast updated: March 24, 2014WorldWide Telescope on your web site!March 24, 2014Embed the entire known universe on your blog! I am back on the WorldWide Telescope project as of fall 2013 and have been revamping the site and creating fun things like embeddable controls.Here, try it!<div id="wwtControl"></div><script src="http://worldwidetelescope.org/embedded-webcontrol.js"></script>WWT Configurations:Galactic Plane Mode (GLIMPSE360)Play a sample tour of the milky wayImport AVM-tagged images into WWTA Tweenie UpdateFeb 19, 2013
I finally merged my two tween objects. I had created a tweener that would tween dimensions, position, and color, but then I also made a gradient animator to go along with my gradient editor. Now I have them both working simultaneously. I also finally added IE10 support to the gradients and was a wee bit surprised at IE's performance in the realm of gradient tweens.
Browser
Avg. FPS
Internet Explorer v10    
272
Firefox v18
228
Chrome v24
222
I made a couple of 7-color gradients and animated the exact same gradients on Chrome, Firefox, and Internet Explorer. So who won out?...
Brace yourself.
Internet Explorer! And CHROME was the SLOWEST!
I have a pretty beefy machine here at home running Windows 8, but you can see what my average framerates looked like.
I left the console.log calls in so you can see for yourself. IE looks amazing honestly.
I have also added some other extra properties you can tween - rotation (transform), border (color and width), and border-radius. A jquery plugin + documentation are coming...
RequireJS-ified
Jan 17, 2013
I've been surfing the various frameworks out there lately (backbone, ember, knockout, commonjs, etc.) and one stuck out as particularly relevant to my sandbox here. Require. So I spent a couple of days rewriting my components to have nested dependancies using the requirejs framework. Pretty damn slick. Take the gradient page. Here is the dependancy stack:
Views/Master
thewebkid-core
Views/gradient-manager
Controls/gradient-editor
Obj/gradient-core
obj/color
Controls/color-picker
Controls/sliders
Controls/move
Obj/color
Controls/gradient-animator
Modals/AnimateGradients
It seems to have a pretty slick speedy and predictable engine to load components. And with just my little gradient sandbox example, this really helps to simplify the code base. I will continue to tinker with it...
All Strapped in...
Nov. 20, 2012
I've been playing with Twitter Bootstrap for the past 6 months. Well that and Font Awesome, several Google APIs, and the open source FullCalendar. I used these technologies/components/frameworks in my last gig where I was tasked with creating the entire presentation layer of PlaceFull.com. 
But I decided to use Bootstrap on thewebkid.com and redesign a few th