Markup Tutorials
![NetTuts Exclusive: Twitter Emulation Using MooTools 1.2 and PHP]()
NetTuts Exclusive: Twitter Emulation Using MooTools 1.2 and PHP
NetTuts debuted my article today: Twitter Emulation Using MooTools 1.2 and PHP! From the article: People all over the world love Twitter because of how easy it is to use. All you need to do is type in your current status, click "Update", and...
![Track File Downloads in Google Analytics Using MooTools]()
Track File Downloads in Google Analytics Using MooTools
A while back I wrote an article detailing how you can use forced downloads via PHP to track downloads. What if you could get that same data into Google Analytics? Using some simple MooTools and advanced Google Analytics tactics, now you can. The HTML Any...
![Create a Custom “:selected” Pseudo Selector in MooTools]()
Create a Custom “:selected” Pseudo Selector in MooTools
A while back I read a very interesting article by MooTools core developer Jan Kassens about how to create a custom pseudo selector in MooTools. I was surprised at the ease in which one can add their own pseudo selector that I...
![MooTools Link Nudging]()
MooTools Link Nudging
Link nudging is the process of adjusting the padding on a link slightly to show a simple, tasteful "jump" when you place your mouse over a link. The effect is magnified when mousing on and off a link quickly. Here's the short snippet of...
![Element Position Swapping Using MooTools 1.2]()
Element Position Swapping Using MooTools 1.2
We all know that MooTools 1.2 can do some pretty awesome animations. What if we want to quickly make two element swap positions without a lot of fuss? Now you can by implementing a MooTools swap() method. MooTools 1.2 Implementation MooTools 1.2 Usage To call the swap...
-
![Prevent Early Form Submission by Hijacking the Enter Key]()
Prevent Early Form Submission by Hijacking the Enter Key
A customer asked me to create a timecard form a few years ago. Everything with the form worked great but users would mistakenly press the enter key before their form was completed. They asked that I make the enter key move the cursor to...
![Fading Links Using jQuery: dwFadingLinks]()
Fading Links Using jQuery: dwFadingLinks
UPDATE: The jQuery website was down today which caused some issues with my example. I've made everything local and now the example works. Earlier this week, I posted a MooTools script that faded links to and from a color during the mouseover and mouseout events.
![MooTools HTML Police: dwMarkupMarine]()
MooTools HTML Police: dwMarkupMarine
We've all inherited rubbish websites from webmasters that couldn't master valid HTML. You know the horrid markup: paragraph tags with align attributes and body tags with background attributes. It's almost a sin what they do. That's where dwMarkupMarine comes in.
![MooTools Link Fading]()
MooTools Link Fading
We all know that we can set a different link color (among other properties) on the hover event, but why not show a little bit more dynamism by making the original color fade to the next? Using MooTools 1.2, you can achieve that effect. The MooTools...
![Fix Anchor URLs Using MooTools 1.2]()
Fix Anchor URLs Using MooTools 1.2
The administrative control panel I build for my customers features FCKEditor, a powerful WYSIWYG editor that allows the customer to add links, bold text, create ordered lists, and so on. I provide training and documentation to the customers but many times they simply forget to...
