Treehouse

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/

ydkjs-3.png

Recent Features

Incredible Demos

  • jQuery Link Nudging

    A few weeks back I wrote an article about MooTools Link Nudging, which is essentially a classy, subtle link animation achieved by adding left padding on mouseover and removing it on mouseout. Here's how to do it using jQuery: The jQuery JavaScript $(document).ready(function() { $('a.nudge').hover(function() { //mouse...

  • Google Extension Effect with CSS or jQuery or MooTools JavaScript

    Both of the two great browser vendors, Google and Mozilla, have Extensions pages that utilize simple but classy animation effects to enhance the page. One of the extensions used by Google is a basic margin-top animation to switch between two panes: a graphic pane...

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!