rails网站开发所使用的插件收集---web开发工具集

1. jquery
   
   
   http://malsup.com/jquery/cycle/
   http://www.serie3.info/s3slider/demonstration.html
   http://tympanus.net/Tutorials/PhotoStack/
   https://github.com/danielstocks/jQuery-Placeholder   实现了placeholder的属性
   
   http://bassistance.de/jquery-plugins/jquery-plugin-validation/  jquery的表单验证插件
   如何增加新的验证方法
   jQuery.validator.addMethod( "usernameCheck", function (value, element){
     return  this.optional(element) || /^([\u4e00-\u9fa5]{2,15})$|^(\w{3,30})$/.test(value);
   },"只能包括中文字、英文字母、数字和下划线");
   使用就是 usernameCheck: true 即可
   可以参考：http://blog.csdn.net/lxrj2008/article/details/6231369
   我写的可以参考的代码
   

   //add methods
     jQuery.validator.addMethod( "usernameCheck", function (value, element){
       return  this.optional(element) || /^([\u4e00-\u9fa5]{2,15})$|^(\w{3,30})$/.test(value);
     },"只能包括中文字、英文字母、数字和下划线");
   
   
     $("form").validate({
        rules : {
            "user[password]":{
                required: true,
                minlength: 6
            },
            "user[username]":{
                required: true,
                minlength: 1,
                usernameCheck: true,
            },
            "user[email]":{
                required: true,
            },
            "user[password_confirmation]":{
                required: true,
                minlength: 6,
                equalTo: "#user_password"
            },
            terms: "required"
        },
        messages:{
            terms: "必须同意条款才可注册"
        },
        errorPlacement: function(error, element) {
          error.insertAfter(element);
        },
        success: function(label) {
            label.html(" ").addClass("checked");
            label.next().hide();
        },
        onkeyup: function(element){
          console.log("onkeyup -------------");
        },
        onfocusin: function(element){
   
        },
        onfocusout: function(element){
           this.element(element);
        },
    });

   
   
   
   http://www.erichynds.com/jquery/a-jquery-ui-growl-ubuntu-notification-widget/ 消息提示插件
   
   http://leandrovieira.com/projects/jquery/lightbox   lightbox弹出层
   http://fancyapps.com/fancybox/       弹出层，特别漂亮
   
   
   masonry:jquery 图片浮动式布局所需要的插件
   http://masonry.desandro.com/
   
   banner图片轮换， 用于首页大图展示
   http://www.woothemes.com/flexslider/
   
   页面切换的jquery 插件，非常强大
   http://pagescroller.com/
   
   
   
2. rails
   query_reviewer   测试mysql执行效率的插件
   apple_push_notification   给apple-push消息的插件
   rufus-mnemo   生成容易记忆的随即串(日语)
   devise 用户登录与注册插件
   crack   json/xml解析插件
   will_paginate  分页插件
   acts_as_commentable  评论的插件
   delayed_job   队列，延时处理事情
   
   url：https://github.com/collectiveidea/delayed_job/tree/v2.0
   
   script/plugin install git://github.com/collectiveidea/delayed_job.git -r v2.0
   script/generate delayed_job
   rake db:migrate
   
   used:
   Notifier.delay.deliver_signup @user
   or...
   handle_asynchronously :deliver
   
   
   mobile-fu  手机客户端的专业视频
   acts_as_nested_set   级联model关系
   acts_as_tree 树状model关系
   cancan 权限管理
   
   hxdcaptcha  验证码
      如何生成省略图   rake captcha:generate COUNT=50 FILE_FORMAT=gif
      最好生成gif，不要生成png，png在ie6下的透明挺麻烦的
   hxdcoreext  我开发使用的一些核心的功能
   diaodu_api   视频聊天插件
   
   faye push服务器插件（easy-use）
   juggernaut push服务器插件(difficult)
   haml html代替语言，更优雅 http://haml-lang.com/
   css优化 http://compass-style.org/
   paperclip 文件上传
   CarrierWave  也是文件上传的插件
   数据库查询的插件，能组建复杂的查询   http://erniemiller.org/projects/metawhere/