您的位置:首页 > 运维架构 > 网站架构

总结 好用的工具/网站/插件

2015-12-02 09:59 260 查看
网站类:

    http content-type表:http://tool.oschina.net/commons

    浏览器兼容html5特性css特性:http://caniuse.com/

    图片压缩网站:https://tinypng.com/

    雪碧图合成网站:http://spritepad.wearekiss.com/ 并自带简易的css来描述img位置以及大小

    百度统计:用于统计ip pv uv等信息,用起来还是非常简单好用的。

    二维码生成网站:http://cli.im/ 草料二维码

    百度静态资源公共库cdn: http://cdn.code.baidu.com/ 有很多前端cdn

    音乐转换 (MP3 or other format) to ogg :http://audio.online-convert.com/convert-to-ogg

    github取名大全: http://unbug.github.io/codelf/
    浏览器 css hack 信息网站: http://browserhacks.com/
    设计师网站,包含很多作品:https://dribbble.com/colors/

    邮件英文范例网站:http://www.goodemailcopy.com/

javascript相关:

  插件类:

    promise: 遵循promise/a+异步规范 https://github.com/then/promise
    fbemitter: 事件发布/订阅 好用工具 https://github.com/facebook/emitter
    babel:es6 to es5转化工具

    async(nodejs): 异步function处理插件

    uid(nodejs):生成一个唯一的id号,长度可指定

    hammer.js touch移动插件 非常推荐

    summernote.js 富文本插件,能够非常容易的转换成react插件

    underscore、lodash: 常用函数库 非常推荐

    jquery,zepto: zepto比jquery轻量

    lazy load: 懒加载 jquery.lazyload.js 依赖于jquery

    preloadJs 预加载插件:https://github.com/CreateJS/PreloadJS

    mo.js: icon animation 图片点击特效 demo http://tympanus.net/Development/Animocons/
   Levenshtein: 计算字符串之间的编辑距离 https://github.com/gf3/Levenshtein
   google默认的用户交互分析工具: https://github.com/googleanalytics/autotrack The default JavaScript tracking snippet for Google Analytics

css:

  weui: 原生微信ui库

  autoprefixer:css自动添加前缀插件

  normalize.css: 为了弥补不同浏览器表现的区别而创造出来的css,必备

  bootstrap.css: bootstrap样式

  AnimatedLetters: 英文字符显示或消失时动画效果 https://github.com/codrops/AnimatedLetters/
  

react:

  qrcode.react: react二维码生成工具

  react-pager:react 分页插件

  react-router: react路由工具

  react-tagsinput: react标签输入工具

  fixed-data-table: react可复用的表格组件

css:

  csss图片滤镜 摄影效果:https://github.com/we-are-next/cssco

其他:

  Git自动补全工具: git-bash-completion
内容来自用户分享和网络整理,不保证内容的准确性,如有侵权内容,可联系管理员处理 点击这里给我发消息
标签: