常用工具

jquery 插件      http://www.jq22.com

 

 播放器： https://github.com/happyworm/jPlayer/

 

css 工具

1. CSShake

     是一个可以帮助你实现网页元素移动的工具，此工具应用也非常广泛。CSShakes具备移动DOM的类，还有类的最佳集合。

    http://elrumordelaluz.github.io/csshake/

 2 .CSS Vocabulary

      几乎开发人员需要的所有功能， CSS Vocabulary都应有尽有。写注释、规则集、指令、模块、类选择符、属性、声明块、媒体查询、表达式等等统统不在话下。

      http://apps.workflower.fi/vocabs/

3.  动画库 animate.css

     https://github.com/daneden/animate.css

4. Topcoat是一个简洁干净的CSS类库，其专门用于表单元素，如按钮、复选框、滑块等。只需几分钟，就可以设计出一个完美的网站或应用程序。

   http://topcoat.io/

5. CSS3 Pie:允许在IE上使用CSS3绝大部分的酷炫功能。https://github.com/lojjic/PIE

6. Countable.js是一个JavaScript函数，用来统计某个HTML 元素中包含文本的段落数、单词数和字符数。无需依赖于任何JS框架，体积非常小。  https://github.com/RadLikeWhoa/Countable

7. CSS3 Builder：通过该工具，你可以用类似应用photoshop特效的界面来设计复杂的CSS3 box模型。非常节约时间。

8. CSS3 Drop shadow generatr：通过滑块功能直观的设计阴影。只需复制已被自动创建的CSS代码并粘贴到CSS文件中便可。

9. Button Maker：允许创建出色的按钮。使得CSS3 按钮设计变得非常简便——只需采集颜色，调整半径，获取代码，粘贴代码至CSS文件即可。

10 . http://www.css3maker.com/index.html

11. CSS3 Generator  　使用便利，有助于创建最流行的CSS3属性代码，如 @font-face, RGBA, text-shadow, border-radius等代码。

12 .Modernizr  用于侦测浏览器是否支持CSS3，能为元素添加类以此在样式表上对特定浏览器功能进行定位。例如，当浏览器不支持多样背景时，"no-multiplebgs"就将被添加到元素上。

13. HTML5 & CSS3 Support 　想知道IE 8是否支持"text-shadow"属性?那就看看这张图表吧!该图表展示了所有主流浏览器所支持的CSS3属性，极具实用性

14. CSS3 Gradient Generator:渐变生成器。只需采集颜色、预览颜色，抓取代码并粘贴代码即可。

15. CSS3 Please：非常有用的可让用户复制并粘贴常见CSS3代码的站点。具有可供现场测试效果的预览区。

16. CSS3 Cheat Sheet：　CSS3 cheat sheets有助于在编码过程中快速记忆属性及其语法。Smashing Magazine 创建了这个图表，支持下载与打印。同时支持.gif格式预览。

17. CSSWrap 一款在线的CSS文本路径生成工具，简单而且设计效果很酷。可以很容易的实现文字的设计，同样简单而直观。设计好文字以后可以直接生成HTML代码。缺点是文字设计的方式是固定路径，操作时对动作协调要求较高。

18. 剪切板 ZeroClipboard.js  和 clipboard.js   jquery-zclip  剪切板 https://github.com/patricklodder/jquery-zclip