Weekend Links – MooTools Rubberband, Flickable, MooMonth, PHP Image Colors, Prototype 1.6 & Scriptaculous 1.8

By  on  

MooTools Rubberband Selector

A MooTools script that allows you to select defined elements by drawing a square (with your mouse) around them. What to do with the collected elements is up to you!

http://pk69.com/mootools/rubberband/

MooTools Flickable

Impressive effect that functions much like an accordion, but with slider functionality as well.

http://creativepony.com/demos/flickable/

MooMonth

An impressive early version of a great MooTools-based calendar.

http://moomonth.com/

PHP / Image Color Analysis

Imagine if you could use PHP's Imagick extension to take an image input and extract a color palette based on which colors were used the most. Now you can.

http://valokuva.org/?p=72

Graceful Email Obfuscation

A List Apart presents numerous methods of email address obfuscation to prevent spam-spiders from picking off email addresses from your website.

http://www.alistapart.com/articles/gracefulemailobfuscation

History of Programming Languages

O'Reilly compiled a list of programming languages over the years.

http://www.oreilly.com/pub/a/oreilly/news/languageposter_0504.html

Prototype 1.6.0, script.aculo.us 1.8.0 Released

Powerhouse JavaScript framework Prototype and its sister Scriptaculous have both released new versions. Congratulations to both factions on the new releases!

http://prototypejs.org/2007/11/7/prototype-1-6-0-script-aculo-us-1-8-0-and-the-bungee-book-now-available

CSS "Secret Message" Using Positioning

A neat CSS special message page using positioning and scrolling.

http://css-tricks.com/make-a-secret-message-with-css-positioning-and-transparency/

Recent Features

  • By
    fetch API

    One of the worst kept secrets about AJAX on the web is that the underlying API for it, XMLHttpRequest, wasn't really made for what we've been using it for.  We've done well to create elegant APIs around XHR but we know we can do better.  Our effort to...

  • By
    Create a Sheen Logo Effect with CSS

    I was inspired when I first saw Addy Osmani's original ShineTime blog post.  The hover sheen effect is simple but awesome.  When I started my blog redesign, I really wanted to use a sheen effect with my logo.  Using two HTML elements and...

Incredible Demos

  • By
    Morphing Elements Using MooTools and CSS

    Morphing an element between CSS classes is another great trick the MooTools JavaScript library enables you to do. Morphing isn't the most practical use of MooTools, but it's still a trick at your disposal. Step 1: The XHTML The block of content that will change is...

  • 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...

Discussion

  1. Nice link roundup. I really dig that rubberband selector. I’m gonna see if I can work that into a project I’m working on.

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