Tagged

压缩

A collection of 3 posts

优化

前端压缩工具Yabo——鸭脖

嗯,介绍一下大猫老湿最近的作品——鸭脖(Yabo)。 鸭脖主要用于自动合并压缩样式文件并自动为外部资源如图片等添加时间戳——时间戳是把双刃剑,设定文件的客户端缓存但不小心也会让客户端页面乱掉~~ 主要功能: 无需单独的合并列表文件,直接读取 CSS 里的 @import 文件合并 合并后自动调用 YUI Compressor 进行压缩,filename.source.css 进去 出来 filename.css || filename.css 进去 出来 filename.min.css 给图片加时间戳, 包含关键词 Yabo_img_timestamp_off 来关闭此功能 给文件结尾加时间戳 安装 下载 Yabo 编辑器里配置外部工具,这里用 Intellij IDEA 举例,当然同样适用于 PHPStorm

css

Merge CSS 1.8发布

鬼哥(css森林)精心打造的CSS优化与整理工具 mergeCSS已经发布几天了,我们在之前的《CSS压缩大法》中有介绍到它,现在我们终于可以用上了。经过试用,这的确是一款很好用的桌面应用。 访问下载及说明页面 让我们看看它都有哪些特性吧: 压缩CSS文件 合并CSS文件 可合并通过@import引入的CSS文件 支持单文件、多文件压缩及文件列表处理等模式 拖动添加文件 可选压缩为一行 可以自动转换路径 支持快捷键和右键菜单 自定义保存路径 支持网络文件 软件界面: 访问下载及说明页面 查看使用教程: 样式文件合并工具 mergeCSS 应用之单文件模式 样式文件合并工具 mergeCSS 应用之多文件模式

优化

CSS压缩大法:技巧与工具

原文:[CSS压缩大法:技巧与工具](http://www.qianduan.net/css-compression-tips-and-tools.html) 整理自:[18 CSS Compression Tools and Techniques](http://designshack.co.uk/articles/css/18-css-compression-tools-and-techniques) 版权所有,转载请注明引用地址!多谢 - - - - - - 学习编写简练、优化的CSS需要大量的实践和一种不自觉的强迫性清洁的渴望。然而让你的CSS保持整洁并不仅仅是你对清洁的疯狂的心理需求,尤其对于大型网站来说,这会使页面加载更快。更快的加载时间就等同于提高可用性和较高的用户满意度。 很多人都有代码洁癖。这不是件坏事。 本文将整理集中你可以用来优化你的CSS的技术,以及一些可以自动压缩你的代码的在线和桌面压缩工具。 压缩还是不压缩 在我们讨论如何压缩CSS之前,需要注意一下在压缩和代码的易读性上常常要有个平衡。很多编码者以其CSS组织清晰为傲,而且并不希望自己的代码被通过压缩器去掉注释和断行。作为一个设计师,你应该分析你所编写的代码的目标。如果你要创建一个小的只需要几行CSS的网站,