• Designs Photo
  • Fantasy Photo
  • Code Photo
  • Silhouette Photo

Creative, Modern, Professional Designs

For the last 6 years, I have been creating innovative websites to capture attention and inspire the mind, balancing user experience with an attractive website interface. By the use of AJAX and CSS, websites become more interactive, and with Search Engine Optimization, they are easily found through Google, Yahoo and Bing.

Designs Photo
Fantasy Photo

Everything you see here is Original Work

Besides the jQuery library and syntax highlighting, this whole website has been created from scratch; No pre built frameworks or content management systems have been used.

This demonstrates dedication, personalization and skill, and is reflected in all of the work I produce.

Programming is a Passion

As you get to know me, you'll start to see that I've tried my hands at just about everything, ranging from the basics to the more advanced and finer points in programming.

That means you'll probably find lots of hints and tips here for many different languages, as well as anything that I find relatively interesting!

HTML Code Photo
Silhouette Photo

Inspiring Designs with Limitless Possibilities

Every website created here is a unique one, with limiting boundaries out of the questions.

Programming is always evolving and so I'm always improving my game to keep up with the changes. You'll be able to see this reflected in the high quality work that I produce.

Anuj Nair's Blog » Search: Jquery »

jQuery Object Literal Notation and the this keyword

How to avoid jQuery overwriting the scope of the 'this' keyword

Posted: 26 February 2011 - Written by Anuj Nair
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

Anuj Nair's Blog » Search: Jquery »

Lightweight and Fast Syntax Highlighting using jQuery.Syntax

jQuery.Syntax is a lightweight syntax highlighter developed in JavaScript with speed as its fundamental core

Posted: 22 May 2010 - Written by Anuj Nair
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