Creating a jQuery Plugin to Increase Font Size

I have been spending a bit of time lately figuring out how to create my own plugins for jQuery. It doesn’t take much to accomplish and I thought it would be a good idea to put together a small tutorial to show everyone just how easy it can be. For this example, I will create a plugin to increase the font size of a selected div when a link is clicked.

Read More »

10 Great jQuery Plugins for Web Developers

I started working with Javascript quite a few years ago and have always had a love/hate relationship with it. Sure, you can do a lot of cool things with it, but sometimes the amount of code you have to write to perform a simple function is a little bit tedious. There are quite a few Javascript libraries out there that really simplify the coding process and add tons more functionality. So far, my fave is jQuery.

Read More »

Creating a Mouseover Fade Effect with jQuery

My last little jQuery tutorial was an alternative to using CSS to create an image change on a mouseover. Now I want to take that one step further and add a fade effect. For my example, I am going to make a black and white image fade into a color image. To achieve this effect I am going to introduce the animate function. There are tons of possibilities in regards to jQuery’s animate function, but for this tutorial, I’m going to keep it simple by just using it to do one thing.

Read More »

A Simple Mouseover Hover Effect with jQuery

Javascript is pretty useful but it does demand a lot of coding. Luckily for all of us, there are libraries out there that make it extremely easy to use the power of Javascript with a lot less code. I have been having a lot of fun with jQuery latetly and wanted to share a quick and easy tutorial on how to create a mouseover hover effect.

First you need to download jQuery. Grab the Production minified version off of their site.

Read More »

Free Syntax Highlighter from Google

I have been searching around for a way to highlight the code in my posts to make it easier for people who visit my site to differentiate between the text and the code. At first I was using the <blockquote> tag with some CSS to make things look the way I wanted to, but then I stumbled upon a great piece of JavaScript offered by Google that goes that extra step to make your code snippets look awesome.

Read More »