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

While browsing the e-magine forums, answering a topic here and there, I discovered very well written and simple to follow tutorial on bulding a modal login dialogue using MOOdalBox. I’m really happy to see such a piece of work – it makes the time I spent writing the scripts even more meaningful. Thank you, Jani !

So, if you ever feel like posting a word on any of my scripts on your blog, or if you feel yo can contribute, do drop me a line, be it over e-mail, on the forums, in a comment or.. anything you may find suitable. And at any time, do ask for directions, and generally.. don’t be a stranger, don’t stay anonymous – we all need to know you and meet your work

As always, credit will be given where due

As some of you may have noticed (and thanks to those that notified me of the errors), the site was down for two days, the forum had errors, the playground was 404

This was due to a server change I requested because of frequent downtimes on the previous one. However, the new server my site was moved to had certain features differently configured – that rendered my site inaccessible.

First was the php version, that made my WordPress installation go AWOL (had to switch from php 5 to 4 to have it work). That also lead to errors on my forum pages, but those were corrected using some tips from the bbPress forums.

The cause of 404’s on my playground folders was that my .htaccess for that folder used the directive SecFilterEngine Off, in order to disable mod_security (which, when activated, interfered with my Ajax calls). But on this particular folder, mod_security wasn’t configured and thus the .htaccess generated an error and wasn’t correctly interpreted (I used it to disable mod_rewrite in the playground folder too, in order to prevent WordPress’ rewrite rules – but since it had an error in it, the default WP rules were applied and no such page was found).

On a happier note, I just launched the “splash page” of an upcoming community website I’m working on, the one that pushed me to write the code for the vertical kwicks.

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

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.

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.