Weekend Links – MooTools, jQuery, CSS Animations, Firefox 3, Phing, JavaScript Super Mario Kart

By  on  

How To Create A ‘MooTools Homepage' Inspired Navigation Effect Using jQuery

MooTools' website's subnavigation effect is pretty popular and easy to implement in Moo JavaScript. NetTuts shows you how to do it using jQuery.

http://nettuts.com/html-css-techniques/how-to-create-a-mootools-homepage-inspired-navigation-effect-using-jquery/

CSS Animations via MooTools

You know those Safari-only effects created by Webkit? Well, now you can emulate those easily with this Moo script.

http://ajaxian.com/archives/css-animations-via-mootools

jQuery Interactive Date Range Picker with Shortcuts

This jQuery date range picker is a piece of art. Not only a mini calendar, but some unique options. Hook this up.

http://www.filamentgroup.com/lab/jquery_interactive_date_range_picker_with_shortcuts/

Firefox 3 On Track To Be The Speediest Browser

Firefox 3 is out-of-control fast. I couldn't be more happy with release candidate 1.

http://lifehacker.com/391547/firefox-3-on-track-to-be-speediest-browser

Phing - PHP Project Build System

My favorite part of putting together a java project is using Apache Ant. Phing is the PHP flavor of Ant and I hope to try this out soon.

http://phpimpact.wordpress.com/2007/06/30/phing-php-project-build-system-based-on-apache-ant/

Javascript Super Mario Kart

I really need to figure out this <canvas> tag. People are doing some sweet programming with it. This time, we get Mario Kart!

http://blog.nihilogic.dk/2008/05/javascript-super-mario-kart.html

Recent Features

Incredible Demos

  • By
    Elegant Overflow with CSS Ellipsis

    Overflow with text is always a big issue, especially in a programmatic environment. There's always only so much space but variable content to add into that space. I was recently working on a table for displaying user information and noticed that longer strings were...

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

Discussion

  1. I only love the css animations with mootools !
    I don’t like Jquery :S

  2. The Interactive Date Range Picker is impressive!
    I used to be a mootools fan myself but now i’m migrating to jquery. There are tons of useful plugins and they’re all gathered on jquery’s homepage, so you don’t need to run for them allover the www. :)

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