Creative Juices Bo. Co.

Satisfy Your Thirst For Something Refreshing!

Adobe Illustrator Version of the Final Shuttle Lift-Off

The Final Space Shuttle Lift-Off and the Adobe Illustrator Cloud Study

I've been knee deep in coding for the past few months and was starting to go a little bonkers. I needed a few breaks this week and one of the things I like to do, when my brain is fried, is take things to a whole different dicipline. For me, that happens to be graphics. I came across the photo taken by Stefanie Gordon of the final Space Shuttle lift off and I thought that it would make a nice Adobe illustrator study because of all the clouds (I've been on a weird cloud kick lately!)

read full article...

A Fix for Paul Irish's imagesLoaded jQuery Plug-In

Quick Fix For Getting Called Twice

Paul Irish has a great jQuery plug-in to detect when images are loaded, called imageLoaded. If you've experienced problems detecting cached image loads, then you probably need to check out this great script. I have been experiencing a few quirks with it though. And one of the those seems to be that it gets called twice on occasion. But I think I figured out why.

I think what's happening, is it's firing the load event on both the data uri (for the blank gif) and then for the real image source. To stop this from happening, all we need to do is check the image src before we handle the callback. Here's the fix I came up with:

The Code
(function ($) {
    $.fn.imagesLoaded = function (callback) {
        var elems = this.filter('img'),
            len = elems.length,
            // data uri bypasses webkit log warning (thx doug jones (cjboco))
            blank = "data:image/gif;base64,R0lGODlhAQABAIAAAAAAAP///ywAAAAAAQABAAACAUwAOw==";
        elems.bind('load', function () {
            // check image src to prevent firing twice (thx doug jones (cjboco))
            if (--len <= 0 && this.src !== blank) {
                callback.call(elems, this);
            }
        }).each(function () {
            // cached images don't fire load sometimes, so we reset src.
            if (this.complete || this.complete === undefined) {
                var src = this.src;
                // webkit hack from http://groups.google.com/group/jquery-dev/browse_thread/thread/eee6ab7b2da50e1f
                this.src = blank;
                this.src = src;
            }
        });
    };
}(jQuery));

By the way, who is that cool guy Doug Jones that recommended the data uri in the first place!

Edit: I merged the src check for the callback with the len check for simplicity. Paul has also updated his version as well.

read full article...

It's Friday, How About A Few Things On jQuery

Just a Couple of Jquery Things I would like To Share

I've been working on a fairly robust website the past few weeks and I wanted to share a couple of small utility plug-ins as well as post some cool things I've discovered. The plug-ins are very rough. I'll eventually clean them up and post them in the projects section, but for now I just want to have a nice reference for them while things are fresh in my head.

read full article...

Oops, I broke JSLint

I think I just discovered a bug in JSLint, Cool!

You would think I would be used to breaking things by now, but I just discovered a weird bug in JSLint! How cool is that?!?

Anyway, the bug most likely isn't really a bug, it's more like a weird error result based on my screwed up JavaScript. I was working on one of my scripts and I kept getting a weird error result that looked like this:

JSLint Bug 2/9/2011

read full article...

Have A Cool jQuery Idea? Let Me Know, I'll Try To Make It

Come Up With A Cool jQuery Plug-In Idea and I'll Try To Make It

I was thinking the other night of writing a new jQuery plug-in and I was tossing around a few ideas of what to create. Then I started thinking... instead of making something I wanted, maybe I should let you guys tell me what you want. I know, weird, huh. But seriously, I think it might be kind of cool to see what the jQuery community is craving for. Most of my plug-ins focus on the problems I encounter on my client sites and to be honest, they can be a tad bit utilitarian. So if you have a great idea for a plug-in, lets hear it.

How It Works

I think we should lay down a few ground rules first.

  • I don't think we need to recreate the wheel. If there's already a plug-in out there that does what your asking, then I won't do it. Lets be original folks.
  • I don't think this should be a monster of a plug-in that's overly complicated. Lets try to come up with simple, elegant ideas.
  • I'll let the community vote on the ideas in the comments, but ultimately I'm going to decide what I work on. Hopefully, if something doesn't get chosen, then this can be a great resource for other developers to get some ideas.
  • I'm not going to setup an official "end of submission" date. We'll see what kind of community feedback we start getting and leave it up to everyone to decide what should be worked on and when we're ready to go.
  • Whatever gets developed is completely open sourced and available to the community to download. Most of my plug-ins are MIT licensed and I think this should be the same.
  • This is not a CONTEST. NO PRIZES WILL BE GIVEN!!! What you will get is accolades from the community and I think we will attach your name as the originator of the plug-in in the source code!
  • And finally, my client work takes precedent. So if I say I'll have it done by a certain time and don't. Then don't hate, I'm probably working on something that pays the bills.

I think that covers all the bases. If you think I missed something let me know. If not, then what are you waiting for. Start posting your ideas below and lets get started!

read full article...
Page: 12345678910111213>22