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
    CSS Gradients

    With CSS border-radius, I showed you how CSS can bridge the gap between design and development by adding rounded corners to elements.  CSS gradients are another step in that direction.  Now that CSS gradients are supported in Internet Explorer 8+, Firefox, Safari, and Chrome...

  • By
    JavaScript Promise API

    While synchronous code is easier to follow and debug, async is generally better for performance and flexibility. Why "hold up the show" when you can trigger numerous requests at once and then handle them when each is ready?  Promises are becoming a big part of the JavaScript world...

Incredible Demos

  • By
    iPad Detection Using JavaScript or PHP

    The hottest device out there right now seems to be the iPad. iPad this, iPad that, iPod your mom. I'm underwhelmed with the device but that doesn't mean I shouldn't try to account for such devices on the websites I create. In Apple's...

  • By
    Dynamic Waveform Visualizations with wavesurfer.js

    Waveform images are an awesome addition to boring audio widgets.  They can be functional as well as aesthetically pleasing, allowing users to navigate audio visually.  I recently found wavesurfer.js, an amazing waveform image utility that uses to Web Audio API to create super customizable...

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!