文档章节

分享一个功能完整的在线CSS Sprites生成器:SpritedPad

j
 james_laughing
发布于 2016/12/15 09:42
字数 369
阅读 56
收藏 0

http://spritepad.wearekiss.com/

 

分享一个功能完整的在线CSS Sprites生成器:SpritedPad

日期:2012/03/13  来源:GBin1.com

SpritedPad - gbin1.com

CSS Sprites对于减少请求次数来说是一个非常伟大的设计。通过将所有的图片或者icon都融合为一个背景图片,使得我们可以通过background-position来选择自己需要显示的图片。

然而,一旦我们将所有的图片或者图标都放置于一个图片画布上后,寻找我们需要的图片将会成为一个非常费劲的工作。

这里我们将推荐一个在线的web工具SpritePad ,它能够有效的帮助我们通过”拖放“的方式来将图片设置到画布中,并且自动生成对应的CSS。

SpritedPad - gbin1.com

整个操作界面的画布可以自定义并且可以实时的修改大小。当然如果我们需要组织所有的图片项目时,这个工具也同时提供了一个.zip文件下载选项,其中包含了sprits图片名称及其CSS定义。

当然,除了免费版,你还可以付费使用高级版本。拥有更多的特性例如可以和你的同事分享你的sprites。是不是非常简单实用?希望大家能够喜欢这个工具。

来源:  分享一个功能完整的在线CSS Sprites生成器:SpritedPad

本文转载自:http://www.gbin1.com/technology/css/20120314cssspriteswebtool/

共有 人打赏支持
j
粉丝 27
博文 455
码字总数 22188
作品 0
广州
私信 提问
命令行的CSS Sprites生成器--SmartSprites

SmartSprites 是一个基于java开发的命令行 形式的CSS Sprites生成器。它根据CSS文件中的特别注释自动合成图片,然后自动替换原来的图片,最后生成一个新的CSS文件。显然比手工上传、下载,再...

匿名
2010/04/20
1K
0
Web开发者选择的最佳HTML5/CSS3代码生成器

原文地址:http://codecloud.net/css3-code-generators-for-web-programmers-6672.html HTML5 和CSS3是一入门就能用的最好的语言,最简单同时也最好的的方式就是直接开始做!那么生成器就在自...

数通畅联
2015/11/30
183
0
10款AJAX/CSS/HTML的在线表单生成器

日期:2011/12/24 来源:GBin1.com 在这篇文章中,我们将介绍10个超棒的在线表单生成器,帮助你整合web表单到你的网站中,希望大家喜欢! 1. Form Assembly 这是个web表单的CSS样式集合 2. J...

gbin1
2011/12/25
8.9K
3
5个在线Ajax“加载中”旋转图标生成器工具

日期:2011/10/25 来源:jquery4u.com 编译:GBin1.com 在今天这个文章中,我们将分享5个在线的Ajax”加载中”动画图标生成器工具,可以简单快速的帮助你生成Ajax加载器。 只需要: 选择你的...

gbin1
2011/10/25
0
0
Web开发者推荐的最佳HTML5/CSS3代码生成器

HTML5和CSS3是一入门就能用的最好的语言,最简单同时也最好的的方式就是直接开始做!那么生成器就在自动生成代码时扮演者重要角色,它们非常适用于那些要做很多重复性工作的开发人员和设计人...

老胡不胖
2015/11/25
4K
3

没有更多内容

加载失败,请刷新页面

加载更多

记录replugin使用的一个坑

反复编译插件放入宿主中,一直出现如下错误: android.content.res.Resources$NotFoundException: Resource ID #0x7f050000 type #0x5 is not valid 回滚代码,重启AS还是出错。最终发现将宿...

Gemini-Lin
今天
1
0
Vert.x系列(二)--EventBusImpl源码分析

前言:Vert.x 实现了2种完成不同的eventBus: EventBusImpl(A local event bus implementation)和 它的子类 ClusteredEventBus(An event bus implementation that clusters with other Ve......

冷基
今天
1
0
Perl - 获取文件项目

参考:http://www.runoob.com/perl/perl-directories.html 下面返回JSON格式的文件列表 #!/usr/bin/perluse strict;use warnings;use utf8;use feature ':5.26';require Fi......

wffger
昨天
2
0
vue组件系列3、查询下载

直接源码,虽然样式样式不好看,逻辑也不是最优,但是可以留作纪念。毕竟以后类似的功能只需要优化就可以了,不用每次都重头开始。。。 <template> <div class="pre_upload"> <div ...

轻轻的往前走
昨天
2
0
java浅复制和深复制

之前写了数组的复制,所以这里继续总结一下浅复制和深复制。 浅拷贝:对基本数据类型进行值传递,对引用数据类型进行引用传递般的拷贝。 深拷贝:对基本数据类型进行值传递,对引用数据类型,...

woshixin
昨天
2
0

没有更多内容

加载失败,请刷新页面

加载更多

返回顶部
顶部