前端好用 套件 - lustan3216/BlogArticle GitHub Wiki

Navbar 套件 http://git.blivesta.com/drawer/

OWL 是拉動畫面的gem 就是carosel 但是是用滑鼠拉動的 http://owlgraphic.com/owlcarousel/

qTip2 強化版tooltip qTip2 - Pretty powerful tooltips

Parallax 強化 css的鳥鳥background-attach:fixed http://pixelcog.github.io/parallax.js/

跟上面的不太一樣 是照片視差的效果 http://matthew.wagerfield.com/parallax/

sweetalert2 美化瀏覽器的alert https://limonte.github.io/sweetalert2/

revolution 強大的slider效果 可以做3D效果

bootstrap-switch http://www.bootstrap-switch.org/examples.html

bootstrap-select https://silviomoreto.github.io/bootstrap-select/examples/

bar-rating 評分套件 http://antenna.io/demo/jquery-bar-rating/examples/

超強大upload file介面 https://blueimp.github.io/jQuery-File-Upload/

照片切照片gem https://github.com/jwagner/smartcrop.js https://github.com/fengyuanchen/cropper http://ccaloha.cc/blog/2015/06/25/sign-up-by-devise-and-crop-user-avatar-then-upload-by-carrierwave-using-ruby-on-rails/

整個畫面動畫 http://git.blivesta.com/animsition/

齊全的slider http://idangero.us/swiper/demos/#.WAhjKZN96Ho

supported IE belowe 8

<!--[if lt IE 9]>
    <script src="https://oss.maxcdn.com/html5shiv/3.7.2/html5shiv.min.js"></script>
    <script src="https://oss.maxcdn.com/respond/1.4.2/respond.min.js"></script>
    <script src="https://cdnjs.cloudflare.com/ajax/libs/respond.js/1.4.2/respond.min.js"></script>
    <![endif]-->

http://selectivizr.com/