<script>
my_url_object = document.location;
</script>

That code yields out something like this in Chrome’s Javascript console:

Example of use:

You can show certain section of your code depending on a hash tag in the URL:

<div id="section-1" class="section">Section 1</div>
<div id="section-2" class="section">Section 2</div>
<script>
$(function(){
	// Get the hash parameter from the URL.
	active_section = document.location.hash;
	// Hide ALL the sections
	$('.section').css('display','none');
	// Show the section specified in the URL
	// The URL can be:
	// - http://localhost/example/index.html#section-1 , or
	// - http://localhost/example/index.html#section-2
	$(active_section).css('display','block');
});
</script>

Post a comment if you need help!

Not so much of a technical video, it focus more in explaining the psychology behind what the user is thinking when they’re using your app.

What is Code Kick Off?

Code Kick Off is an application that lets you choose from the most popular web technologies and combine them together in one read-to-go project. For the first release we let you choose from:

HTML5 Boilerplate

Compass

CSS Grids

We’re including 4 different grid systems:

• Tiny Fluid Grid by Girlfriend
• Less Framework by Joni Korpi
• 960.gs by Nathan Smith
• Blueprint by Joshua Clayton

WordPress

Tell us what you think!

Go take a look at Code Kick Off! We wanna hear from you, give us a shout on Twitter!

<div class="section">
	<h3 class="title">Title</h3>
	<span class="description">...</span>
</div>
<div class="section">
	<h3 class="title">Title</h3>
	<span class="description">...</span>
</div>

This code will let you access the child elements of ‘.section’ when you use an ‘each’ function

<script type="text/javascript">
$(function(){
	$('.section').each(function(i,element){
		$('description',this).fadeOut(100).fadeIn(100).fadeOut(100).fadeIn(100);
	});
});
</script>

I hope this helps someone, I kept forgetting how to do this, so this is mostly a reminder for myself.
Source: http://stackoverflow.com/questions/306583/jquery-this-selector-and-children/306904#306904

I found this cool website where I read that ie7 does something weird with the stack order when it renders the page and solves the problem using jQuery. Surprisingly I just copied and pasted the code (after analyzing it of course) and it fixed my problem!

Here is the code! for more details on this solution go to Vance Lucas Website

$(function() {
	var zIndexNumber = 1000;
	$('div').each(function() {
		$(this).css('zIndex', zIndexNumber);
		zIndexNumber -= 10;
	});
});