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 <a href='http://shehrozahmed.com'>Shehroz Ahmed</a>
Latest reviews
- (2019-12-12) Dmitry: dont working
- (2018-01-10) Anil Gc: very useful tool
- (2016-03-20) Ahmed Kamal: Nice! Keep it up (Y)
- (2015-10-03) Mushif Ali Nawaz: Awesome! Keep it up. :)
- (2015-10-02) Shaheer Arain: WAO ! Man its really AwaSom it's really gonna help me for development ! Thank brother Keep working on it and upload new extenshions like this ! Great Work :P :* <3
- (2015-10-02) Muhammad Usman: Love this
- (2015-10-02) Rana Haani: awesome app. really helping in development.
- (2015-10-02) Muhammad Umar Farooq: Wow nice ... Keep improving it.
Statistics
Installs
64
history
Category
Rating
4.6667 (12 votes)
Last update / version
2016-03-23 / 1.0
Listing languages
en