CSS Sprite Generator & Ruler Chrome Extension

This will generate a sprite image by dragging and dropping Images & also measure the size of different contents on Websites..

css spite generator & Ruler is developed for front end website developers.

To allow it on file urls, go the extensions tab,find css sprite generator and click on "Allow access to file urls".

It performs two functions, 1.

css sprite Generator.

2.

Ruler.

What is CSS Sprite An image sprite is a collection of images put into a single image.

A web page with many images or icons can take a long time to load and generates multiple server requests.

using image sprites will reduce the number of server requests and save bandwidth.

1.

Sprite Generator.

It allows the user to upload the multiple icons images on the canvas, User can change the position of the icons, and at the end sprite generator will allow you to download the one image containing all the icons,and it will also provide you the CSS with background position,width,height of your different icons.

You can also download the complete css code.

2.

Ruler : Ruler Allows the user to measure anything on the web, this will allow you to know the width,height,top and left position of anything on the DOM.allow you to know the width,height,top and left position of anything on the DOM.

Developed By Shehroz Ahmed