Ramblings on technology with a dash of social commentary
RSS icon Email icon Home icon
  • jquery image cross fade

    Posted on August 16th, 2009 phpguru No comments

    I just spent an hour trying to figure out how to make an image cross-fade into another image using the amazing JQuery library.

    First I read this post,  and then continued on to part two.

    These tutorials are close, but the code was a bit confusing at first, and it didn’t seem that simple to integrate into my site.

    Then I found the motherlode:

    This single JQuery CrossSlide plug-in is easy to use instantly. It lets you perform slide-in and slide-out transitions with or without transparency fading in between multiple images.

    It even emulates the popular Ken Burns effect that is built into iMovie.

  • Color Scheme Designer: The Best Online Color Picker

    Posted on May 30th, 2009 phpguru 1 comment

    If you haven’t stumbled upon the online Color Scheme Designer, I don’t think you’ve lived.

    Maybe you’ve seen a Pantone color guide , which is great for designing for print, or a Javascript Color Picker or an HTML color picker form control you can use in your CMS system, but this web page goes way beyond that. Not only is this tool one of the most amazing DHTML / Javascript applications I’ve ever seen, it is extremely useful piece of software that I hope never goes down. The original version of the online color picker at WellStyled.com now has a new URL: www.colorschemedesigner.com

    Using this tool you can interactively create and modify palettes consisting of 1, 2, 3, 4 or more color tones and play with the hues, saturation and brightness to capture a pleasing palette for use in any design. It sort of reminds me of Kai’s Power Tools Gradient Designer — online, on a web page you can bookmark.

    Petr Staníček, the website’s creator is one of my heros. I’m moved to donate. It’s that good.