切片合并雪碧图 grunt-css-sprite

码农软件 · 软件分类 · 网页开发工具 · 2019-03-21 13:43:41

软件介绍

grunt-css-sprite

这是什么

这是一个帮助前端开发工程师将 css 代码中的切片合并成雪碧图的工具; 其灵感来源于 grunt-sprite,由于其配置参数限制目录结构等,不能满足通用项目需求,重新造轮子发布; 它的主要功能是:

  1. 对 css 文件进行处理,收集切片序列,生成雪碧图

  2. 在原css代码中为切片添加background-position属性

  3. 生成用于高清设备的高清雪碧图,并在css文件末尾追加媒体查询代码

  4. 生成高清设备雪碧图,使用 image-set

  5. 支持选择器提取,进一步优化CSS文件大小

  6. 在引用雪碧图的位置打上时间戳

  7. 在样式末尾追加时间戳

  8. 按照时间戳命名文件

本文地址:https://codercto.com/soft/d/1834.html

参与感

参与感

黎万强 / 中信出版社 / 2014-8 / 56.00元

◆雷军亲笔作序,小米联合创始人黎万强著。 ◆揭开小米4年600亿奇迹背后的理念、方法和案例。 ◆了解小米,必读本书! ◆迄今为止关于小米最权威、最透彻、最全面的著作! ◆新一代营销圣经。 ◆2014年最重磅图书! ◆再掀企业界全民学习小米热潮! ◆引爆出版界、财经界、IT界、科技界大震荡的“现象级热书”! ◆全书四色印刷,包含46张海报级插图。 ......一起来看看 《参与感》 这本书的介绍吧!

HTML 压缩/解压工具
HTML 压缩/解压工具

在线压缩/解压 HTML 代码

JSON 在线解析
JSON 在线解析

在线 JSON 格式化工具

正则表达式在线测试
正则表达式在线测试

正则表达式在线测试