井长 Jason Yu

一、在线压缩清理格式化js和css工具

1、CSS Formatter & Optimiser
css格式化跟压缩工具

http://www.cleancss.com/index.php

2、Compress Your JavaScript
js压缩工具

http://www.codeandcoffee.com/2006/10/02/compress-your-javascript/

3、CSS 代码格式化工具
支持横排、竖排、清空等格式化操作

http://www.happyshow.org/sample/20070626/cssformater.html

二、JS/HTML格式化在线压缩工具

1、含格式化、普通压缩、加密压缩等功能
JS/HTML格式化、在线压缩-站长工具

http://www.hao51xx.com/user/tool/gj/jshtmlgeshi.htm

2、JavaScript/HTML格式化
站长常用工具提供

http://tool.chinaz.com/Tools/JsFormat.aspx

http://sixrevisions.com/graphics-design/50-excellent-icon-design-tutorials/

jQuery 1.4的资源汇总篇。

【官方资源】

    * jQuery官方网站：http://jquery.com/
    * jQuery官方为全面介绍jQuery 1.4建立的网站，希望人们能用14天来了解它：http://jquery14.com/
    * jQuery 1.4 官方API文档（包括1.4版本中新添加的和更改的函数）：http://api.jquery.com/category/version/1.4/


【相关文档及手册】

    * jQuery 1.4 API Cheat Sheet（在线版、pdf版、png版）：http://futurecolors.ru/jquery/
    * jQuery 1.4中文API文档（chm版）：http://www.cnblogs.com/kuku-1/archive/2010/01/22/1654318.html
    * jquery 1.4手持设备版手册（如在IPhone上看）


【相关教程】

    * jQuery 1.4 Released: The 15 New Features you Must Know
      中文译文：jQuery 1.4 发布：15个新特性实例精讲
    * coolnalu翻译的jQuery 1.4官方文档中文版
    * jQuery 源码在线查看（可按方法搜索）（英文）
    * jQuery 1.4 选择器在线测试（英文）
    * 理解jQuery 1.4中的$.proxy()函数（英文）
    * 深入浅出地解释jQuery 1.4中的$.param()函数（英文）
    * 理解jQuery 1.4中的easing函数（英文）
    * 理解jQuery 1.4中的.closest(Array)函数（英文）
    * 在jQuery 1.4中index()函数更酷了（英文）
    * jQuery 中的事件委托（英文）
    * jQuery 事件：MouseOver / MouseOut vs. MouseEnter / MouseLeave（英文）

【延伸阅读】

   1. jQuery 1.4正式发布：一起来看有哪些新变化（上篇）
   2. cssrain出品——《锋利的jQuery》
   3. Jquery Tools——不可错过的Jquery UI库（一）
   4. jQuery Tools——不可错过的jQuery UI库（五）
   5. Jquery Tools——不可错过的Jquery UI库（二）
   6. Jquery Tools——不可错过的Jquery UI库（三）
   7. Jquery Tools——不可错过的Jquery UI库（四）
   8. jQuery Tools——不可错过的jQuery UI库（六）


jquery 1.4变化
http://css9.net/jquery-1-4-released-new-features-1/
http://css9.net/jquery-1-4-released-new-features-2/

var newcss = jquery.extend(css1,css2)  newcss就是合并的新对象。

var newcss = jquery.extend({},css1,css2) newcss就是合并的新对象.而且没有破坏css1的结构。

.....

在一次讲座上，Jon Wiley——Google的“用户体验设计师”（User Experience Designer）——提到了Google的十大设计原则。

1. 有用（Useful）：以用户为焦点，关注他们的生活、工作和梦想。

2. 快速（Fast）：争取节省每一个毫秒。

3. 简单（Simple）：简洁就是力量。

4. 魅力（Engaging）：能够唤起新手的好奇心，能够吸引资深用户。

5. 革新（Innovative）：勇于创新。

6. 通用（Universal）：全世界适用的设计。

7. 盈利（Profitable）：为现行的和将来的商业模式做好安排。

8. 优美（Beautiful）：外观具有视觉愉悦性，但是不会令用户分心。

9. 可信（Trustworthy）：值得用户信赖。

10. 人性（Personable）：加入人性化因素。

让我们看看，Google如何在它自己的主页上，实践这些原则。首先，它的载入速度很快；其次，这个页面对访问Google的用户很有用；再次，它的设计非常简单，几乎没有分散用户注意力的元素，因此不会令人有压迫感；然后，你几乎本能地就会使用它，不需要查阅复杂的说明手册，除非你想使用一些高级功能；至于这个页面是否具有创新性，可能有不同看法，但是确实有许多其他网站照搬了这种设计； 因为用户可以按照直觉使用它，因此不存在文化壁垒；盈利通过网络广告实现，但是在首页上没有放置广告，因为这样可能会疏远用户；这个页面很宽敞，很优雅，还带着一点幽默感（“手气不错”按钮），随着不同节日而变化的Logo带来了人性化因素；至于可信性，由于所有一切都很直接了当，因此增强了用户的信心，使他们感到这里没有暗藏的机关，Google会为你提供最好的结果。

http://jilion.com/sublime/video



这两天陆续把玩了几个HTML 5的应用，感觉HTML 5真的十分强大。

用HTML＋JS，或者再加上SVG技术，实现出来的网络应用丝毫不比Flash之类的要差。

比较喜剧的是，下文将介绍的一个HTML＋JS＋SVG应用，竟部分实现了Flash。

这个应用的名字是：Gordon，号称：An open source Flash runtime， 是一个用纯JS＋SVG技术实现的Flash运行环境。

刚开始听说时，我还不敢相信，认为只是用SVG矢量技术，实现类似于Flash的动画效果吧。没想到真的是解析SWF文件，然后按照标准的Flash动画模式播放出来。100％不需要Flash插件。见：http://paulirish.com/work/gordon/demos/

从下面我的截图也可以看到，真的是去播放SWF文件的。

这个应用还顺利地在iPhone等不支持Flash的平台上将SWF显示了出来，尽管并不是所有Flash都能放，但足以证明JS＋SVG的威力了吧。

现在我明白Apple为何不上Flash了，作为HTML 5制定者之一的Apple，心里明白HTML能做的事情。

另外一个则是今天别人发出来的一个基于HTML 5的在线画板。

看下图，这么炫丽，这真的是HTML的？不信访问下：http://mugtug.com/sketchpad/ 试试

这可是个全功能的画板，不仅能设置各种样式的笔刷，丰富的颜色（包括渐变），还能像本地应用一样，点击“保存”后输出一张PNG呢。

有了这样么强大的画板，我真不觉得那些本地的画板还有什么存在的必要了？

最后一个，则是展示HTML 5视频的一个强大的应用。叫：sublimeVideo，我用它放了视频以后，觉得YouTube的那个HTML 5测试版真不如它。

下图是正在播放中的样式，进度条可以拖，当鼠标不在时还会消失。反正跟之前Flash的那种完全一样。

更牛的是，还有一个全屏按钮，这个全屏可不是桌面全屏，而是浏览器全屏。

全屏以后，播放条变成了渐隐渐现的浮动工具栏，仍旧可以在需要时操作播放。体验的效果真是棒极了！

以上一切，仅仅是HTML＋CSS＋JS＋SVG，不需要任何插件或者其他相关私有版权技术。

现在你应该知道Google为什么要出一个Chrome OS了吧？

...