JavaScript Tutorials
![Introducing MooTools ScrollSpy]()
Introducing MooTools ScrollSpy
I've been excited to release this plugin for a long time. MooTools ScrollSpy is a unique but simple MooTools plugin that listens to page scrolling and fires events based on where the user has scrolled to in the page. Now you can fire specific...
![Firefox Extension Template]()
Firefox Extension Template
Creating a Firefox extension can be difficult if you don't know the files involved and how to structure your extension folder. Fear not -- I have created a very basic Firefox extension template file/folder structure for you to get your first plugin going. File & Folder...
![Create a Basic Web Service Using PHP, MySQL, XML, and JSON]()
Create a Basic Web Service Using PHP, MySQL, XML, and JSON
Web services are taking over the world. I credit Twitter's epic rise to the availability of a simple but rich API. Why not use the same model for your own sites? Here's how to create a basic web service that provides an XML...
![MooTools Zebra Table Plugin]()
MooTools Zebra Table Plugin
I released my first MooTools class over a year ago. It was a really minimalistic approach to zebra tables and a great first class to write. I took some time to update and improve the class. The XHTML You may have as many tables as...
![Represent Your Repositories Using the GitHub Badge!]()
Represent Your Repositories Using the GitHub Badge!
Update: The badge includes jQuery which breaks any MooTools on your page. Be aware before including...as I wasn't. Update 2: MooTool's own Thomas Aylott has an awesome MooTools version! You can grab it at: http://github.com/subtleGradient/mootools-github-badge/tree/master! GitHub users are generally proud of their...
-
![JavaScript Exercise: Find the Number of Unique Letters in a String]()
JavaScript Exercise: Find the Number of Unique Letters in a String
Everyone once in a while it's good to complete a fun vanilla JavaScript exercise. One recent exercise I tried was to find the number of occurrences of each letter in specified string. The following was my method. The JavaScript The Result The above results in 20 letters...
![MooTools’ AutoCompleter Plugin]()
MooTools’ AutoCompleter Plugin
One of the famous MooTools plugins is Harald Kirschner's AutoCompleter plugin. AutoCompleter takes a term input by the user and searches for matches -- an obviously help to the user. Here's how to make the most of Harald's great plugin. The XHTML All we...
![Facebook-Style Modal Box Using MooTools]()
Facebook-Style Modal Box Using MooTools
In my oh-so-humble opinion, Facebook's Modal box is the best modal box around. It's lightweight, subtle, and very stylish. I've taken Facebook's imagery and CSS and combined it with MooTools' awesome functionality to duplicate the effect. The Imagery Facebook uses a funky sprite for their modal...
![Skype-Style Buttons Using MooTools]()
Skype-Style Buttons Using MooTools
A few weeks back, jQuery expert Janko Jovanovic dropped a sweet tutorial showing you how to create a Skype-like button using jQuery. I was impressed by Janko's article so I decided to port the effect to MooTools. The XHTML This is the exact code provided by...
![Harald Kirschner’s Sly]()
Harald Kirschner’s Sly
Back in December when the Sizzle selector engine was announced, John Resig's creation was thought to be the end game. Four months later it seems as though it was just the beginning. Harald Kirschner has released Sly, a standalone JavaScript selector engine that absolutely...
