HTML5 Fonts

Great resource for generating CSS and all font files needed for HTML5 broswers:

http://www.fontsquirrel.com/fontface/generator

MySQL Joins made Simple

Sometimes JOINs in MySQL can get confusing. This article will help make it super simple for you!

This is the simplest, most understood Join and is the most common. This query will return all of the records in the left table (table A) that have a matching record in the right table (table B).

Continue Reading: http://www.codeproject.com/KB/database/Visual_SQL_Joins.aspx?msg=3373088

Force IE6, IE7 and IE8 to be more compliant

Pretty cool project going on that forces older versions of IE to be more compliant. It relies on javascript to allow for some of the newer CSS styling (but not all). It even has a transparent PNG fix for IE 6.

Check it out here: http://code.google.com/p/ie7-js/

Target IE6 and IE7 with CSS

Very nice way to target IE6 or IE7 specifically within your CSS doc.

#myelement

{ color: #999; /* shows in all browsers */ 

*color: #999; /* notice the * before the property - shows in IE7 and below */ 

_color: #999; /* notice the _ before the property - shows in IE6 and below */ 

}

Credit to: http://briancray.com/2009/04/16/target-ie6-and-ie7-with-only-1-extra-character-in-your-css/

Flash Actionscript Tweening

function tween(mc, what, easeType, begin, end, time, then, onWhat) {
if (easeType == 1) {
myEase = Regular.easeInOut;
} else if (easeType == 2) {
myEase = Strong.easeInOut;
} else if (easeType == 3) {
myEase = Regular.easeOut;
} else if (easeType == 4) {
myEase = Strong.easeOut;
} else if (easeType == 5) {
myEase = Regular.easeIn;
} else if (easeType == 6) {
myEase = Strong.easeIn;
} else if (easeType == 7) {
myEase = None.easeNone;
} else if (easeType == 8) {
myEase = Back.easeOut;
}

var myTween:Tween = new Tween(mc, what, myEase, begin, end, time, false);
myTween.onMotionFinished = function() {
if (then != null) {
then.call();
}
//this.yoyo();
};

};

IE6: Removing Padding on Input Checkbox

If you've ever put a background on an input checkbox and viewed it in IE6, you'll notice there is padding around the checkbox. Other browsers don't have this padding, and it can ruin designs if not dealt with.

An easy way to get rid of the padding through CSS is by adding these styles to the checkbox:

margin:0; width:13px; height:13px; overflow:hidden;

Doing this will not affect any other browser (at least modern ones) and will fix your IE6 issues.

Images in LABEL tag no clickable in IE

Internet Explorer doesn't allow your images that are within a LABEL tag to be clickable. There is a javascript hack fix for this that works for sure in IE6-8. Sometimes you need, for usability, to have your images work like text in the LABEL tag, this is how you can accomplish this in IE.

Note that all other browsers do this fine...

Get the code: Using Images as Labels in Internet Explorer