CSS Sprite Generator & Ruler

插件截图

插件概述

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

其他信息

官方唯一标识:keloiaja****************jgbgbgam

官方最后更新日期:2016年3月23日

分类:开发者工具

大小:204KiB

版本:1.0

语言:English

提供方:shehrozahmed.com

星级:5

插件下载

下载链接一     下载链接二

Chrome插件离线安装教程

温馨提示

本站中的部份内容来源网络和网友发布，纯属个人收集并供大家交流学习参考之用，版权归版权原作者所有。

如果您发现网站上有侵犯您的知识产权的作品，请与我们取得联系，我们会及时修改或删除。

如果您觉得网多鱼对您有帮助，欢迎收藏我们 Ctrl+D。