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

  • By
    Being a Dev Dad

    I get asked loads of questions every day but I'm always surprised that they're rarely questions about code or even tech -- many of the questions I get are more about non-dev stuff like what my office is like, what software I use, and oftentimes...

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

Incredible Demos

  • By
    CSS Fixed Positioning

    When you want to keep an element in the same spot in the viewport no matter where on the page the user is, CSS's fixed-positioning functionality is what you need. The CSS Above we set our element 2% from both the top and right hand side of the...

  • By
    Introducing MooTools Templated

    One major problem with creating UI components with the MooTools JavaScript framework is that there isn't a great way of allowing customization of template and ease of node creation. As of today, there are two ways of creating: new Element Madness The first way to create UI-driven...

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!