Now, I have started using FuelPHP, which is an awesome new PHP 5.3 framework! It’s been the framework for the new gfxtub, and it’s really working out quite well. Since starting using fuel, I have contributed an Image and Email class, and now I made my first package: Fuel Compressor.

Really how it works is simple. The compressor works like the asset class, sort of. An example of using the compressor is:

Fuel::add_package('compressor');

$files = array('script1.js', 'script2.js', 'scriptN.js');

// Echos <script src="http://.../scripts.pack.js" type="text/javascript"></script>
echo Compressor::js($files, 'scripts.pack');

Continue >

This update added a few features to the plugin:

• Uses one flash element being repositioned around the page. Decreases load times and stress when multiple elements are copyable.
• Added the choice to choose which size method to use (Outer, inner, standard .width()/.height())
• Removed a couple of dependencies, and removed the resize event. This was due to the fact that if you resize an inactive
  element, it updates next time it is hovered over. Also if needed, the update can be called manually, which is a lot more
  resource friendly :p
• Added the events ‘mouseleave’, ‘mouseenter’, and ‘complete’ (Which is fired after a successful copy)
• Just about rewrote the thing, lots of code changes.

And a video of the script in action after the jump. Continue >

Well, since I have not even touched this blog in a while, I figured I would make a little post about what I’ve been up to. Right now I am working with FuelPHP, and made a few classes for them (Image + Email). Due to me now loving fuel, I have been in the process of rebuilding gfxtub.com with it. I did have some new features for it, but sadly my HDD got fried. My plans for gfxtub.com will be reveal shortly, but my goal is to make it something that will make working with images, in any way, on the web awesome. Right now you can upload, but we all know images need to be able to more than  that :p

I’ll be updating this blog more often, hopefully!

Recently, while developing my site gfxtub.com, I came across the need to do a flash copy to clipboard. Now, this was easy enough with ZeroClipboard, but once I tried mixing it with jQuery and making multiple clipboards, stuff got messy. So, in the spirit of cleaner code, I started a new project to make the use of ZeroClipboard easier with jQuery. So, you can check out my project over at github (Link).

Basic usage of the script goes along the lines of

$('selector').zeroclipboard({text: 'This is the text to copy!'});

Thats it! You use the same method to update text and any other options, or to destroy the flash object. Also, when the .remove() is called on element the clipboard is bound to, it removes the zeroclipboard automagically. Also, any mouse events on the element select are emulated when they are preformed on the flash object.

Read the entry on github for more information, but I am trying to make clipboards as easy and painless as possible. The only problem is the use of external libraries, which I would like to minimize, but right now they work good with the script.

Well, during my free time of late I have been working on a little site. Recently, I hit the point where its basic function, getting images on the web, is working. The site offers to keep your photos online forever with no limits, as long as the images are legal in the United States. I hope to add more features with the login, such as making thumbnails and possibly adding a folder structure and API for veiwing images.

Visit it over at Gfxtub.com

Out of boredom, and the need for something on my portfolio, I went and made a plugin for jQuery that made a lightbox like gallery without much modification. Actually, you just need to import the script + add a class to an element, and your done. If you wanna check it out, click the link below

[dGallery]

Now, I needed this for my own purposes (remaking the image mapper). But, since it works very well, I decided to release it for anyone to use. What can it do?

• Add a tooltip, or comment, to any DOM object or just using coords
• Add it to one or multiple objects
• Have it removed after a certain amount of time, or when an event happens to the parent of the comment
• Choose how to position them

Tested Browsers: IE6+, Firefox 1.5+, Safari 4, and Google Chrome 1.0 (All on Windows).

For a full explaination, just go over to the [jQuery Tooltips Site]