David Walsh: The Lost MooTools Plugins

By  on  

I'm the type of guy that really pushes myself to get the job done. That said, not every plugin keeps my interest for reasons ranging from lack of interest to low return on investment. For those reasons, a few of my attempts at MooTools plugins have been left behind. Here are a few of them. (None of them work completely.)

Facebook Photo Tagging

One great functionality of Facebook's photos app is the ability to tag persons in photos. This was my rookie attempt. I wasn't well-versed in MooTools at the time and I believe I quit because I wasn't understanding with "bind" functionality.

ASM Select

This functionality was an attempt at porting a jQuery plugin to MooTools. I didn't have the skill needed to complete the functionality back then.

MooSpoiler

MooSpoiler was an effort by me to create a system that would allow web developers to hide specific elements until they were clicked on. For example, I DVR'ed a soccer game to watch later but then before I could watch the game, I saw the score on ESPN.com. Dammit! Due to image size and DOMReady issues, I moved on to other things.

Eddie MOOney

Inspired by the Rick-Roll, this was my heinous attempt to make your Fridays worse by launching a YouTube video any time you typed "dollar" in an article's comment box. In the end I decided to skip it.

Anything worth continuing? Let me know!

Recent Features

  • By
    5 More HTML5 APIs You Didn’t Know Existed

    The HTML5 revolution has provided us some awesome JavaScript and HTML APIs.  Some are APIs we knew we've needed for years, others are cutting edge mobile and desktop helpers.  Regardless of API strength or purpose, anything to help us better do our job is a...

  • By
    Serving Fonts from CDN

    For maximum performance, we all know we must put our assets on CDN (another domain).  Along with those assets are custom web fonts.  Unfortunately custom web fonts via CDN (or any cross-domain font request) don't work in Firefox or Internet Explorer (correctly so, by spec) though...

Incredible Demos

  • By
    CSS calc

    CSS is a complete conundrum; we all appreciate CSS because of its simplicity but always yearn for the language to do just a bit more. CSS has evolved to accommodate placeholders, animations, and even click events. One problem we always thought...

  • By
    MooTools Text Flipping

    There are lots and lots of useless but fun JavaScript techniques out there. This is another one of them. One popular April Fools joke I quickly got tired of was websites transforming their text upside down. I found a jQuery Plugin by Paul...

Discussion

  1. Cute :D

  2. JTJ

    I really like the facebook photo tagging plugin… I think it is definitely worth continuing development on.

  3. tim

    the facebook phototagging plugin is pretty nice, maybe (just a random idea) in combination with some ajax/json magic and mysql with a table like below, it’s worth to continue developing.

    table ‘phototags’
    photoid [id of a photo]
    facename [varchar of the tooltip in the box]
    x (int) [x coordinate for a facename box]
    y (int) [y coordinate for a facename box]

  4. The big one I have been looking at completing is the Facebook photo tagging class. It seems like fun and now I have the level of skill needed to complete it!

  5. Facebook phototag = golden. You could probably incorporate a resize box, the type used in image croppers, to outline a face. Saving the data and redisplaying it would be an interesting exercise.

    This is cool stuff all around though

  6. EmEhRKay is right, I actually use my image cropping plugin to create photo tags on the project I’ve been working on (still the same for over a year and a half, but hey we went alpha!). But your script is nice, it’s just that not being able to resize the square can be problematic (let’s say a closeup where only two or three faces fill the whole picture, that little square will only be visible if you hover someone’s eye). The cool part would be indeed to have a second script to generate the existing tags. But agreed that’s not the hardest part once you have done everything else. Ideal would be to generate the links to the users on the server side, with the coordinates included in an attribute (rel, title or else) and then have the script reposition those anchors over the photo, and add hover events. This way links to those users will still be accessible by search engines. Sure, just generating new anchors from a json string would be even easier

  7. Floris

    I’m currently also looking for a facebook-like phototagging plugin for MooTools. I was wondering if you’ve continued/finished this project, David?

  8. yes, +1 on the facebook-like tagging plugin!

Wrap your code in <pre class="{language}"></pre> tags, link to a GitHub gist, JSFiddle fiddle, or CodePen pen to embed!