Markup Tutorials
![Set Your Site’s Apple Touch Icon]()
Set Your Site’s Apple Touch Icon
Apple's mobile devices are taking over the world. iPhones and iPod Touches are all over the place. You can set an Apple Touch Icon for your website just like you can set a favorite icon. So lets do it! The XHTML The icon should be...
![David Walsh on NetTuts: Create a Twitter-Like “Load More” Widget]()
David Walsh on NetTuts: Create a Twitter-Like “Load More” Widget
My latest article post for NetTuts has been published. From the intro: Both Twitter and the Apple App Store use a brilliant technique for loading more information; you click the link and fresh items magically appear on the screen. This tutorial teaches you to use AJAX...
![Build a Calendar Using PHP, XHTML, and CSS]()
Build a Calendar Using PHP, XHTML, and CSS
One of the website features my customers love to provider their web users is an online dynamic calendar. An online calendar can be used for events, upcoming product specials, memos, and anything else you can think of. I've taken some time to completely...
![QuickBoxes for Dojo]()
QuickBoxes for Dojo
Adding to my mental portfolio is important to me. First came MooTools, then jQuery, and now Dojo. I speak often with Peter Higgins of Dojo fame and decided it was time to step into his world. I chose a simple but useful plugin...
![Create a Download Package Using MooTools Moousture]()
Create a Download Package Using MooTools Moousture
Zohaib Sibt-e-Hassan recently released a great mouse gestures library for MooTools called Moousture. Moousture allows you to trigger functionality by moving your mouse in specified custom patterns. Too illustrate Moousture's value, I've created an image download builder using Mooustures and PHP. The XHTML We provide...
-
![Introducing MooTools Dotter]()
Introducing MooTools Dotter
It's best practice to provide an indicator of some sort when performing an AJAX request or processing that takes place in the background. Since the dawn of AJAX, we've been using colorful spinners and imagery as indicators. While I enjoy those images, I am...
![Highlighter: A MooTools Search & Highlight Plugin]()
Highlighter: A MooTools Search & Highlight Plugin
Searching within the page is a major browser functionality, but what if we could code a search box in JavaScript that would do the same thing? I set out to do that using MooTools and ended up with a pretty decent solution. The MooTools JavaScript Class The...
![Shake Things Up Using jQuery UI’s Shake Effect]()
Shake Things Up Using jQuery UI’s Shake Effect
Yesterday I created a tutorial showing you how you can shake an element using Fx.Shake, a MooTools component written by Aaron Newton. It turns out that jQuery UI also has a shake effect which can draw attention to an element. The XHTML Exactly the same as...
![MooTools Fun with Fx.Shake]()
MooTools Fun with Fx.Shake
Adding movement to your website is a great way to attract attention to specific elements that you want users to notice. Of course you could use Flash or an animated GIF to achieve the movement effect but graphics can be difficult to maintain. Enter...
![Adding Events to Adding Events in jQuery]()
Adding Events to Adding Events in jQuery
Earlier this week I posted a usability tip about using CSS and MooTools' custom event functionality to automatically add the "pointer" cursor when an element gets a "click" event attached to it. I received numerous requests for a jQuery version and I think I've...
