Animating CSS3 Transforms (and other non-numerics) with jQuery

In case you’ve ever wanted to directly animate a non-numeric property using jQuery, the step callback allows you to tap directly into the animation interval:

Since you’re tacking on code to the normal animation() loop, be mindful of the performance impact. Here’s a quick test on JSPerf.

Comments [] Categories: Development javascript jQuery |

Prime Number Generator

Finally got around to re-making my old AS3 prime number generator in JavaScript. Serves no real purpose, other than being a surprisingly effective method of self-hypnosis.

Link : Prime Number Generator

Comments [] Categories: Development Experiments Math |

Three Letter Words

There’s over 900 legal 3-letter words in Scrabble, and I’ve never had any luck with memorizing the list. So I’m trying to build something that flashes them at random in my periphery.

Trying it out with the complete list below to (hopefully) form an association with each word’s position in the array, but I think I’ll end up needing some kind of visual cue. Maybe a random image, or some sort of memory palace deal.

Link: Three Letter Words

Comments [] Categories: Design Development Experiments Scrabble |

Avoiding a FOUT with Data URIs

A big issue with @font-face is the FOUT, or Flash of Un-styled Text. Paul Irish has a great article on the problem, with updates covering the evolution of the quirk in newer browsers (FF4 getting a little better, IE9 being a mixed bag).

Several of the solutions that are out there use JS to hide your @font-face content whilst the font file is loading, essentially matching what non-FOUT browsers are doing anyway. This is okay, but it still can create a noticable gap between the rendering of the page and the display of the styled text.

The article above mentioned data URIs as another route that still caused the flash; I couldn’t find a working demo to show that, so I made one to test it out. Curiously, not seeing a FOUT in the big trouble environments (FF3.6 & IE9), plus I’m not seeing much of a snap-on flash in the better browsers. Also using conditional comments and media queries to serve EOT type to older IEs / keep the data URI workaround to where it’s supported.

It’s possible that this wouldn’t fly as well with more complex sites, or maybe there’s a difference between the formats (I used TTF in my test). So eh, still worth a gander if you’re bothered by FOUT-y sorts of things.

Check it: http://georgepantazis.com/demos/fontface-datauri/

Comments [] Categories: Development Experiments |

It’s a whole new blog thing

Hooray, it’s a new blog / sharing / infodump site. Blogging, as you may know, is a form of prehistoric internet performance art that existed before “The Twitter”. I have one of those too, but this is probably better for posting things like code snippets and/or epic poems.

I have a stunningly awful track record of starting journals, webcomics, tumblr accounts, etc. only to completely forget about them after I’ve made a snazzy layout and one or two posts. I can’t make any guarantees, is the point. As insurance to give this site some meaningful internet content, here is a cat.

Comments [] Categories: Announcements new thing |

Kraft Mac & Cheese: Facebook

This project oversaw the redesign and transition of Kraft Mac & Cheese content from the existing dotcom into an all-Facebook experience.

Comments [] Categories: Development Kraft Portfolio |

King of the Road

King of the Road was a fast-turnaround project for Burger King, tracking the progress of The King on Tumblr as he travelled the country giving away dozens of Kinect-bundled Xbox 360s. YQL requests were used to transform RSS/XML data from other social networks into JSONP, which allowed us to operate the project exclusively on the Tumblr backend.

Comments [] Categories: Burger King Development Portfolio |