PHP, CSS, MooTools, jQuery tutorials and Free Web Resources

Javascript double exclamation point !!

Posted by teejay on March 8, 2010

I spend my time developing applications and have geared most of my time to learn and hopefully 'master' javascript. One of the things I've noticed while reading the Mootools Core source code(Yeah, I'm hard core :p ) is the double exclamation points.

function $chk(obj){
 return !!(obj || obj === 0);
};

What does that mean?

Continue reading Javascript double exclamation point !!

Easy jQuery Promotional Footers with Meerkat

Posted by teejay on December 23, 2009

Meerkat is an excellent jQuery plugin that allows you to do just that with your own website and more.

Demo: Meerkat Demo Area

Download: Meerkat Download Area

License: Meerkat is free but not using any the free licenses

Continue reading Easy jQuery Promotional Footers with Meerkat

Image Viewer with Thumbnails using Mootools

Posted by teejay on December 17, 2009

This is a simple tutorial for creating an image viewer with thumbnails using Mootools.

Continue reading Image Viewer with Thumbnails using Mootools

Check One Check All Using jQuery

Posted by teejay on November 25, 2009

Today, we will be writing a jQuery Example of our Check One Check All functionality using Mootools

Continue reading Check One Check All Using jQuery

Check One Check All Using Mootools

Posted by teejay on November 24, 2009

Imagine going through a 25 item per page application and you need to check them all. Wouldn't it be a good thing if you have the functionality of a check one/check all for checking all those checkboxes? If yes, you would agree that this should be on every appropriate web application.

Continue reading Check One Check All Using Mootools

Mootools Tabs Classes You Should Know About

Posted by teejay on November 18, 2009

I've been playing around with Mootools again and was looking into working with some tabbed content. A little research comes a long way as I discovered new Mootools-based tabs.

MGFX Tabs

Usage


<ul id="tabs">
    <li><a class="tab" href="#" id="one">One</a></li>
    <li><a class="tab" href="#" id="two">Two</a></li>
    <li><a class="tab" href="#" id="three">Three</a></li>
</ul>
<div id="home">
    <div class="feature">
        <img src="img/mgfxtabs1.jpg" alt="" />
    </div>
    <div class="feature"">
        <img src="img/mgfxtabs2.jpg" alt="" />
    </div>
    <div class="feature">
        <img src="img/mgfxtabs3.jpg" alt="" />
    </div>
</div>

// Javascript
var tabs = new MGFX.Tabs('#tabs li a', '#tabs div');

Continue reading Mootools Tabs Classes You Should Know About

Add Icons to External Links with Mootools and CSS

Posted by teejay on November 17, 2009

A trend going on around on websites are putting icons on links that point to web pages externally. If you want that on your site, this simple script will dynamically take care of that for you with the help of Mootools, a compact Javascript Framework and some CSS.

Continue reading Add Icons to External Links with Mootools and CSS