Do you want to detect if somebody pressed enter on your form (maybe to prevent form submitting when someone press enter key). Here is jquery code that can help you to detect enter key being pressed:


$('input').keyup(function(e) {
if(e.keyCode == 13) {
alert('Enter key was pressed.');
}
});


I am totally against any CSS hacks, but sometimes if you need quick result, and you need everything to work and look exactly the same in both Firefox and IE you just have to use them. Here is simple CSS hack that you can use to apply different styles depending on browser your visitor is using.


div.test {
background:blue; /* Firefox, Opera */
#background:green; /* IE7 */
_background:red; /* IE6 */
}


First background style is compatible with all browsers (and Firefox and Opera will use this one, and stop there)
Second one (#background) will be ignored by Firefox, and you will see it in IE7, but IE7 will ignore
Third one (_background) and you will see this one just in IE6…

See this demo:
Demo
What color is a background on your screen?
css-different-browsers-different-styles

I just spent few hours trying to make Flash Player to stream FLV files (Flash videos). Everything worked on testing server but not on the other one. As you may guess, the other server was Microsoft IIS, and SWF files were playing ok, but not FLV. Problem is that Microsoft IIS 6.0 requires a MIME type to recognize that FLV files are streamed media. And all you have to do to fix that is to add new MIME Type:

Associated Extension: .FLV
MIME Type:flv-application/octet-stream

And that’s it. Everything is working now.

Did you ever have problem with messed line height because you are using sup tag. As you might noticed line height and superscript are not best friends. And this line of css code can make them be:

sup {font-size:80%; line-height:80%}

Did you ever make something which looked great in Firefox, and than opend that same thing in IE, and you saw bunch of crap? One of the reasons is IEs lack of support for CSS min-height attribute, and here is fast and simple hack for that. Just use this class for element you would like to have fixed min-height, and your life is going to be much easier.

.minheight {
min-height:250px;
height: auto !important;
height: 250px;
}

not only that but you can use as a min-width hack:

.minheight {
min-width:250px;
width: auto !important;
width: 250px;
}