e-magine(pretty && functional)

jQuery BBQ: A blockquote (AKA pullquote) script, that will unobtrusively grab content from your webpage and display it similarly to the way newspapers do it (see Wikipedia's definition of a pull quote).

It can either be dropped directly into the webpage, with no configuration, or can take a number of customization parameters if you want to get creative with it. It is very lightweight - only 2.2 Kb (to which you will need to add the size of your jQuery distro). read full article

While implementing yet another a WordPress site, I found myself in the situation where I wanted to display any and all images in lightboxes, but with a minimum of interaction from the editor’s part.

All current plugins that integrate Slimbox (that I know of – this one, for example) actually require the editor to add the rel="lightbox" attribute. But since the editors of this site have no HTML knowledge whatsoever and will be editing in “visual” mode, this hinders deployment.

So I came up with a modification to the actual javascript of Slimbox, to make it identify all links to images and lightboxify them read full article

MOOdalBox has the the honor to be the first featured post on the SkinShare dev blog, with a tutorial on how to make a quick and easy age verification procedure.

Unfortunately, this is a JavaScript only method – so it’s easily bypassed. I’ll have a version that uses more server-side scripting ready some time soon (for a project I’m working on), but this is cool and can easily enough be used just as a warning.

I started out to make a vertical menu using Fx.Elements (instead of the classic horizontal one), for one of the sites I’m working on and, as always, I chose to use relatively sized elements (namely ‘em’).

However, although Fx.Base has support for specifying the unit, the original Kwicks demo doesn’t play well out of the box specifying ‘em’ as the unit.

Here’s a demo of what I did: vertical kwicks with em sized elements (notice the scalability of the layout – change the font size and it still works flawlessly)

The solution was to replace all occurences of .toInt() read full article

Although still in development, the long awaited MooTools 1.2 is getting closer every day. Here’s one fresh new addition to the latest dev version.

In recent development of MooTools, we’ve incorporated into the core a plugin that was once pushed under the table and neglected. The Hash is a powerful new way to extend objects just like you’ve always wanted…

Read the original post on the MooTools blog. read full article

I finally decided to extend the e-magine.ro community (yeah, I’m referring to you.. 5-6 guys.. ) with a forum.

Without further ado, I introduce the e-magine.ro forums

The place where you can ask and get answers from other users of my scripts if I’m somehow unavailable.
The place where you’ll find other’s solutions, publicly addressed, instead of them being lost in some forgotten inbox.
The place where you’ll get to meet other fellow programmers, aiming for the same goals.
read full article

It just so happened that I got a request to extend the current Tips.js script in mootools, so as to have it load contents from an AJAX source, or from the innerHTML of a DOM node. I had a go at it and thought I’d share.

If there’s enough interest on this topic, I’ll make it a plugin, with a nice bundle. Here’s a sneak preview: http://www.e-magine.ro/playground/tipsx3/

NEW: discuss TipsX3 on the forums. Get support from others using it.

By luck, I just found out that mootools 1.1 was finally released (minutes earlier). Major changes and improvements in this release (I have been working with the dev version for a while now, so I should know ).

Quick download link: the modular download builder. read full article

Release 1.3 is now in Beta (1.3b2)

You may have a sneak peek on my MOOdalBox playgound page.

NEW: discuss MOOdalBox on the forums. Get support from others using it.

Lots of new features read full article

MOOdalBox: A modal box (inline popup), used to display remote content loaded using AJAX, web 2.0 style, written for the mootools framework.
It can be used to display some help document, an extra options page, a registration form, etc. It eliminates the need of classic popup windows, that may get blocked by popup blockers.
It's originally based on the excellent code behind Slimbox, so it inherits most of it's qualities / functionality. Compressed, it's only 4.2 Kb (about 25 Kb, including images, CSS and a light version of mootools 1.0).

NEW: discuss MOOdalBox on the forums. Get support from others using it.