I was looking back over my old code from 2005, and I found some of the Duplicate Image Detection (DID) code that I wrote for Gallery 2, back in 2005. I decided to clean it up and post a simplified version for people working in PHP with the GD extension. read more »
I’ve been working on progressive enhancements to a web-controlled Pandora client called Pidora. In the process of wrangling the code, I discovered that there was really no good way to display long song titles/artists/albums. They either take up a varying amount of screen real estate, which throws off designs, or they get cut off, effecting readability.
To solve the problem, I decided to emulate the behavior of old MP3 players, and programs like WinAmp, by limiting the title to a single line, then scrolling it across the page. I considered using marquee tags to accomplish this, but the results would have been horrifying, and would have affected all titles, whether they needed it or not. Instead, I created a jQuery plugin that I call AnimateOverflow.
The plugin takes any group of block level elements, converts them to single line boxes, and, if the content is larger than the box, applies an animation to sweep through the content. Currently the plugin supports the two most common animations from old MP3 Players: linear and ping pong.
I work in a small office, with 2 other people. We all like our music, but work very different schedules. We wanted a device that could play music, without having to leave a computer connected to it, and could be controlled by all of us, from our desks. We needed a wide and flexible music collection, and an easy interface. Pandora was the perfect service, but dedicated receivers were all costly and complicated. The obvious solution? Build my own! read more »
For those of you who don’t know, jSlabify is my jQuery plugin to create slabbed blocks of type, like the one seen above. Until recently, there were two modes it could operate in, unslabbed and pre-slabbed.
In unslabbed mode, the plugin creates the rows of text, based on the size of the overall slab. In pre-slabbed mode, the plugin looks for rows of text already defined with <span class=”slabbedtext”>, and then simply sizes the rows to fit.
Now there is a more flexible option, that allows the user to define sections of text to treat as a single row, and then automatically slabs the rest of the text to fit. Simply wrap the text you want to be a single row in the tag <span class=”slabbedtext”>, and jSlabify will do the rest.
I made a simple demo of the new partial slabbing, here.
The main demo can be found here, as always.
With this new version, you no longer have to copy and paste your status. Instead, simply allow our Facebook app, and it’ll do the legwork for you!