All posts from 2011

CSS Flip-Counter Experiment
December 5th, 2011 / Code

The biggest shortcoming of my flip-counter script is the difficulty in modifying the appearance of the counter—any styling changes require altering 70 different sprite states. I am constantly asked for a nice layered template that would make updating the counter easier, but unfortunately none exists. The best way to make the counter's appearance easily customizable is to get rid of the images entirely, and that was the goal of this experiment.

Continue reading

Logging Disqus Comments with Clicky
April 5th, 2011 / Code

When someone makes a comment on my site, I like to see it in the visitor's action list on Clicky. If you're using Disqus with WordPress, here's an easy way to log comments.

Continue reading

Scrolling Content with jQueryUI Slider
February 5th, 2011 / Code

My first step when thinking of ways to create scrollable content was a Google search that lead me to a good post outlining how to use jQueryUI Slider to scroll a div. This solution required altering the jQueryUI source, which I felt was unnecessary, so I came up with a simple solution.

Continue reading

Creating Apple's New Slide Menu with jQuery
January 30th, 2011 / Code

I don't know how long it's been there, but I noticed yesterday that Apple has a new product nav menu that replaced their old horizontal scroller with some new animated candy. I was impressed to see that all transitions and animations are CSS-based. Unfortunately, it will take some time before all major browsers even support this cool new CSS wizardry. Never fear—you can create a similar menu with jQuery that works in every browser, even IE6.

Continue reading