Here are a couple of the bookmarks that I have used many times and they could be useful for some of you!

Jquery Visual Documentation

http://visualjquery.com/

How To Optimize Your Site With GZIP Compression

http://betterexplained.com/articles/how-to-optimize-your-site-with-gzip-compression/

UNIX man pages

http://bama.ua.edu/cgi-bin/man-cgi

The JavaScript Verifier - Great

http://www.jslint.com/

Online Javascript compressor

http://javascriptcompressor.com/

Javascript - PHP equivalents

http://kevin.vanzonneveld.net/techblog/category/php2js/

When you are developing you need to work with as much free and good stuff as you can, so I have found this link that I think that anyone will digg it.

http://www.ajaxflakes.com/ui/color-tools-theoryschemes-and-references-all-in-one-neat-place/

All color tools based on ajax schemes.

This is a good article of how the prototype.js really works.

http://www.sergiopereira.com/articles/prototype.js.html

*** Thanks Michael

I think that most of the web developers at some point got a issue with a older version of MSIE and have to figure out a way to work around the issue either by re-doing it, creating another CSS or manipulating it with javascript.

I got a issue like this and with a nice little hack with PHP and Javascript I could easily fix the issue.

The issue was a iframe that needed to be resized at IE 6 at the resolution of 800×600. Who would use a browser so old with a resolution like this? Believe me, you would be impressed.

Anyway  the script was basicly sniffing the browser info with Javascript and PHP at same time. Unfortunally Javascript does not give a precise information about the browser version in IE 6 and 7, returning version = 4, but PHP does.

At the end this is how the script  became:

<script language=”javascript” type=”text/javascript”>
var browser       =  navigator.appName; /* Getting the Browser Name */
var b_version    =  navigator.appVersion; /* Getting the Browser Version - not reliable */
var version         =  parseFloat(b_version); /* Transforming the Browser Version Information to a number */
<?php
/* PHP hack for version on Javascript */
$info = explode(’;',$_SERVER[’HTTP_USER_AGENT’])
?>
var info = ‘<?php echo trim($info[1]); ?>’;
var iframe         = document.getElementById(’iFrame’); /* Iframe that will be modified */
var wscreen        = parseFloat(screen.width); /* Getting the size of the screen */
if(info == ‘MSIE 6.0′ && wscreen < 900)
{
iframe.style.height = 325; /* Resizing the iframe to a size that will hold all information */
}
</script>

At first I was using the 3 first vars to do the same thing as I’m doing with the var info = ‘<?php echo trim($info[1]) ?>’; and time to time it was giving errors, so this small trick became very handy.

Browsing around i bumped into Moo Tools. A really nice javascript framework that it’s lightweight and object oriented. You can get it at mootools.net and be sure to check their demo page. It has nice examples of the power of the framework!

Debugging your website in FireFox seems to be a paradise compare to IE. But I think this impression is becuase we love Firefox,FireBug and the Developer ToolBar. Now you can do almost the same things in IE with the combination of Microsoft Script Debugger and the IE Developer Toolbar.

Here are the links to download the above mentioned tools:

• Microsoft Script Debugger
• IE Developer Toolbar

Quick note: Microsoft Script Debugging is not enabled by default. You must first enable it by going to:
Internet Options >> Advanced >> Browsing
Uncheck the Disable script debugging boxes.

Google Maps Tutorial (excellent):

http://www.econym.demon.co.uk/googlemaps/

Google Maps API Reference:

http://www.google.com/apis/maps/documentation/reference.html

Google Maps Wiki:

http://mapki.com/

Google Maps Group:

http://groups.google.com/group/Google-Maps-API

More resources and examples:

http://atenasio.googlepages.com/gdd2007.html

Interface Elements for JQuery is a collection of interface effects and controls built on JQuery the lighweight Javascript Library.

http://interface.eyecon.ro/demos