Whilst using jQuery, I've been using the Object Literal Notation to namespace all of my JavaScript code:

$(document).ready(function() {
	var example = {
		var1: 1,
		var2: 2,
		someFunction: function() {

		}
	};
});

In my function, I wanted to use a jQuery effect, and in that callback, I wanted to reference the variables var1 and var2. However, jQuery wasn't allowing it ... this is the solution

Search Engine Optimization, or SEO for short, is the process of naturally increasing the page rank of a website on search engines by the use of coding techniques. It's a rapidly growing process and is becoming more and more in demand as companies go head to head against each other.

For businesses, this is a huge thing; If someone searches for a product or a service, a business wants their company to appear first on search engines such as Google, as people will most likely then buy from them.

This post will cover ways a web developer can use certain HTML, CSS and JavaScript techniques whilst creating a website to hopefully increase his page rank on search engines. This is a Search Engine Optimization post solely aimed at HTML, CSS and JavaScript coding, and not on other SEO methods such as Back Linking, PHP Methods, or Server Methods - I may expand on those in another post.

That being said, search engines keep their ranking algorithms secret and so no one actually knows the real effect of all of these techniques. These are simply tried and tested methods which developers believe contribute to a high page rank. These is also no silver bullet for Search Engine Optimization - it is a constant process and if you want to succeed, you have to constantly adapt your methods to what is working and what isn't.

Different things have different weightings in search engines, so I'll try and make sure the most effective methods are listed at the top of this article, and go down in descending order.

Whilst looking for a syntax highlighter for my website, many of which I found were incredibly bloated with features that I knew I would never use and without modifying all of the files massively, I knew I'd never cut the size of the highlighters down. Page loading times for my website would stay high, and that's not what I wanted.

After Googling around a bit, it seemed that most people were recommending GeSHi - The Generic Syntax Highlighter, but that wasn't quite what I was after. Putting GeSHi on a dynamic page containing a list of blog posts meant that CSS rules would repeat themselves, and the GeSHi PHP class certainly isn't lightweight. However, I stumbled across a JavaScript solution...

jQuery.Syntax - The Lightweight JavaScript Highlighter