Doodle Graphics

Overcoming live() events and stopPropagation

2010-05-15T09:17:00.000-07:00

As long as the parent element detect that the event was triggered by an anchor, it stop executing.

This is a method to replace stopPropagation() function which doesn't work in live() events.

$('body').live('click', function(e) {
// bail out if this event was triggered by an anchor
if ( $(e.target).is('a') ) { return; }

// do cool stuff down here
});

Source: http://forum.jquery.com/topic/overcoming-limitations-of-live-events-and-stoppropagation

jQuery Animation: Queue, Stop()

2010-01-29T01:34:00.000-08:00

When ".stop()" is used, all specified elements will stop their animation immediately and allow the next queued up animation to execute.

$('li').stop().animate({...code....});

By inserting "queue : false", we can stop the animation from queuing up in the animation buffer.

$('li').animate({...code...},{queue:false},1000);

To combine usage for both methods,

$('li').stop(true).animate({...code...});

Reference Website:
http://tutsvalley.com/tutorials/making-a-cool-thumbnail-effect-with-zoom-and-sliding-captions
http://www.netiblog.com/programming/jquery/turning-off-the-jquery-animation-queue

Simple IE6 Hack/ Fix Cheat Sheet

2009-11-19T08:37:00.000-08:00

This is a very basic guide for IE6 fixes/hacks. Do not try to attempt to understand why IE works in such mysterious way. Just copy and paste. Be happy.

Problem:

Incomplete/ Disappearing Borders

Solution:

Add in the property "position:relative" to the containing div

Add in the property"overflow:auto;width:100%;"

Problem:

min-width

Solution:

width: expression(document.body.clientWidth <> 1279? "1000px" : "auto");

In human language: If screen resolution width less than 1024, change width to 800px. If screen resolution width greater than 1279, change width to 1000px;

Problem:

No padding-top nor padding-bottom for anchors(links)

Solution:

Add property "display:block" to the anchors

Problems:

Floating elements causes divs below it to cluster-fuck with them

Solution:

Stuff "clear:both" up those div's nose

Swine flu had struck Fairy Tale land!

2009-11-08T20:57:00.000-08:00

Poor piglet~~

Hierarchy of a Programming family

2009-11-05T23:54:00.000-08:00

private void family(){

Father: Charlie C
Daughter: Montana Perl, Bianca Java, C#
Son: Vin C++
Grand-daughters: Jessica Groovy, Jane Scala (Both daughter of Java)

}

public void friends(){

Pierson PHP(Java's best pal), Angelina Ruby (Groovy's buddy)

}

public boolean checkTwins(){

Mary JavaScript != Java;

}

public static String mrReliable(){

return "Jack Python";

}

Get the full low-down on the history and relationship between them over here: If Programming Languages Were Real Persons

Go Home IE6!

2009-11-04T18:09:00.000-08:00

Done by Robot Johnny. This picture is shown as a denial message to IE6 users who had chance upon momentile.com. There is also a little message included in the css file

"This is not being lazy. Momentile is for entertainment and I just can’t justify taking the time to hack my way to IE6 glory for a user that is too lazy to upgrade their browser. It’s time to push back."

Lightbox testing

2009-11-02T18:29:00.000-08:00

The glory of @font-face still yet to come

2009-11-02T01:42:00.000-08:00

After reading about @font-face" while browsing through features of CSS3, i immediately did a google search on tutorials for embedding fonts. The tutorial seems easy enough. I hosted my fonts on my server and set the code right. I excitedly click the preview button and my hope came crashing down.......

It doesn't work on my firefox 3.5+ but it does on IE 8.0 and Chrome.Even though it works on Chrome, there is a alignment problem for Chrome. Bumper. Much to my surprise, it was IE who rendered and aligned the embedded fonts most accurately. But this was understandable because IE had been supporting @font-face since IE4.0! Cool but obviously no one gave a shit about it.

Then i realised how stupid i was... If @font-face was as good and stable it was hyped up to be, why didn't any tutorials used embedded fonts for their text? crapz...

Anyway, i stripped away all embedded fonts,only leaving the "Name" alone.

Clocking my 10,000 Hours

2009-10-28T10:24:00.001-07:00

Everytime I thought that i'm in a Doodle Flow, some things are bound to screw up. I guess i gotta subtract a few thousands hours from my total 10,000 hours when i finally get there. So much time is spend on revising and revisiting basics. Theories. Fundamentals!

"DIV" can be quite a bitch sometimes. I have a Love-Hate relationship with CSS. Sometimes they will listen quietly to my command and align everything sweetly. And sometimes...... been a bitch basically.

Another blog, another place to doodle, another day

2009-10-27T04:21:00.000-07:00

jQuery tires me out.

CSS, xHTML doesn't really impress me.

php confuses me.

CMS can screw themselves.

All i want is a place to doodle.