Archive for the ‘Web Development’ Category

image previewer

Monday, February 8th, 2010

Here is a cool jQuery effect which lets you preview an image when you hover over its thumbnail. It pretty much a tooltip that follows your mouse around while having an image rather than text. The image previewer will also adjust itself depending on how large the image is in relation to the x and y coordinates of your mouse.

Mario’s Buttons

Tuesday, January 12th, 2010

As websites move towards the “web 2.0″ look and feel, a glassy rounded corner button or image is pretty standard. There are many websites out there that will generate buttons for you automatically through their design tools such as My Cool Button and As Button Generator .

The worlds easiest centered two column layout

Tuesday, January 12th, 2010

Here’s a post for beginner HTML/CSS soon to be ninjas. About 90% of the sites I have built use this same technique for layout. I generally use a 950px wide layout but this can be any size you would like as long as you adjust the width of the columns accordingly.

jQuery html slideshow

Tuesday, January 12th, 2010

I enjoyed building my image slideshow so much that I had to do another. I have used many open sourced html slideshows in my years, but again I wanted to build one that is very simple and customizable. The html slideshow I have created will fade in and out through any html content of your [...]

jQuery slide show

Tuesday, January 12th, 2010

There are tons of slideshow options on the web today, many are very well built while others can be very cluttered and hard to use/understand. Now that I am getting fairly comfortable with jQuery I felt as if building a sideshow myself would be very beneficial as well as a good learning experience. I wanted [...]

Automatically add images to links

Tuesday, January 12th, 2010

Adding images to links on your website can be very useful, it is helpful for the ease of use and also adds attractive visuals to your site.

Must have FireFox plugins for web development

Tuesday, January 12th, 2010

Firefox can be one of your most powerful web developing tools. Plugins for FireFox are easy to use and can cut down time coding by hours, check out some of my favorites.

CSS hacks and filters

Tuesday, January 12th, 2010

You should rarely use CSS hacks for different browsers, but sometimes you find yourself in the situation where there is no other choice. Over the years I have come across some CSS hacks and filters that can come in handy when building websites.

Using CSS Frameworks

Tuesday, January 12th, 2010

Ever spent hours coding HTML and CSS trying to get your layout to look the way you want across all browsers? CSS frameworks can cut your time coding in half as well as look correct in newer and older web browsers. This framework uses the idea of a grid layout so everything will line up [...]

jQuery feed reader – jgfeed

Tuesday, December 15th, 2009

I was trying to find a way to get the latest article posts dynamically on the homepage M2Volt.com. This needed to be client side since it is outside of the CMS we are using for our blog page. I stumbled upon a plugin on the jQuery site that blew my socks off it was so easy to use, I had to write this one up.

© 2010 M2Volt all rights reseved

back to top