CSS Tutorials

  • By
    AJAX For Evil:  Spyjax

    With great power comes great responsibility. With every advancement in technology we face the threat of it being used for evil purposes. This is the case with AJAX. AJAX has a ton of great uses but one form of negative AJAX has taken...

  • By
    CSS Sprites

    The idea of CSS sprites is pretty genius. For those of you who don't know the idea of a sprite, a sprite is basically multiple graphics compiled into one image. The advantages of using sprites are: Fewer images for the browser to download, which means...

  • By
    Facebook Sliders With Mootools and CSS – Now With Image Generation!

    A few weeks back, I posted Facebook Sliders With Mootools and CSS, which explain how to create Facebook-style sliders that control the height, width, and opacity of an image: After tinkering around a bit, I modified the script to use PHP to save the resulting...

  • By
    Walmart.com Uses Dynamic Drive Script For Menu

    For those of you that don't know who Walmart is, Walmart is one of the richest corporations in the world. Though their treatment of employees isn't reputable, the store itself is an absolute American powerhouse of a company. Their website is pretty good so...

  • By
    Guest Blog: Create a Color Palette Using CSS and MooTools 1.2

    As you can see from my site's lack of design, I'm about 90% programmer and 10% designer. As someone that's not a designer, I'm really grateful for websites like ColourLovers -- websites that provide you palettes of colors that look good together.

  • By
    5 Rules For Using Audio/Video Media on Your Site

    I don't create many sites that feature multimedia. Most of my customers don't have a need for audio or video on their site but we occasionally get a request to add an advertisement or webinar. That said, I've scoured the internet enough to have seen good...

  • By
    Flashy FAQs Using MooTools Sliders

    I often qualify a great website by one that pay attention to detail and makes all of the "little things" seem as though much time was spent on them. Let's face it -- FAQs are as boring as they come. That is, until you...

  • By
    Drag. Drop. Lock.

    I've received dozens of emails about my Six Degrees of Kevin Bacon Using MooTools article. The MooTools in my article contained a lot of conditional code to require correct dropping per the game and many people requested that I simplify the process and just...

  • By
    Implementing Basic and Fancy Show/Hide in MooTools 1.2

    One of the great parts of MooTools is that the library itself allows for maximum flexibility within its provided classes. You can see evidence of this in the "Class" class' implement method. Using the implement method, you can add your own methods to...

  • By
    Weather Switcher 1.000001

    A while back, CSS-Tricks Tsar Chris Coyier and I created a Weather Switcher script that connected to Yahoo!'s weather API, downloaded an XML file containing weather information for a specified zip code, and modified the website's theme based on the weather. Yahoo! recently made an update...