美文网首页WEB开发实战
WEB开发资源整理

WEB开发资源整理

作者: sprint | 来源:发表于2016-03-14 16:28 被阅读219次

    1,bootstrap :
    http://www.bootcss.com/

    2,JQuery轮播组件:
    http://www.bootcss.com/p/unslider/

    3,日期选择插件:
    http://www.bootcss.com/p/bootstrap-datetimepicker/

    4,富文本编辑器:
    http://www.bootcss.com/p/bootstrap-wysiwyg/

    5,grunt自动化构建工具:
    http://www.gruntjs.net/

    6,headroom 滚动时隐藏和展示页面元素:
    http://www.bootcss.com/p/headroom.js/

    7,Zepto.js JavaScript 工具库 是一个轻量级、兼容 jQuery 的 JavaScript 工具库
    http://www.bootcss.com/p/zeptojs/

    8,Responsive Nav 响应式导航
    http://www.bootcss.com/p/responsive-nav.js/

    9,Buttons 一个高度可定制的、免费并且开源的按钮 CSS 样式库
    http://www.bootcss.com/p/buttons/

    10,Chart.js 是一个简单、面向对象、为设计者和开发者准备的图表绘制工具库
    http://www.bootcss.com/p/chart.js/

    11,stickUp 这是一个简单的jQuery插件,它能让页面目标元素 “固定” 在浏览器窗口的顶部,即便页面在滚动,目标元素仍然能出现在设定的位置。此插件可以在多页面的网站上工作,也能在单页面上面实现导航功能。滚动当前页面看看导航条的效果吧。
    http://www.bootcss.com/p/stickup/

    12, F.I.S 是专为解决前端开发中自动化工具、性能优化、模块化框架、开发规范、代码部署、开发流程等问题的工具框架。
    与grunt类似
    http://fex-team.github.io/fis-site/docs/beginning/getting-started.html

    13,16个 jQuery 模态弹出框/对话框
    http://webres.wang/16-jquery-modal-dialog-boxes/?hmsr=toutiao.io&utm_medium=toutiao.io&utm_source=toutiao.io

    14,12 个可用的小型 CSS 框架
    http://webres.wang/12-small-css-frameworks-you-can-use/?hmsr=toutiao.io&utm_medium=toutiao.io&utm_source=toutiao.io

    15,可以为2016年备用的9个顶级动画库
    http://webres.wang/top-9-animation-libraries-use-2016/?hmsr=toutiao.io&utm_medium=toutiao.io&utm_source=toutiao.io

    16,BootCDN 稳定、快速、免费的开源项目 CDN 服务
    http://www.bootcdn.cn/?

    17, LESS一种动态样式语言
    LESS为CSS赋予了动态语言的特性,如变量、继承、运算、函数。LESS既可以在客户端上运行 (支持IE 6+、Webkit、Firefox),也可以借助Node.js或者Rhino在服务端运行。
    http://www.bootcss.com/p/lesscss/

    18,Google Polymer Web组件
    https://www.polymer-project.org/1.0/
    相关资源:
    ]Github:
    https://github.com/polymer/polymer

    入门教程:
    http://www.reqianduan.com/2481.html
    http://www.codesama.com/2015/07/04/polymer-learn1/
    http://www.codesama.com/2015/07/04/polymer-learn1/

    19, Koala LESS/Sass 编译工具
    现在很多开发者使用LESS编写CSS 但是LESS代码不能直接在浏览器中运行 需要将LESS代码转为CSS
    LESS官方提供了less.js在线编译 而 Koala则是图形界面工具编译,并支持JS,CSS 合并和压缩功能

    特性:
    koala是一个前端预处理器语言图形编译工具,支持Less、 Sass、Compass、CoffeeScript,帮助web开发者更高效地使用它们进行开发。跨平台运行,完美兼容windows、linux、mac
    最大特点:
    多语言支持, 实时编译, 支持自定义编译选项, 代码压缩
    http://koala-app.com/index-zh.html
    https://github.com/oklai/koala/wiki/%E4%B8%AD%E6%96%87wiki

    20, Codekit
    Less, Sass, Stylus, CoffeeScript等编译工具 与koala类似 比koala强大 此软件是收费的 有条件的同学可以选择该软件
    http://incident57.com/codekit/

    21, progress.js读取页面进度
    http://usablica.github.io/progress.js/

    欢迎关注微信个人订阅号:DevTipss

    DevTips.jpg

    持续更新~~

    相关文章

      网友评论

        本文标题:WEB开发资源整理

        本文链接:https://www.haomeiwen.com/subject/qqmflttx.html