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-1.png

Recent Features

  • 5 Ways that CSS and JavaScript Interact That You May Not Know About

    CSS and JavaScript:  the lines seemingly get blurred by each browser release.  They have always done a very different job but in the end they are both front-end technologies so they need do need to work closely.  We have our .js files and our .css, but...

  • Write Better JavaScript with Promises

    You've probably heard the talk around the water cooler about how promises are the future. All of the cool kids are using them, but you don't see what makes them so special. Can't you just use a callback? What's the big deal? In this article, we'll...

Incredible Demos

  • How to Create a Twitter Card

    One of my favorite social APIs was the Open Graph API adopted by Facebook.  Adding just a few META tags to each page allowed links to my article to be styled and presented the way I wanted them to, giving me a bit of control...

  • MooTools Star Ratings with MooStarRating

    I've said it over and over but I'll say it again:  JavaScript's main role in web applications is to enhance otherwise boring, static functionality provided by the browser.  One perfect example of this is the Javascript/AJAX-powered star rating systems that have become popular over the...

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!