Markup Tutorials
![MooTools Text Flipping]()
MooTools Text Flipping
There are lots and lots of useless but fun JavaScript techniques out there. This is another one of them. One popular April Fools joke I quickly got tired of was websites transforming their text upside down. I found a jQuery Plugin by Paul...
![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...
![Use Custom Missing Image Graphics Using jQuery]()
Use Custom Missing Image Graphics Using jQuery
Yesterday I posted an article about how you can use your own "missing image" graphics when an image fails to load using MooTools. Here's how to do the same using jQuery. The jQuery JavaScript Note that I've provided two examples. If you want to get...
![Use Custom Missing Image Graphics Using MooTools]()
Use Custom Missing Image Graphics Using MooTools
Missing images on your website can make you or your business look completely amateur. Unfortunately sometimes an image gets deleted or corrupted without your knowledge. You'd agree with me that IE's default "red x" icon looks awful, so why not use your own missing image graphic? The MooTools JavaScript Note that...
![MooTools & Printing – Creating a Links Table of Contents]()
MooTools & Printing – Creating a Links Table of Contents
One detail we sometimes forget when considering print for websites is that the user cannot see the URLs of links when the page prints. While showing link URLs isn't always important, some websites could greatly benefit from doing so. This tutorial will show you...
-
![MooTools Flashlight Effect]()
MooTools Flashlight Effect
Another reason that I love Twitter so much is that I'm able to check out what fellow developers think is interesting. Chris Coyier posted about a flashlight effect he found built with jQuery. While I agree with Chris that it's a little corny, it...
![Fixing sIFR Printing with CSS and MooTools]()
Fixing sIFR Printing with CSS and MooTools
While I'm not a huge sIFR advocate I can understand its allure. A customer recently asked us to implement sIFR on their website but I ran into a problem: the sIFR headings wouldn't print because they were Flash objects. Here's how to fix...
![Animated AJAX Record Deletion Using jQuery]()
Animated AJAX Record Deletion Using jQuery
I'm a huge fan of WordPress' method of individual article deletion. You click the delete link, the menu item animates red, and the item disappears. Here's how to achieve that functionality with jQuery JavaScript. The PHP - Content & Header The following snippet goes at the...
![jQuery topLink Plugin]()
jQuery topLink Plugin
Last week I released a snippet of code for MooTools that allowed you to fade in and out a "to the top" link on any page. Here's how to implement that functionality using jQuery. The XHTML A simple link. The CSS A little CSS for position and style. The jQuery...
![Backup Your Database into an XML File Using PHP]()
Backup Your Database into an XML File Using PHP
Backing up data is extremely important. Most of the time the database is the most important piece of the puzzle. Imagine losing all of the data in your database -- it would be tragic. Here's a PHP snippet that outputs your database as...
