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
    Animated 3D Flipping Menu with CSS

    CSS animations aren't just for basic fades or sliding elements anymore -- CSS animations are capable of much more.  I've showed you how you can create an exploding logo (applied with JavaScript, but all animation is CSS), an animated Photo Stack, a sweet...

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

Incredible Demos

  • By
    Multiple File Upload Input

    More often than not, I find myself wanting to upload more than one file at a time.  Having to use multiple "file" INPUT elements is annoying, slow, and inefficient.  And if I hate them, I can't imagine how annoyed my users would be.  Luckily Safari, Chrome...

  • By
    Styling CSS Print Page Breaks

    It's important to construct your websites in a fashion that lends well to print. I use a page-break CSS class on my websites to tell the browser to insert a page break at strategic points on the page. During the development of my...

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!