O'Reilly

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/

Track.js Error Reporting

Upcoming Events

Recent Features

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

  • Chris Coyierâs Favorite CodePen Demos II

    Hey everyone! Before we get started, I just want to say it’s damn hard to pick this few favorites on CodePen. Not because, as a co-founder of CodePen, I feel like a dad picking which kid he likes best (RUDE). But because there is just so...

Incredible Demos

  • Create Custom Events in MooTools 1.2

    Javascript has a number of native events like "mouseover," "mouseout", "click", and so on. What if you want to create your own events though? Creating events using MooTools is as easy as it gets. The MooTools JavaScript What's great about creating custom events in MooTools is...

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

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!

Recently on David Walsh Blog

  • Free Download: Font Bundle Featuring 17 Incredible Typefaces

    The only thing we love more than a good font, is a good free font. So we’ve combed the Web for some of our favorite free fonts, and gathered them here in a single download. You’ll find a variety of useful typefaces, from highly geometric designs...

  • OâReilly Velocity Conference â Amsterdam

    My favorite front-end conference has always been O'Reilly's Velocity Conference because the conference series has focused on one of the most undervalued parts of client side coding:  speed.  So often we're so excited that our JavaScript works that we forget that speed, efficiency, and performance are just as important. The next Velocity...

  • CanIUse Command Line

    Every front-end developer should be well acquainted with CanIUse, the website that lets you view browser support for browser features.  When people criticize my blog posts for not detailing browser support for features within the post, I tell them to check CanIUse:  always up to date, unlike...

  • Generating Alternative Stylesheets for Browsers Without @media

    If your CSS code is built with a mobile-first approach, it probably contains all the rules that make up the "desktop" view inside @media statements. That's great, but browsers that don't support media queries (IE 8 and below) will simply ignore them, ending up getting the...

  • Serve a Directory with PHP

    Many developers have a giggle at PHP, even looking down at the language, but let's be honest:  most of our blogs are powered by it (WordPress) and it's a great language to dabble around with.  I cut my teeth on PHP, though I prefer to avoid PHP these days. But...