Markup Tutorials
![Create a Sprited Navigation Menu Using CSS and MooTools]()
Create a Sprited Navigation Menu Using CSS and MooTools
CSS sprites are all the rage these days. And why shouldn't be? They're easy to implement, have great upside, and usually take little effort to create. Dave Shea wrote an epic CSS sprites navigation post titled CSS Sprites2 - It's JavaScript Time.
![Event Delegation with MooTools]()
Event Delegation with MooTools
Events play a huge role in JavaScript. I can't name one website I've created in the past two years that hasn't used JavaScript event handling on some level. Ask yourself: how often do I inject elements into the DOM and not add an...
![Fancy FAQs with MooTools Sliders: Version 2]()
Fancy FAQs with MooTools Sliders: Version 2
A little over a year ago I authored a post titled Fancy FAQs with MooTools Sliders. My post detailed a method of taking boring FAQs and making them more robust using the world's best JavaScript framework: MooTools. I've taken some time to...
![Dynamically Create Charts Using MooTools MilkChart and Google Analytics]()
Dynamically Create Charts Using MooTools MilkChart and Google Analytics
The prospect of creating graphics charts with JavaScript is exciting. It's also the perfect use of JavaScript -- creating non-essential features with unobtrusive scripting. I've created a mix of PHP (the Analytics class), HTML, and MooTools JavaScript that will connect to Google Analytics...
![Form Element AJAX Spinner Attachment Using jQuery]()
Form Element AJAX Spinner Attachment Using jQuery
Yesterday I showed you how to attach an AJAX spinner next to a form element using my beloved MooTools. Today I'll show you how to implement that same functionality using jQuery. The XHTML Elements with the "ajax" CSS class will be our target. The jQuery JavaScript We inject...
-
![Form Element AJAX Spinner Attachment Using MooTools]()
Form Element AJAX Spinner Attachment Using MooTools
Many times you'll see a form dynamically change available values based on the value of a form field. For example, a "State" field will change based on which Country a user selects. What annoys me about these forms is that they'll often do an...
![Save Web Form Content Using Control + S]()
Save Web Form Content Using Control + S
We've all used word processing applications like Microsoft Word and if there's one thing they've taught you it's that you need to save every few seconds in anticipation of the inevitable crash. WordPress has mimicked this functionality within their WYSIWYG editor and I use it...
![MooTools Kwicks Plugin]()
MooTools Kwicks Plugin
I wrote a post titled Get Slick with MooTools Kwicks ages ago. The post was quite popular and the effect has been used often. Looking back now, the original code doesn't look as clean as it could. I've revised the original...
![Format Code Inside PRE Tags within TextMate Using PHP]()
Format Code Inside PRE Tags within TextMate Using PHP
Creating blog posts has been greatly sped up by the use of TextMate. I've created a bunch of blog formatting commands to do various operations on posts including adding paragraph tags, formatting headings, and generating content based on string templates. One of my favorites...
![Create an “Add to TextMate” Widget Using MooTools]()
Create an “Add to TextMate” Widget Using MooTools
If a sword is a soldier's best friend, the best friend of a programmer is a his text editor. TextMate has been my text editor of choice and a big reason for that is the ability to add snippets for quick use later. Since...
