08 Apr

prettyLoader – No Margin For Errors

You know, when you do an ajax call and you never quite know where to position your loader. prettyLoader takes care of that for you, by default, prettyLoader will “hook” to the jQuery ajax function and display a nice spinning circle next to the mouse cursor and hide it once the ajax call is complete, neat no?

via prettyLoader | Stéphane Caron – No Margin For Errors. Very nice though personally I prefer using a basic ajax loading icon and replacing the form with a standard size (typically 32 pixels square) loading icon.

08 Apr

jQuery plugin: ‘autoResize’ – James Padolsey

Inspired by Jason Frame’s method, I’ve created an animating ‘autoResize’ jQuery plugin. Although it was inspired by his plugin it has a few slight differences, most notably the way in which the off-screen “testing” takes place. In his plugin (apparently inspired by Facebook’s implementation) a DIV is created off-screen and is filled with the textarea’s value whenever it changes. The height of this DIV is retrieved and then applied to the textarea. My plugin makes use of the scrollTop DOM property to gain the true height of the text and then applies that directly (or via animation) to the textarea.

via jQuery plugin: ‘autoResize’ – James Padolsey. Extremely nice jQuery plugin for auto-resizing textareas. The one issue is that on page load the plugin doesn’t calculate the size of the textarea. Reading the jQuery API docs for the Ready event it looks like a normal jQuery object can not be binded to ready, only the jQuery document core object can be.

06 Apr

Slot Machine Tabs – CSS-Tricks

After clicking a new tab the three columns slide away and are replace with new ones at random rates, like a slot machine.

via Slot Machine Tabs | CSS-Tricks. It interesting but the design is flawed in a few ways, most importantly you have to wait for the columns to settle before clicking a new and the code itself has a few other issues. But otherwise it’s unique and interesting.

06 Dec

Secret Santa Project

It’s the holiday season and that means you are buying a lot of gifts and probably along the way doing at least one gift exchange. Probably the most well known of these (at least here in the US) is Secret Santa.

My family does Secret Santa amongst ourselves and this year I decided to modernize it by writing a simple php script that would shuffle the names and emails and send an email to each person telling them who they had.

It all worked really well except for the emailing part, they kept going into the spam folder. So that was a bust.

Last night however I had some free time and I took that script and updated it into a quite nice and simple web app (and no longer do emails go into the spam folder).

You can try the code out at http://secret.yostivanich.com/ or download the whole package here.

Included in this package is unmodified versions of Blueprint CSS Framework and PHPMailer. The rest of code there is all mine and is under a href=”http://www.opensource.org/licenses/mit-license.php”>MIT License, essentially do whatever you want with my code.

I’ll work on a a couple of tutorials to walk though what I what did over the next few posts, till then have fun.