So what does that have to do with Online IDEs? Everything. I have to code, I don't know why, but I have this compulsive obsession with coding. It doesn't even matter what, it can be php, java, html, js, actionscript, whatever, as long as it can be thrown together and I can get it to compile, I have inner peace.

So back to the cr48, just because it can't code out of the box doesn't mean you can't code on it.  I stumbled onto a few IDEs today that are online and can do some simple compiling.  While it's true that they most cannot actual compile and render code for your playback use on the cr48, but they can save projects, upload via ftp, and even open in different IDEs.

CodeRun IDE - This is a great little browser-based IDE.  Sign up is free and it will store your projects online for you.  It does have a simple debugging tool, and even comes with some code-stubs to get your started (c#, php, and some js libs). Overal the look and feel is good and it fits the screen rather well. My only complaint is the that password on your account is seriously weak-sauce. I mean no special characters? For-the-love-of-whatever-gimped-db-the-backend-is-using why!? But do not let that stop you from trying it out.

Kodingen - This is an interesting little web-mash. You can grab a free account, set it to connect to your own FTP, and even get Shell access to your files. It is in beta so don't expect too much out of the box, that being said, this is a very nice offering. The site is clean and offers editing in multiple other online IDEs (Bespin, Codemirror, Ymacs), it also has a great control panel that lets you see your projects and manage your options. I have not signed up on this one yet, but it looks like a great bet to start getting your code together for when you are on the go, or borrowing someone else's cr48.

Eclipse Orion - This had been announced in 2008, and it is gaining momentum. You can download the source now if you want, but keep in mind that the project is still in the incubator. Check out this post for a little Q&A, and check this post from the "Life at Eclipse" Blog for some screenshots and little more information about the Orion Project.

IBM alphaWorks - I won't lie, I just barely found this so I have not tried it out.  However since I use more than my fair share of IBM products are work, I am sure that if you try your hardest for a month and a half, open a PMR, and then fix it yourself using undocumented methods that void your service contract, this will work for you. This looks a bit like the Orion project, only with some added http/jetty translation.  Also this may be a firefox only kind of browser IDE, so Chrome users get ready to drop a pass on this one.

PHPanywhere - I have not signed up with this one yet either, but I've heard a little buzz about it.  This is another great little editor with syntax highlights, FTP access, project management, and some collaboration features. It is still in beta so expect new features coming and a possible shift in workflow.

shiftEDIT - Another one in the running, support for editing and publishing PHP, Ruby, Python, Perl, Java, HTML, CSS, and JS. Supports FTP and SFTP and has a syntax highlighter. Another bonus is revision history and code snippets. It has a familiar flash/flex style interface which is very clean and has right-click support and plenty of context menus. You will need to set up your domain/FTP account to do the live testing, but overal a very nice and simple IDE.

Hopefully this gets you coding and not thinking that netbooks are just for surfing the internet .

Since I got here I'd been using Aptana as my IDE, and generally speaking I love the Aptana/Eclipse IDE's mostly because of the tools that they have that make writing code so easy. However I've become a little frustrated with Aptana as of late because it seems to chew and chew and chew on the memory. And I noticed that at least once a day I was killing it and restarting it just to get some measurable performance back.
Anyhow one fine day about a week ago I was trying to view an .sql file in notepad++ (which I've always kept around as a quick editor) and noticed that the escaping of quotes was not quite rendering in the editor. I mentioned this to the author of said file and he mentioned I should try the "bespin" theme in n++ which I promptly did and thoroughly enjoyed. This lead me to investigate the plug-ins that notepad++ has, like I said I've always used notepad++ to some extent, I've just never paid much attention to the many plug-ins available to it (and there are many).

To make a long story short I've effectively replaced my Aptana IDE with Notepad++ and it's various useful plug-ins. At the onset I knew there were a few things notepad++ would have to have in order to make the switch and not hate it, they are as follows:

1. an Explorer view - I hate doing File->open and browsing, an explorer view is much more efficient
2. an Outline view - I've become addicted to the ability of Eclipse based IDE's to click on a method name in the outline and go directly to that method.
3. Debugger - this one is a big one, in my opinion debuggers cut troubleshooting time down by more than 50%

Nice to haves:
1. ctrl + click - It's always nice to be able to jump directly to a declaration with this simple combination
2. intellisense/auto-complete
3. SVN - I currently don't use SVN but it's nice know there's a plugin available.

In my quest I promptly found that I already had the Explorer plug-in installed (and it's simply called Explorer). And while the look and feel of the view is a little different than Eclipse, it gets the job done and I have no qualms with it.

I was also able to find an Outline plug-in called "Function List". It's a little rugged in appearance but nonetheless gets the job done and the best part is it's not attached to the main view and therefore not making viewing the code a pain.

I thought there would be no way a debugger plug-in would be as effective as the Xdebug setup for Aptana/Eclipse. I was wrong. DBGp is everything I hoped I would find in a debugger (and it uses xdebug, how awesome is that?), like the others it lacks some in the aesthetic department but it is simple to set up, easy to navigate and it works. I did have a little trouble getting it working at first but then I found this Tutorial and I was off and running.

As for the "nice to haves" since Notepad++ 5.0 you can turn on auto-complete from the settings->preferences->Backup/Auto-Completion menu, simply check "Enable auto-completion" and if you'd like check "Function parameters hint on input" to enable hints to the parameters a method expects.
I haven't found a great ctrl+click plug-in but I'm hoping one will come soon. There have been some attempts but they pale in comparison to what Eclipse has done.
As mentioned SVN is available (I believe there is more than one plug-in for it) but I haven't tried it. Another one that get's honorable mention is "Falling Bricks" it's just like Tetris, and handy on days you've got nothing else to do for staying awake while your code is compiling.

Once the plug-ins were installed I decided to give my new N++ IDE a spin for a full day. I have to admit I felt a bit naked at first, but it's been almost a week now and I've gotten to where I enjoy the draft.
Just for comparison I fired up all of my new plug-ins at one time and checked the memory consumption of notepad++, a mere 35M compared to the 235M Aptana gobbles up immediately after startup (and without being in Debug mode). I'll probably keep Aptana around for a while (at least until a satisfactory ctrl+click comes along for notepad++) but I've been using notepad++ for a few days now and haven't missed the bulkiness of Aptana one bit.

EDIT (2011.02.15): I'd like to point out that when I wrote this post I was at work on two (2) 17" monitors (no not even widescreen, but who wants 17" widescreen anymore?). However a few days ago I set this up on my home PC with a single 20" widescreen monitor (and much much better resolution options) and Oh my Giddy Aunt! I couldn't believe how Eclipse® like it looks, I almost wept.

EDIT (2011.11.03): I recently revisited the plugins department and I have some more goodness.
#1 while Explorer is handy I find Light Explorer much more to my liking. it uses one window instead of two and seems to be much quicker at launch.
#2 Xbrackets Light - automatically closes a bracket pair when the opening bracket is typed. I had been missing this more than I knew.
#3 Window Manager / File Switcher - both accomplish the same goal, which is to provide a quick way to switch between open files, but File Switcher uses an always detached frame, whereas Window Managers frame can either be detached or attached to the main npp frame. Window Manager allows you to turn off the tab bar which also could be useful. So pick your poison, or do what I do and use both until you can commit to one.

$("#selector").scroll(function() {
   var elem = $(this);
   var position = elem[0].scrollHeight - elem.scrollTop();
   if(position == $(elem).outerHeight())
      $(":button:contains('submit')").removeAttr("disable");
   else
      $(":button:contains('submit')").attr("disable","disable");
});

A few things to note:
the "elem[0]" that defines "var position" is significant for some reason, I tried it without the "[0]" and it broke, I'm not 100% sure why so if anyone wants to weigh in, that would be great. Secondly, it is good to keep in mind that the "disable" attr is not supported on IE7 and lower so in order to fix band-aid this I simply made the button look disabled by doing something like.

if(position == $(elem).outerHeight())
     $(":button:contains('submit')").css("cursor","pointer");
else
     $(":button:contains('submit')").css("cursor","text");

Ultimately this only fakes people out if they pay attention to their cursor, which is probably less than 50% of the time. so really the best way to do this i found is as follows:

$("#selector").scroll(function() {
   var elem = $(this);
   if(checkScrollTop(elem))
      $(":button:contains('submit')").css("cursor","pointer");
   else
      $(":button:contains('submit')").css("cursor","text");
});

Then I Have a function called checkScrollTop() which takes an argument.

function checkScrollTop(elem) {
   var position = elem[0].scrollHeight - elem.scrollTop();
   if(position == $(elem).outerHeight()) {
      return true;
   }
   return false;
}

And last but definatley not least, a click event on the button so we can catch those trying to cheat w/ IE7 and (gulp) below.

$(":button:contains('submit')").click(function() {
   var elem = $("#selector");
   if(checkScrollTop(elem))
      $('#step1_disable').hide();
   else
      alert("Please read the entire policy before clicking \"submit\"");
});

to break it down, the $("#selector").scroll function simply decorates the button, while the click event on the button determines if the user can continue, if not it pops an alert up telling them what they must do. both events use the checkScrollTop(elem) function which measures the position of the scroll-bar.
Happy Annoying people

$("#searchForm").submit(function() {
	//the regular expressions in this function are not meant for validation as much as determining which value to search by.
	var submitted_appid = $(".search input[name=AppID]").val();
 
	if(/^[\d]+$/.test(submitted_appid) == true) {
		//do nothing since the input is already properly named
	} else if(/^[\d-]+$/.test(submitted_appid) == true) {
		//change name of input to SSN
		$(".search input[name=AppID]").attr("name","SSN");
	} else if(/^[A-Za-z]+$/.test(submitted_appid) == true) {
		//change name of input to LastName
		$(".search input[name=AppID]").attr("name","LastName");
	} else {
		//no match, alert the rep and return false
		alert("invalid search value:\nfor SSN please use numbers and at least one dash '-'\n for LastName use only letters\n for AppID use only numbers")
		return false;
	}
	//there was a match add an action and submit the form.
	$(this).attr("action",'search.php');
	$(this).submit();
});

The HTML

<div class="search">
    <form id="searchForm" name="searchForm" method="post" action="">
	<input type="text" name="AppID" value="Search..." />
    </form>
</div>

Then your search app would do something like the following

if(isset($_POST['AppID']) {
     //enter sql code here
} else if(isset($_POST['SSN']) {
    //enter sql code here
} else if(isset($_POST['LastName']) {
   //enter sql code here
}

Basically the jQuery decides what to search on based on the characters in the input field, if the wrong mix of characters is present then we fire off an alert message notifying the irresponsible party and correcting their ignorant ways.

below is what I came up with:

/* -- jQuery Colourific */
/* -- v 1.0 - January 2008 */
/* -- by ben watts (http://www.benwatts.ca/sandbox/jquery-colourific/) */
 
//$(document).ready
$(function(){
	setupColourific();
});
 
// setupColourific
function setupColourific(){
	var elements = new Array();
	elements[0] = $("td.Upload"); // the element that's changing
	elements[1] = $("td.Notes");
	elements[2] = $("td.LoanTitle");
	elements[3] = $("td.hdr");
	elements[4] = $("body#body");
	for(i = 0; i < elements.length; i++){
		changeColour(elements[i]);
	}
	window.setInterval( function(){changeColour(elements[0]);}, 1000);
	window.setInterval( function(){changeColour(elements[1]);}, 1500);
	window.setInterval( function(){changeColour(elements[2]);}, 2000);
	window.setInterval( function(){changeColour(elements[3]);}, 2500);
	window.setInterval( function(){changeColour(elements[4]);}, 3000);
 }
 
// changeColour
function changeColour(e){
 
	// random values between 0 and 255, these are the 3 colour values
	var r = Math.floor(Math.random()*256);
	var g = Math.floor(Math.random()*256);
	var b = Math.floor(Math.random()*256);
 
	// puts the hex value inside this element (e is a jquery object)
	//e.text(getHex(r,g,b)); 
 
	// change the text colour of this element
	e.css("background-color", getHex(r,g,b)).fadeIn();
 
}
 
// intToHex()
function intToHex(n){
	n = n.toString(16);
	// eg: #0099ff. without this check, it would output #099ff
	if( n.length < 2)
		n = "0"+n;
	return n;
}
 
// getHex()
// shorter code for outputing the whole hex value
function getHex(r, g, b){
	return '#'+intToHex(r)+intToHex(g)+intToHex(b);
}

Obviously you'll need to change the selectors to something relevant for your purposes. It's probably not something you want to use on a regular basis but would make a great april fools day joke, or if you feel like a ceasure go ahead and mess with the time interval.

I can't take full credit for this script, the original can be found at This site

Ajax Library Smackdown: Prototype vs jQuery by Nathaniel Schutta

This months highlights include the usual sampling of fonts, some image links (tons of photoshop goodness this round), a new image compression resource (better compression than smush.it), jQuery tutorials/plug ins, and some mac widgets to help you get things done on your mac.

Let's get started...

-=Images=-

http://labs.chemist2dio.com/free-vector-wings-kick-ass-set.php - Vector wings
http://www.smashingmagazine.com/2009/08/03/a-z-of-free-photoshop-plugins-and-filters/ - All the free things you need for photoshop
http://www.tripwiremagazine.com/tutorials/tutorials/huge-essential-collection-of-photoshop-actions-to-dpeed-up-your-work.html - tons of actions for your photoshopery
http://www.icopedia.com/ - whenever you need icons, here's where you go
http://www.noupe.com/tutorial/40-new-high-quality-adobe-photoshop-tutorials.html - Awesome photoshop tutorials, man I gotsta get back into photoshop...
http://www.geeksucks.com/icons/72-sets-of-free-social-bookmarking-icons.htm - Sometimes you need some social icon'ery
http://bestdesignoptions.com/?p=6258 - a ton of 'tech' brushes, note: all seem to be from deviant so if your losery proxy hates deviantart, you my friend are SOL - till you get home.
http://www.gracepointafterfive.com/punypng - Like smush.it, but with better compression (for now)

-=Mac=-

http://visionwidget.com/toolz/8-web-development/277-apps-macfor-web-development.html - 12 More apps for the mac
http://speckyboy.com/2009/08/05/30-mac-dashboard-widgets-for-web-designers-and-developers/ - more mac love

-=jQuery=-

http://buildinternet.com/2009/08/lights-out-dimmingcovering-background-content-with-jquery/ - Learn how to dim the background and display content with jQuery... I love the static dimming, very nice.
http://www.myinkblog.com/2009/08/04/10-tips-for-writing-better-jquery-code/ - Tips to help your jQuery become more awesome
http://www.webgurusdesignblog.com/2009/08/fancyplayer-jquery-fancybox-and-flowplayer-integration-tutorial/ - Integration tutorial of Flowplayer and Fancybox.
http://codefusionlab.blogspot.com/2009/06/31-refreshing-jquery-techniquesplugins.html
http://firequery.binaryage.com/ - Firefox plugin that changes firebug to respect the jQ, and jQuerify pages (insert jQ directly into the page through the console
http://www.devirtuoso.com/2009/08/beginners-guide-to-using-ajax-with-jquery-part-2/ - Part two from last months guide to ajax with jQuery
http://www.agilecarousel.com/ - Nice carousel, but it looks like it requires php...
http://www.noupe.com/design/sliding-content.html - Me likey the sliders...
http://net.tutsplus.com/tutorials/javascript-ajax/5-ways-to-make-ajax-calls-with-jquery/ - yep some ajax with the jQ, always a good time
http://www.smashingmagazine.com/2009/08/23/50-useful-new-jquery-techniques/ - I'm fairly sure I've covered most of these by now, but smash is great, so here is their list.
http://www.openstudio.fr/jQuery-spherical-panorama-viewer.html?lang=en - Spherical Viewer plugin... looks interesting

-=Fonts=-

http://www.tripwiremagazine.com/design/design/60-free-fonts-for-big-bold-and-beautiful-headlines.html
http://www.tripwiremagazine.com/design/design/35-really-awesome-free-grunge-fonts-with-inspirational-showcases.html - I swear I've linked this before, but it shows up as new in the feeds, so here we go...
http://www.smashingmagazine.com/2009/08/07/beautiful-new-free-fonts-for-your-designs/
http://www.tripwiremagazine.com/design/fonts/75-free-fonts-for-professional-design.html - I'm starting to wonder if tripwire is reusing some of the fonts in all of their posts...
http://www.instantshift.com/2009/08/14/40-fresh-high-quality-free-fonts-for-your-designs/ - 40 more fonts, not all are free, but some are.
http://spyrestudios.com/32-trashy-and-distorted-fonts-for-you-next-grungy-design/ - get your grungy dirty font on.
http://webdesignledger.com/freebies/28-free-high-quality-fonts-to-boost-your-typography - Yay for fonts
http://designm.ag/resources/handwritten-fonts/ - Handwritten fonts are the new..uh.. font

-=Tools=-

http://www.webresourcesdepot.com/integrate-statistics-into-any-application-using-open-web-analytics/
http://flv-player.net/ - Pretty good free flv player
http://sourceforge.net/projects/imageenlarger/ - SmillaEnlarger, image enlarger (w/out artifacting! ish...)
http://vanish.cs.washington.edu/ - Freaking sweet encryption technique, good idea, doubt I'll ever use it, but it's good to know someone is still doing something to keep privacy alive.
http://pdfpirate.net/ - for those times when a restricted pdf just doesn't get you what you want... muhwa ha ha
http://www.pingdom.com/ - We've covered the great list of tools they offer before, but now they offer a free account for website uptime-monitoring.

-=Misc=-

http://code.google.com/speed/articles/ - Google's take on improving the web, and making it faster
http://designfellow.com/blog/freebies/codeigniter-quick-reference-cheat-sheet-version-2-0-released/ - cheat sheet for codeigniter
http://net.tutsplus.com/tutorials/other/8-regular-expressions-you-should-know/ - another excellent tutorial on regexing, or at least some important ones to know.
http://www.freeliberator.com/ - Liberator is a comet server (comet is like ajax... get it) only it runs on push methodology, check it out, here's a free server... oh and to get your "free license" you need to fill out a marketing form.
http://www.ftrain.com/unicode/ - Get your unicode on
http://www.methodologie.com/webcanvas/ - Nice visual example of what visitors will be able to see (dimensions of your page) on your site.
http://www.devirtuoso.com/2009/08/speeding-up-page-loading-for-javascript-heavy-sites/ - I have heard of using imports for your js files, but initially shrugged it off as a possible bad practice, but after reading this, the import could come in very handy.
http://mrdoob.com/projects/chromeexperiments/google_gravity/ - Useless, but fun and a great example of what you can do with box2d. Works best in Chrome, but FF3.5 performed adequately too.

That's all for now, but as always, let me know if any links are broken, mis-directed, or just plain wrong.

Enjoy!

This Post features plenty of images (icons, textures, etc.), a large selection of jQuery goodness, some php, fonts, and plenty of tools, resources, and tutorials. I even threw in a few links for our growing mac-user community (yeah, you can't see it, but I'm patting myself on the back).

Enough drivel, time to give the peoples what they want, the links!

-= Images, icons, brushes, tools ==-

http://www.smashingmagazine.com/2009/07/01/clever-jpeg-optimization-techniques/ - Make your jpegs super awesome
http://www.tripwiremagazine.com/design/tutorials/design-your-own-icons-25-tutorials-and-articles-designers-must-have.html
http://pelfusion.com/freebies/30-free-resources-for-background-patterns-and-textures/ - Tile and textures and patterns oh my!
http://www.backgroundlabs.com/ - Backgrounds, patterns, and the like sorted by color (which is kinda nice)
http://www.smashingmagazine.com/2009/07/15/clever-png-optimization-techniques/ - Good read.
http://www.smashingmagazine.com/2009/07/25/png-optimization-guide-more-clever-techniques/ - PNG optimization part 2...
http://webdesignledger.com/freebies/30-awesome-textures-for-creating-subtle-grunge-designs - Nice texture packs
http://www.webdesignerdepot.com/2009/07/200-free-exclusive-vector-icons-primo/ - Free icons for personal and commercial use.
http://www.graphicfetish.com/37-places-to-get-free-stock-images/ - yep, 37 places to get free stock photos... booyeah!
http://www.softalize.com/2009/06/01/22-excellent-photoshop-brushes-to-spice-up-designs/ - Here's some more ps brushes
http://all-silhouettes.com/ - All the free sillouettes you can shake a stick at... trees, people, etc.
http://pelfusion.com/awesome-graphics/freebies-for-designers-icons-vectors-photoshop-brushes-stock-images-templates/ - Free stuff round-up!
http://www.smashingmagazine.com/2009/06/07/50-fresh-useful-icon-sets-for-your-next-design/ - Who doesn't love icons?
http://www.noupe.com/photoshop/photoshop-brushes-and-how-to.html - ps brushes and how-to's, what's not to love.
http://www.webresourcesdepot.com/a-set-of-500-quality-icons-led-web-icons/ - 500 icons for you!
http://www.texturelovers.com/ - Textures and tutorials, good site
http://pixelmixer.ru/basic_set/ - More icons
http://www.colorexplorer.com/default.aspx - Color explorer a nice tool for color schemes, palletes and the like.
http://vectips.com/tutorials/turn-any-font-into-a-sketch-font/ - Some people are cooler than me and have illustrator, for those that are cooler than me, here's a fun little tutorial.
http://freestocktextures.com/ - Free textures for the taking.
http://www.minervity.com/features/photoshop/the-ultimate-collection-of-the-best-ornament-photoshop-brushes/ - Who doesn't need more brushes.
http://webdesignledger.com/freebies/80-fresh-new-textures-for-creating-web-site-backgrounds - More textures, cos textures are pertiful.
http://www.seeklogo.com/ - Almost every logo in ai, pdf, or tiff format for your medling

-=Tools & Resources & Tutorials=-

Fiddler2 now integrates with firefox (and the masses rejoice!)
http://astuteo.com/slickmap/ - Nice little stylesheet for sitemaps, me likey
http://feedproxy.google.com/~r/Noupe/~3/Q1PEz3CydLE/50-best-of-designers-free-resources.html - noupe saving the best for now.
http://www.smashingmagazine.com/2009/07/13/css-3-cheat-sheet-pdf/ - I've resisted the whole lets jump on the css3 movement, but now that multiple browsers support it. It's something that can't be ignored too much longer...
http://www.noupe.com/css3/css3-exciting-functions-and-features-30-useful-tutorials.html - 30 tutorials on using css3
http://www.onextrapixel.com/2009/07/15/the-importance-of-wireframes-in-web-design-and-9-tools-to-create-wireframes/ - I call it 'block level' design, but it's how I get things going even when handed a visual design, so here's a post about it.
http://www.webdesignbooth.com/15-useful-firefox-seo-tools-for-serious-bloggers-and-web-designers/ - SEO tools for everyone!
http://www.iepak.com/30/topicdetail.aspx - Useful, upload video, use php to run ffmpeg to convert to flv and then throw it on the page.
http://www.webdesignerdepot.com/2009/07/30-handy-cheat-sheets-and-reference-guides-for-web-professionals/ - I've probably linked most of these before, but always nice to have a list of cheat-sheets
http://www.tripwiremagazine.com/tools/tools/35-extremely-useful-free-online-tools-for-web-developers-and-designer.html - Explatives a'plenty, this list is useful, and I haven't even been through the whole thing yet.
http://www.webdesignerdepot.com/2009/07/massive-compilation-of-designer-tools/ - More of the same, but with some new content
http://www.catswhocode.com/blog/15-php-regular-expressions-for-web-developers - Yay for regex and people that understand it.
http://snook.ca/archives/html_and_css/css-text-rotation - wow... it's like the jQuery tutorial, only with css instead of jQ.
http://www.uxbooth.com/blog/5-tools-to-increase-accessibility/ - good tools for accessibility testing
http://creativenerds.co.uk/news/best-of-the-web-july-for-webgraphic-design/ - Someone elses link post
http://www.smashingmagazine.com/2009/06/01/essential-guide-to-regular-expressions-tools-tutorials-and-resources/ - Regex'ing will save you time and lines of code, so brush up here.
https://browserlab.adobe.com/index.html - Awesome multi-browser rendering engine from adobe. It's screen shot based, so not wicked helpful, but shows you if you're lined up correctly.
http://net.tutsplus.com/tutorials/other/10-essential-sql-tips-for-developers/ - Always nice to brush up on your SQL
http://ajaxian.com/archives/page-speed-new-open-source-firebug-performance-extension-from-google - The ajaxian article
http://code.google.com/speed/page-speed/ - The official Google Code site.
- Google caught up to Yahoo on pushing out a web performance util. I wonder if I run both at the same time if worlds will collide and I'll cause a catastrophic failure, or maybe a headron collider, or possibly an event horizon.  UPDATE: Turns out that it just eats up more ram... a shame really I was looking forward to opening pandora's box.
http://webstandard.kulando.de/post/2009/04/30/best-of-parallax-effect - get your parallax on with these examples
http://tester.jonasjohn.de/ - Test everything (well just about) on a website, SEO, proxy, spell checking
http://supportdetails.com/ - Cool simple way to get lots of info about a compy you are sitting at.. (oddly enough I was building the same thing, and now I don't have too).

-=AIR=-

http://www.webdesignermag.co.uk/blog/build-an-adobe-air-rss-reader/ - Building an Air based RSS reader tutorial.
http://www.webdesignerdepot.com/2009/07/40-great-adobe-air-applications-for-designers-and-developers/ - Air apps for designers!
http://flexmonkey.gorillalogic.com/gl/stuff.flexmonkey.html - Flex/Air developers, this is a tool for you, it helps you test your apps before you release'm.

-=PHP=-

http://61924.nl/blog/e/00010-prevent-xss-and-sql-injections.html - A good article on stopping xss and sql injection (seems to be all about the php... so it may or may not apply)
http://designreviver.com/tips/php-security-guidelines-to-lock-down-your-website/ - always good to be reminded to lock down your xss.
http://dev-tips.com/featured/5-more-quality-sites-to-help-you-become-a-php-rockstar - Rock on you PHP Magician, rock on.
http://www.webresourcesdepot.com/how-to-create-an-api-10-tutorials/ - Mostly php, but there's some Ruby/Rails and a vb.net version in there too.

-=jQuery=-

http://www.w3avenue.com/2009/07/01/list-of-really-useful-plugins-for-jquery-developers/ - More help for the jQuery file
http://www.marcofolio.net/webdesign/advanced_keypress_navigation_with_jquery.html - Handling keypress events with jQuery
http://www.happyworm.com/jquery/jplayer/ - a nice mp3 jQuery player (highly configurable, but docs are deplorable)
http://webdeveloperplus.com/jquery/15-jquery-tutorials-for-more-interactive-navigation/ - Navigation Tutorials
http://evanriley.xiaimix.com/using-jquery-to-play-media-files-mp3wmaetcetc/ - All your media, played with jQ and Flash
http://www.gcmingati.net/wordpress/wp-content/lab/jquery/minizoompan/ - Cool little zoomer util, no pre-loader.
http://boedesign.com/2009/07/11/growl-for-jquery-gritter/ - jQuery Growl like notifications
http://net.tutsplus.com/tutorials/javascript-ajax/creating-a-keyboard-with-css-and-jquery/ - Awesome little onscreen keyboard with jQuery and some css.
http://www.ibm.com/developerworks/web/library/wa-aj-advjquery2/index.html - Longwinded, but always nice to see a jQ tut on IBM.
http://speckyboy.com/2009/07/17/25-fresh-and-new-jquery-plugins-and-tutorials/ - Always nice to see new jQuery tuts.. some of them I have already linked to.
http://www.sitepoint.com/blogs/2009/07/22/how-to-develop-a-jquery-plugin/ - Sitepoint takes a stab at making jQuery plugins
http://www.tripwiremagazine.com/tools/developer-toolbox/60-must-have-jquery-toolbox.html - Many of these I've linked to, but the page is good (thanks to the find feature in your browser)
http://css-tricks.com/date-display-with-sprites/ - Simple, but awesome, thanks jQuery
http://www.devirtuoso.com/2009/07/beginners-guide-to-using-ajax-with-jquery/ - jQuery and ajax...mmmmm
http://www.jankoatwarpspeed.com/post/2009/06/01/Advanced-docking-using-jQuery.aspx - Add docking to your project/webapp/site with some jQuery goodness
http://www.noupe.com/tutorial/drop-down-menu-jquery-css.html - Nice jQuery drop-down menu, it's very nice...
http://jquerylist.com/ - my new favorite jQuery hangout (:o) (mega props to umutm@twitter for this one!)
http://www.gayadesign.com/diy/puffing-smoke-effect-in-jquery/ - jQuery making animation and special effects wicked easy. Cool idea, nice execution.
http://flowplayer.org/tools/ - A pretty sweet suite of jQuery tools from the flowplayer developers
http://www.pierrebertet.net/projects/jquery_superbox/ - We had FancyBox, then nyromodal, is this the new jQuery modal window of choice? (nah, probably not, nyro is still king, but hey it's good to have competitors)
http://upsidestudio.com/web/splitcol/ - Have a list that is too long for a section, but would fit if you split it in two? With this and some jQuery goodness, you can do that.
http://www.distinctcorp.com.au/jquery/spritemenu.html - Normally I don't post links to things like sprite effects, but this is pretty good, and easy.
http://www.iofo.it/jquery/fonteffect/ - Some text effects with jQuery magic (I like mirror the most, but that's just me)
http://www.1stwebdesigner.com/tutorials/53-jquery-tutorials-resources-tips-and-tricks-ultimate-collection/ - Still haven't tried jQuery? what are you waiting for! start here for lots of goodies, tutorials, and tricks

-=Javascript=-

http://sixrevisions.com/javascript/10-impressive-javascript-animation-frameworks/ - javascript animation libs (pretty cool, yo)
http://www.bbc.co.uk/glow/docs/articles/what_is_glow.shtml - Glow, the Official BBC js lib (like YUI, jQuery, etc...), nice idea, I mean, I'll stick to jQ, but hey if you ever need to build a site that works on pure chaos, I mean ie5 and safari < 2, this is the show for you.
http://www.webdesignbooth.com/14-javascript-resources-and-plugins-for-creating-a-stylish-chart/ - charts...nom nom nom

-=Misc=-

http://www.jolicloud.com/ - a replacement netbook os (for you netbook users)
http://listen.grooveshark.com - My new favorite of all online music listening/streaming services
http://code.google.com/p/safire/ - a framework for building iPhone apps
http://webdesignledger.com/freebies/14-most-visually-appealing-free-wordpress-themes - Some nice WP themes
http://www.pulptunes.com/ - Access your iTunes library from anywhere (in your web browser), works on mac, windows, and linux.

-=Mac=-

http://www.smashingmagazine.com/2009/06/04/30-must-have-tweaks-for-your-mac/ - If I had known some of these tricks when I got my mac, the transition would have been soooo much easier. Although I did stumble onto many of these by myself
http://www.smashingmagazine.com/2009/07/05/25-open-source-mac-apps-that-will-boost-your-productivity/ - Yay for free mac apps (because there seem to be so few...)
http://desizntech.info/2009/06/40-mac-freewares-and-open-source-softwares-for-web-designers/ - I have a mac, now I have free tools.

-=Fonts=-

http://www.tripwiremagazine.com/design/design/60-free-fonts-for-big-bold-and-beautiful-headlines.html - 60 fonts for your desiging happiness.
http://www.unionroom.com/blog/21-fonts-that-shouldnt-be-free-but-are/ - Some of these I've already linked, but an pretty good list
http://www.1stwebdesigner.com/resources/52-really-high-quality-free-fonts-for-modern-and-cool-design/ - More fonts!
http://www.smashingmagazine.com/2009/06/05/beautiful-high-quality-free-fonts-for-your-designs/ - Yay more free fonts!
http://www.webdesignbooth.com/60-awesome-grunge-font-that-every-designer-should-collect/ - more grunge fonts

One last thing.  I didn't really proof read this or check the links, so I'm sure there will be some that are wrong.  Let me know what needs to be fixed in the comments and I'll get it taken care of, thanks!  Happy Summer everyone!

So I give you, jTrace - javascript tracing for the peoples (say that last part like strong-bad to get the full effect).

I coded jTrace with jQuery 1.3.2 (as an include... not so much a plugin, although that's what I usually call it), and then I created a 'bloated' version that has jQuery included inside of it (for all you mooTools and prototypers out there... I got your back ). For those who use the bloated version, yeah I coded the jQuery portion to use 'jQuery(...' instead of '$(...' for the selectors so it shouldn't break your exisiting code.

To get an in-depth approach on jTrace and how to use it, head over the 'usage' page on the jTrace site.

Have questions, comments, or props? Leave them here in the comments, thanks!

I searched everywhere and every result listing let me down. Site after site was bitter disappointment, I searched for 'pop-up close child window redirect parent', then 'pop up change parent', and 'pop up child link change parent window'. I did find some useful code like the 'onunload' event (we'll cover that another time ). I finally stumbled onto the solution by mashing up a few different solutions that were posted for javascript events and the mysterious 'window' method built into the base js library*².

The solution (#1): This solution is for those who want to keep the pop-up open, or just want parent only manipulation (yeah, you can always manipulate the child (pop-up), but solution 2 is soooo much easier for that).

First, let's build a method to handle pop-ups.

function popWindow(url, myWidth, myHeight, myScrollbars, myTop, myLeft, myMenubar, myResize) {
	window.name = "main"; /* setting this is the key to letting you manipulate the parent window */
	window.open(url, "","width="+myWidth+",height="+myHeight+",scrollbars="+myScrollbars+",top="+myTop+",left="+myLeft+",menubar="+myMenubar+",resizable="+myResize+",bgcolor=#ffffff");
}

Note that we used "window.name" and set it to "main".  This allows me to reference the parent window from any child windows (pop-ups).  Now that we've done that, in our pop-up window we just need to make the link have a target of "main".  Like so:

<a href="http://fakedoman.com/newpage.html" target="main">Change the parent window!</a>

Now this comes together on your parent page, you click a link that uses the popWindow function that creates the pop-up that can now reference the parent by the name "main".

The solution (#2): This is the show, the heat, the expletive, the new hotness, and the fresh burnination. Ok, fine, it's old code that's been around forever that everyone on the internet forgot about (or at least didn't blog, write, post, etc).

In your pop up window, build a method like this in your script section (or included js file).

function openParent(webAddress){
	opener.location.href=webAddress;
	window.close();
};

Wow... 2 lines (4 if you count the open and closer of the function), simple, easy. Why has no one told anyone else about this*³ ? Now the only thing left is to call that function in an "onclick" event in your a-tag.

<a href="javascript:void(null);" onclick="javascript:openParent('http://fakedomain.com/newpage.html');"/>

Yes, I pointed the href to "javascript:void(null);", the onclick event will overwrite the original href call anyway, so this is how you build the link to keep the code valid to W3c standards.

And that, my friends, is how you code a pop-up window that will change the parent window with a link from the pop-up window.

* Yes I heard all of you grumblers in the back saying 'change the target in the a-tag to "_top" and that'll solve your problem. And you know what? yeah, in 1998 that would have worked. However these days our pop-ups are javascript based, and not so frames/iframe-y.

*² This statement could very well be false... in fact it's made up, I'm not sure if it's built in, I really can't back that up, yeah, total b.s. and yet the code works in IE6, IE7, IE8, Opera 9.63, Safari 3, Firefox 2, Firefox 3, and Chrome... so that kinda seems "built-in", or at least understood and interpreted correctly by most browsers.

*³ It could be that pop-ups in legitimate sites really aren't all that common, and generally the people who use them on their sites are spammers/malware/spyware vendors and should be dragged out in the street and beaten while having their selling slogans chanted and shouted at them (isn't that a pleasant picture you just painted in your head? your welcome).