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
    Regular Expressions for the Rest of Us

    Sooner or later you'll run across a regular expression. With their cryptic syntax, confusing documentation and massive learning curve, most developers settle for copying and pasting them from StackOverflow and hoping they work. But what if you could decode regular expressions and harness their power? In...

  • By
    Page Visibility API

    One event that's always been lacking within the document is a signal for when the user is looking at a given tab, or another tab. When does the user switch off our site to look at something else? When do they come back?

Incredible Demos

  • By
    Translate Content with the Google Translate API and JavaScript

    Note:  For this tutorial, I'm using version1 of the Google Translate API.  A newer REST-based version is available. In an ideal world, all websites would have a feature that allowed the user to translate a website into their native language (or even more ideally, translation would be...

  • By
    CSS Rounded Corners

    The ability to create rounded corners with CSS opens the possibility of subtle design improvements without the need to include images.  CSS rounded corners thus save us time in creating images and requests to the server.  Today, rounded corners with CSS are supported by all of...

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!