标签： technology

分享EditPlus快速格式化js/css工具

在“利用YUI Compressor压缩JS/CSS之终极秘籍”一节中，我讲解了一些关于如何通过YUI Compressor来压缩js/css;相反的情况是，如果想查看别人已压缩的js/css文件，怎么办呢？那就需要将这些压缩后的js/css/html进行格式化。
Continue reading 分享EditPlus快速格式化js/css工具

利用YUI Compressor压缩JS/CSS之终极秘籍

JS/CSS的压缩已经不是什么新鲜话题了，自打YSlow推出后，这方面的优化话题是铺天盖地啊；不过当时作为后知后觉的我，甚至都没法完整地写出一份漂亮的JS/CSS的代码，何尝会去注意呢？！
时至今日，我仍然没法独立完整地写出一份专业的代码，但对能够压缩这类代码也有了应有的兴趣和需要，动手实现刻不容缓！
百度了很多这方面的教程，尝试了很多解决方案，可谓几经周折方才成功；喜悦之余，分享于此。
本秘籍宗旨只为实现在右键集成YUI Compressor和Editplus集成YUI Compressor。

1、关于YUI Compressor

YUI Compressor – The Yahoo! JavaScript and CSS Compressor
The YUI Compressor is a JavaScript compressor which, in addition to removing comments and white-spaces, obfuscates local variables using the smallest possible variable name. This obfuscation is safe, even when using constructs such as ‘eval’ or ‘with’ (although the compression is not optimal is those cases) Compared to jsmin, the average savings is around 20%.
The YUI Compressor is also able to safely compress CSS files. The decision on which compressor is being used is made on the file extension (js or css)

对于大量使用JavaScript和CSS的AJAX应用来说，如果JavaScript和CSS大小很大，则传输到客户端的时间会很久，网站性能不佳。而压缩JavaScript和CSS是自然的事情（其中YUI Compressor的压缩率大约为20%）；

大致就是这么个意思，其实我们只要关注YUI Compressor能实现什么就行。
Continue reading 利用YUI Compressor压缩JS/CSS之终极秘籍

[转]Responsive设计的十个基本技巧

Responsive Design对于我来说一点都不陌生，从他在这个互联网出现的时候，就一直在观注他的成长，而且在w3cplus站上也分享了很多这方面的教程和资源。由 于组织了YY活动在线上和大家分享Responsive的设计，为了能让大家更好的理解，我自己也有必要好好的做一下功课，今天这个就是功课，想和大家一 起分享一下Responsive设计的一些基本技巧，和相对应的学习资源，希望对大家有所帮助。

什么是Responsive设计？有的同学认为Responsive设计是自适应布局，也有的同学认为Responsive是网格布局。其实这些想法都不正确。Wikipedia对Responsive做 了详细的描述，我在这里就简单的说一下。Responsive设计简单的称为RWD，是精心提供各种设备都能阅读网页的一种设计方法，RWD能让你的网页 在不同的设备中展现成不同的设计风格。从这一点描述来说，Responsve既不是流体布局，也不是什么网格布局，他是一种独特的网页设计方法。
Continue reading [转]Responsive设计的十个基本技巧