什么是CSS Sprites? “Sprite”(精灵)这个词在计算机图形学中有它独特的定义,由于游戏.视频等画质越来越高,必须有一种技术可以智能的处理材质和贴图,并且要 同时保持画面流畅.“Sprite”就是这样一种技术,它将许多图片组合到一个网格上,然后通过程序将每个网格的内容定位到画面上. Sprite被定位到一副静态图片上,并且通过简单的程序或硬件即可正确定位到画面上,一幅幅图片就像是被“变”出来的,他们并没有单独占用内存,所以被取名为“Sprite精灵”. 上图是口袋妖怪的组合图片,可

smallpdf 真的超级棒! https://smallpdf.com/cn

TexturePackerGui工具: 1.工具使用: 首先看到texturepacker的界面 界面介绍: New pack:创建项目按钮,单击后输入文件名称,创建文件. Input directory:待整合图片资源目录,建议使用test me!目录中的input文件夹 Output directory:整合后图片及配置文件保存目录 Pack all:打包所有创建的文件 File name:配置文件名称 Default image format:默认图片编码格式 Default file f

记住这几个在线工具网站,让你PC上要装的软件少一半! 一.uzer.me——丰富的云端应用聚合 这个云平台将我们常用的Office系列软件.Adobe家族的系列软件……乃至CAD制图都整合在了云端,随时都可以通过浏览器调用:而且还支持多人合作模式,可以与他人一起协作完成工作. 越是配置低的电脑越能体会到这个云端聚合平台的好处!计算处理都交给了云平台,让配置低的本本也能体验到流畅办公. 二.创客贴——轻巧便捷的在线图片设计 无需太多的专业美工知识.也不需要安装Photoshop.DW等等专业软件,

摘要:CSS工具可以简化工作流,可以提高CSS编写速度,是开发者和设计者所不可缺少的.本文列举了40种CSS工具,功能涉及CSS菜单.动画.3D图形.响应式页面.图层.按钮等界面元素的设计与制作,你定可从中找到适合的工具. 本文是对外文<40 CSS Tools to Improve Your Productivity>的编译内容. CSS工具是开发者和设计者所不可缺少的,它们不仅简化了工作流,还可提高CSS编写速度.本文将列举40种CSS工具,功能涉及CSS菜单.动画.3D图形.响应式页面.

近期在网上看到一张帖子感觉不错.只是是英文版的今天闲着没事锻炼一下英语能力分享给大家看看! 原文地址:http://webdesignledger.com/tools/8-useful-online-tools-for-web-designers-and-developers 译文例如以下: 在工作中借助一些很好用的工具能够让你专注于更重要的事情.进而提高工作效率. 本文收集了一些设计和开发相关的在线工具,分享给大家,希望对你有帮助. ProCSSor ProCSSor是一个非常不错的CSS代码

在线HTTP POST/GET接口测试工具 - aTool在线工具 地址:http://www.atool.org/httptest.php在线接口测试工具接口测试是测试系统组件间接口的一种测试.接口测试主要用于检测外部系统与系统之间以及内部各个子系统之间的交互点.测试的重点是要检查数据的交换,传递和控制管理过程,以及系统间的相互逻辑依赖关系等.接口测试一般以用于多系统间交互开发,或者拥有多个子系统的应用系统开发的测试.接口测试适用于为其他系统提供服务的底层框架系统和中心服务系统,主要测试这些系

目前,不管是前端开发人员还是个人站长,经常需要一些代码处理类的工具,比如:代码对比.代码格式化.图标制作等.有时就是一时急用可电脑上又没有安装相关的软件,这里为大家收集了一些我们经常会用到的在线工具. 代码对比/归并: http://www.matools.com/compare 正则表达式: http://www.matools.com/regex js/css压缩: http://www.matools.com/compress 网页调色板: http://www.matools.com/c

自己的第一个也是唯一一个开源项目,因为平时比较懒,很少做宣传,今天刚好突破160个star,发到园子里推荐给大家,算是庆祝一下,哈. 项目地址:https://gitee.com/opensourcechen/image-combiner 一. 新手介绍 1.1 项目背景 最近公司上了不少传播方面的需求,免不了合成各种营销图片,图片合成本身并不是什么高深的技术,但用底层api去搞确实繁琐,于是抽时间封装了一个小工具,初衷是解放生产力,后来发现挺好使,那就开源吧,花了一个整天重新整理了一下代码,作

图片的裁剪,两个图片合成一个图片(这是从网上摘的) /// <summary>         /// 图片裁剪,生成新图,保存在同一目录下,名字加_new,格式1.png  新图1_new.png         /// </summary>         /// <param name="picPath">要修改图片完整路径</param>         /// <param name="x">修改

在一段时间的内测以后,微软于今天早些时候发布了其Windows Phone应用开发的在线工具,名字叫做Windows Phone Studio.其意义在于,通过简单的内容添加和样式选择,实现Windows Phone应用的定制,它不仅屏蔽了Windows Phone应用开发的技术细节,使得没有相关开发经验的普通用户可以创建Windows Phone平台的App,而且可以完成应用原型的快速开发,方便有经验的程序员快速实现其应用程序的原型. 1. 注册Windows Phone Studio 目前,

为什么要用 Web 在线工具呢?有两个原因,第一,它不受限于物理平台,我既可以在自己的电脑上使用,也可以在公司或亲戚朋友的电脑上使用(不管对方的操作系统是什么,只要能上网):第二,可以解放硬盘,减少 PC 端 APP 的安装数量,提高笔记本的性能. 所以如果一款软件既有「PC客户端」也有「网页版」,那么我会尽量不去下载客户端而是直接使用网页版,提高生产力的快速可移植性.当然使用网页版会有两个缺点:第一,需要网络:第二,功能会比客户端少.所以,需要自己去权衡好. 下面我就分享一下自己常用的8个We

证书在线工具 如果您是第一次申请SSL证书,如果您对您的服务器如何使用SSL证书还不熟悉的话,我们推荐您使用本套工具,本套工具支持所有SSL服务器证书格式和各种WEB服务器.帮助您在线生成CSR文件,在线合成PFX.JKS.P7B.KDB 和 PEM文件.如果你安装完证书后,需要检查证书安装是否正常,可以使用我们的SSL证书在线检查器. 证书申请流程             在以上流程中,除了GeoTrust负责鉴证,签发证书部份外,您需要完成2项任务: • CSR的制作 • 将私钥和CA颁发的

预加载的好处可以让网页更快的呈现给用户,缺点就是可能会增加无用的请求(但图片.css.js这些静态文件可以被缓存),如果用户访问的页面里面的css.js.图片被预加载了,用户打开页面的速度会快很多,提升用户体验.在用到一些大图片展示的时候,预加载大图是很不错的方法,图片更快的被呈现给用户.不多说了,作为一个前端攻城师都懂的,下面分享我做的测试和得到的结果. 先说需要知道的服务器返回的status code:status-code: 200 - 客户端请求成功status-code: 304 -

 编辑人员注释:本文章由Windows Azure 网站团队的软件开发者 Amit Apple 撰写. 如果想要了解并亲身参与计算资源管理,那么您一定会很高兴得知这一消息:Windows Azure 网站现在提供一些非常有用的在线工具,可帮助您完成一些非同凡响的操作.这些工具已集成到您网站的 Kudu 仪表板(也称为网站控制管理 (SCM) 仪表板)中,现在我们来一起了解一下这些工具. 要进入 Kudu 仪表饭,只需使用您喜欢的 Internet 浏览器访问 https://{网站名称}.s

需求 要用代码来实现多张外部图片和文字的合并而且要上传到七牛云,再将图片链接通过客户端分享出去.图片背景需要支持用户自定义更换. 实现方案 在一个canvas上多次调用drawImage函数,分别绘制在canvas中,多次之后canvas中是多个图片合并的效果,然后再调用toDataURL函数将canvas转成dataURL格式的图片,再将dataURL格式装换为blob文件,上传至七牛云. 需要注意的坑 canvas图片合成模糊的问题 将canvas的长宽设为样式长宽的2倍或更大, 如下: v

刮刮卡(图片合成) 定义: globalCompositeOperation 属性,设置或返回如何将源图像 将 myCanvas 的背景图设置为一张图片,(刮开后显示) // 目标图像(已有的,外面一层即将被刮掉的那一图像) pen.beginPath(); pen.fillStyle = "red"; pen.fillRect(100, 300, 100, 100); // pen.globalCompositeOperation = "source-over";

引子 在 批量下载网站图片的Python实用小工具 一文中,讲解了开发一个Python小工具来实现网站图片的并发批量拉取.不过那个工具仅限于特定网站的特定规则,本文将基于其代码实现,开发一个更加通用的图片下载工具. 通用版 思路 我们可以做成一个下载图片资源的通用框架: 制定生成网页资源的规则集合 PageRules: 根据 PageRules 抓取网站的网页内容集合 PageContents: 制定从网页内容集合 PageContents 获取资源真实地址的规则集合或路径集合 Resource

为什么要用Web在线工具呢?有两个原因,第一,它不受限于物理平台,我既可以在自己的电脑上使用,也可以在公司或亲戚朋友的电脑上使用(不管对方的操作系统是什么,只要能上网):第二,可以解放硬盘,减少PC端APP的安装数量,提高笔记本的性能. 所以如果一款软件既有「PC客户端」也有「网页版」,那么我会尽量不去下载客户端而是直接使用网页版,提高生产力的快速可移植性.当然使用网页版会有两个缺点:第一,需要网络:第二,功能会比客户端少.所以,需要自己去权衡好. 下面我就分享一下自己常用的8个Web在线工具,

好久没有过来转, 今天姐姐我分享几套高逼格的iMac相关设计资源, 希望各位靓妹帅哥会喜欢, 最重要滴是,都是FREE,此处应有掌声~~~ , yeah!! iMac桌面效果Mockup 只需要下载后, 直接在智能层中插入你想展示的页面效果图即可, 超方便, 尺寸:4000 x 3000px, 体积稍微大点儿200+M 下载地址 多彩iMac Mockup 大概分享率:2028 x 1500px, 下载文件200+M, 包含了丰富的桌面元素哈, 值得收藏 下载地址 Retina iMac moc

CSS代码: .clip { position: absolute; clip: rect(0 0 0 0); } HTML代码: <input type="file" id="uploadFile" class="clip" accept="image/*"> <label class="ui-button ui-button-primary" for="uploadFile&