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
    5 Ways that CSS and JavaScript Interact That You May Not Know About

    CSS and JavaScript:  the lines seemingly get blurred by each browser release.  They have always done a very different job but in the end they are both front-end technologies so they need do need to work closely.  We have our .js files and our .css, but...

  • By
    Create a CSS Cube

    CSS cubes really showcase what CSS has become over the years, evolving from simple color and dimension directives to a language capable of creating deep, creative visuals.  Add animation and you've got something really neat.  Unfortunately each CSS cube tutorial I've read is a bit...

Incredible Demos

  • By
    Spatial Navigation

    Spatial navigation is the ability to navigate to focusable elements based on their position in a given space.  Spatial navigation is a must when your site or app must respond to arrow keys, a perfect example being a television with directional pad remote.  Firefox OS TV apps are simply...

  • By
    Unicode CSS Classes

    CSS class name structure and consistency is really important; some developers camelcase classnames, others use dashes, and others use underscores.  One thing I've learned when toying around by HTML and CSS class names is that you can actually use unicode symbols and icons as classnames.

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!