开采财富计算 (持续整治中)

     
发出现边有些产品小伙伴是稍微重视视觉设计,今儿又是3个酷酷的礼拜五,敲敲键盘。

本文转自(http://www.cnblogs.com/wzhiq896/p/5915581.html   ),作者:wangwen896    

就像开垦同样, 这篇文档假设未有人关心和保卫安全, 里面包车型客车内容就会变得老旧,
过时而不再持有参考价值. 所以,
我愿意全部看到并欣赏那篇文书档案的人都共同来珍贵它. 放心大胆的交付 Pull
Request 和 Issue 吧!!

* *

那是对协调这几年支付的一个总括,各类档次、能源、书籍、博客

喜欢么?可能对你有用?那就 Star 一下吗 ^_^

     
我们所收受的外面音讯有大致五分四都源于视觉,而视觉传达对网络产品的主要更明白,咱们所用到的单独:视觉,触觉,听觉。至于嗅觉和味觉,帅得显示屏啥的,以及当时乔大当家介绍One plus的拟物UI时说让人有想舔荧屏的扼腕所引发的味觉感受如故来自于视觉激情。

孝敬方式

  • Fork 那些种类
  • 请不要间接在 README.md 中央直机关接助长内容
  • 具备的文书档案都放在 docs 中,
    请根据内容找到相应的文件并累加
  • 倘如果 Mac 或许 Linux 用户, 请在付给前运维 ./build.sh
    来自动生成 README.md 文件
  • 封存并交付
  • 新建1个 Pull Request

从Logo提及

   
对于1款新APP来讲,用户真正开头认识大家的应用程式是从我们的Logo早先的,而那几个Logo设计是不是精致美貌,风格与产品定位,产品的完好视觉呈现是或不是一致,Logo是采取品牌的首要组成都部队分。而对于用户率先次见到Logo时,便开头产生对成品的第三印象,用户在不打听应用产品时,会透过对Logo的记念,剖断该应用的质量,功效,以及可信赖性。比如支付类的施用Logo,除了精致美貌,视觉传达给用户的痛感是政通人和,可信赖,安全。

她俩有啥样共同点?即便大家对以上四款支付使用都毫不知情,只知道是三款不等的开支使用,只看Logo选拔唯一1款支付应用使用,你会选哪一款?(作者选支付宝)

到应用百货店搜了一下财付通的评介

出于财付通界面“山寨”  导致  用户质疑“是或不是假的”,最后必然是  
 用户屏弃选择,而“山寨”的痛感来自视觉未有传言给用户“正品”该有的以为到。

再看两款使用Logo吧:美团  大众点评

锤子对Logo举行了优化也拯救不断这些意外的小孩子的不测造型

Logo就提及那…

目录

随后说APP的指引页和开发银行页。

引导页

当用户率先次张开一款应用程式的时候往往都会规划引导页。

按目的:1般分为:功效介绍类、使用表达类、推广类、难题化解类,页数1般不会抢先伍页,小编个人感到三页正好,5页过多,折中的做法是用户能够挑选:掉过带领

按表现方式:图片,动作效果,摄像,+音响效果

图表和动效果是常用的样式,录制则多用于一些很需求走心的制品,(废话)比如最美时光

     
携带页使用的一段精心制作的有关时光的录像,轻松引起用户的共鸣,同时也传到了出品的股票总值。不过若小编是成品首席实践官,摄像的色泽会选拔黑白的怀旧色调,映衬出一种时光荏苒的空气,而整个内容页的规划至少色彩也不会用的如此高亮鲜艳,不过到也契合最美出品的风骨。

近期的APP基本都有运营页(微信的运维页:小人看地球),也有部分不曾运转页(网易:直接展开)

在次贴上简友的增加补充,加上三个补丁

【遵照简友@离木而飞@小乐帝@草帽路人丁在评论区的补充:已经问明了了,安卓会给应用软件预留一个白屏作为运转页,安卓开采APP的时候假设协调布署了运行页就足以把这么些白屏运转页给替换掉,
也能够就直接拿来用了,
所以安卓端的腾讯网正是从未本人设计开发银行页而是用了白屏运转页,之后进入“顶端导航和载入动画”页面然后完全张开内容,像搜狐早报是先白屏然后再一张图片运行页再内容,和讯QQ之类的正是先运转页后内容,所以严厉意义上来讲白屏也是安卓的起步页,只不过是安卓预留给APP的,可以轮换能够间接用。】

运行页的款型包罗:图片,动作效果

起步页的内容囊括:广告,,LOGO,或许用户使用景况等等

而对于1款app,

一,是或不是要求运维页。

据有用户碎片化时间的利用诸多不应当有起步页,比如博客园,影象笔记,以及壹些资源新闻类的客户端,不应有扩张用户的岁月资产,如此进寸退尺。

贰,须要哪一类样式的开发银行页。(图片,动画,依旧其余什么花样)

三,放怎么内容,内容须要哪些的表现方式?(必要传达给用户的是如何内容,怎么着传达,是文字依然图片,依旧文字加图片,是黑红棕调照旧粲焕的异川剧调。是动态静态,时间多少长度,是初阶运转必要依然每一次运营都亟待,字体用Computer字体照旧手写体,等等等等等都必要精致的磨擦,不一1列举)

那些都亟需对成品定位,用户须要,用户体验,使用情形等有着深厚彻底的挂念以权衡:(视觉遵从于剧情,内容遵循于必要,须要求于商业必要)

美好的APP设计,每3个细节都得以看到细节的打磨。

写到那里,发现3个严重的标题,对于1切视觉的统一筹划并不是独具尤其自信,因为本人本人做过的视觉并不多,越多的是从产品的角度揣摩,而产品笔者作者也是一只小小新手,可是想想,那又何妨作者对产品的考虑和评价,那就找两款具体的出品来聊聊好啊。

Web 前端

接着说APP的首页

本想找一款小众的应用软件说说,说错了也没人知道,不过那样哪来的挑衅。

那就挑微信吧,-。-

     
关于微信,以前在网上看到一道关于微信的出品题,听大人说是微信的成品经营笔试题:怎么微信的首页是聊天列表,而不是有情人圈?

   
 看了某个答案认为都写的略微心猿意马,在小编眼里:对于一款应用程式产品来讲,首页往往正是那款产品对于用户的主干须要所在,而基本供给决定该产品的制品一定。微信的产品稳固是何许?抛开近年来微信正在想着连接1切的野心不说,那以前的微信的成品一定是如何,作者给的概念是:E-message。E-message不知那样的翻译是还是不是科学,好比:古板纸质邮件与E-Mail:互连网邮件,而微信则是:网络短信。

     
所以从前看来什么样说,微信抢了运转商的短信收入,那真是拍手称快。只能发送短短的多少个文字的新闻的短信那是成效机时期的短信,智能手提式有线电话机上的短信有了移动互联网的支撑,短信自然应该睡着时期进级发展,可以发语音,发图片,那便是微信。微信既然是一款“E-短信”,聊天列表自然应该在首页。所以陌陌的首页为什是“周围”,简书的活动端应用程式首页为啥是“热点”

看1款产品的大目的在于哪,那就看它少了那一块会死。(而朋友圈呢,为啥微信还有朋友圈,朋友圈和空中有什么差别?容作者再思量。(那跟视觉有哪些卵关系吗?当然,首页不是你视觉接触到的吧,难道是嗅觉不成�)

接近说了一堆很空的事物,说点实在的啊。发现拖太长了,那放下壹篇三番五次写…

未完待续…

����������������������

Javascript

  • parallel.js:
    前后端通用的三个并行库
  • zepto: 用于今世浏览器的非凡jQuery 的库
  • totoro: 稳固的跨浏览器测试工具
  • TheaterJS:
    一个用于模拟人输入状态的 JS 库
  • stellar.js:
    前端用于落实异步滚动作效果应的库,现已不再维护
  • skrollr:
    另一款实现一步滚动的开源库,使用人口过多,可完成各类狂拽炫丽掉渣天的前端效果,看真相
  • Framework7:
    前端框架,是开辟人士能够依据 web 手艺营造 IOS7 程序
  • regulex: 用于生成 正则表明式
    的可视化流程图
  • markdown-it: 新型
    马克down 解析器,飞速,帮助插件
  • multiline: 用于
    Javascript 中的多行文本,类似于 Ruby 的 HERE Doc
  • screenfull.js:
    全屏插件,扶助各大浏览器
  • lunr.js: 类似于 Solr,
    可是用于浏览器上的全文字笔迹核算索引擎,可以为 JSON 创设索引,离线也足以运用
  • jquery.hotkeys: jQuery
    插件,用于绑定热键
  • breach_core: Javascript
    编写的 Browser (浏览器)
  • octocard: 用于转移 Github
    消息卡牌的库
  • github-cards: 用于转移
    Github 音信卡片的库
  • money.js:
    轻量级货币调换库,web 和 node 皆可用
  • accounting.js:
    轻量级的数字、货币转变库
  • javascript-algorithms:
    Javascript 完结的各类算法集合
  • lazy.js: 类似于 underscore,
    可是会推迟施行,有个别场景下,品质会有十分大的晋级
  • seajs:
    前端模块加载器,消除模块化、重视等主题材料
  • jQuery-One-Page-Nav:
    单页应用中三个用于拍卖导航栏的库
  • js.js: Javascript 实现的
    javascript JIT
  • jquery-ui: jQuery 共青团和少先队开支的
    UI 相关的前端库,功用壮大
  • todomvc: 分别遵照AngularJS/EmberJS/Backbone等达成的 TODO List, 补助开荒者选拔前者 MVC
  • localForage: Mozilla
    出品,用于离线存款和储蓄,基于IndexedDB, WebSQL 也许 localStorage,
    提供一样的接口
  • EventEmitter: 浏览器版的
    伊芙ntEmitter
  • jquery.serializeJSON:
    jQuery 插件,用于将 form 表单类别化成 JSON 数据
  • knockout: 前端 MVVM
    框架,用于开荒富前端选用
  • mermaid:
    能够依照文本生成流程图,类似于 马克down 的语法
  • js-sequence-diagrams:
    另一款能够依照文本生成流程图的库,类似于 马克down 的语法
  • flow: 二个用来检验 Javascript
    语法错误的库, 照片墙 出品
  • zoomooz: jQuery
    插件,用来处理浏览器缩放
  • fancyBox:
    三个用来加大裁减图片、Web 内容依旧多媒体成分的库,优雅大方
  • mithril.js: 轻量型前端 MVC
    框架,部分接纳情况下品质优越 Angular.js 和 React
  • backbone: 庞大的前端 MVC
    库,鼻祖级前端库,最初为了合作 Rails 来模块化前端选用,包容性非凡(包容到 IE6),插件丰裕,质量优异
  • jquery.smartbannersmartbanner 是从
    IOS陆 开端帮衬的3个新特征, 这么些插件提供了对早期 IOS十分八 和 Android
    的支撑
  • jquery.scrollTo:
    在页面上以3个成分为初步以动画片的章程移动(ScrollTo)到另贰个要素,
    支持回退等
  • jScrollPane:
    自定义的滚动条,让具有浏览器都显得同一的滚动条
  • onepage-scroll:
    提供类似于 HTC陆 展现页类似的功效,适用于单页应用,兼容到 IE捌
  • scrollMonitor:
    前端插件用来监督成分的滚动事件(进入、退出等),质量很好
  • ScrollMagic:
    奇妙的滚动交互作用插件,能够在滚动的进程中装置各样种种的动态效果
  • infinite-scroll:
    滚动加载,滚动到最下到机关加载, 保罗 Irish 大神之作
  • animatable:
    仅仅依靠 border-width 和 background-position 达成的各样动态效果,看真相
  • Fluidbox:
    页面上内嵌图片的拓宽裁减效果,类似于 Medium 中的效果
  • jquery-validation:
    jQuery 的一个插件,用于校验 Form 表单
  • BigVideo.js: jQuery
    的贰个插件, 用于贯彻大背景(录制、图片)效果
  • emscripten: 壹款基于 LLVM,
    能够将 C/C++ 调换到 Javascript 的工具,使得 Javascript 能够接近
    Native 的快慢
  • qrcode-generator:
    各类语言的2维码生成工具
  • device.js:
    3个能够检查测试设备档次的工具,能够让大家依照差异的设施来为其定制响应的
    Javascript 和 CSS
  • jquery-qrcode:
    jQuery 插件,用来生成二维码
  • Wookmark-jQuery: jQuery
    的三个插件,能够用来促成瀑布流的成效
  • isotope:
    能够用来过滤、排列布局,实现赏心悦目的动态布局切换效果,Demo
  • lazysizes:
    效能庞大的图片延迟加载工具,能够率先加载多少个低品质的图纸,然后再加载高素质的图纸
  • progressbar.js:
    简洁美观的进度条,扁平化
  • pigshell: 八个由 Javascript
    达成的Shell, 将互连网作为3个大的文件系统, 通过
    cd/ls/cat…..等一声令下, 能够访问 推特 /脸谱/谷歌 Drive
    等互连网服务
  • spectrum: Js完成的水彩挑选器
    (Colorpicker)
  • jQuery.countdown:
    jQuery 倒计时插件
  • summernote: WYSIWYG
    富文本编辑器
  • awesomplete:
    万分轻型的一个自行补全 JS 库, 未有任何借助, 配置轻巧, 美观
  • switchery资讯,: iOS 柒 上 Switch
    的 JS 实现, 援救 IE8 及以上浏览器
  • trix: Basecamp
    公司出品的富文本编辑器,简洁精致
  • greensock:
    greensock是壹個10分強大的動畫庫,網站內也有很完整的API文檔和examples
  • Moment.js Moment.js
    是八个作用丰硕的 JavaScript
    日期处理类库,用于解析、核准、操作、以及体现日期
  • webpack webpack 是贰个JavaScript 模块打包工具,功效强悍、插件丰裕
Polyfills
  • picturefill:
    响应式的图纸 <picture> polyfill, 支持srcset, sizes等
  • Placeholders.js:
    为不援救的 HTML5 的浏览器提供 Placeholder 协理
  • prefixfree: 自动为 CSS
    增多 Vender Prefix,把您未曾停增多浏览器前缀的梦魇中解放出来
  • history.js: History
    接口的职能实现
  • html5shiv: 为 IE
    等老旧浏览器增加 HTML伍 标签支持
  • es6-shim: 为浏览器添加 ES陆帮助
  • es5-shim: 为浏览器增添 ES五协理
  • Respond: 为IE浏览器加多media query 帮助
  • json3: 为旧浏览器增多 JSON 帮助
HTML5 相关
  • sensor.js:
    在智能运动设备浏览器上,通过HTML5的api使用移动装备的效用。定位、运动、倾斜等
  • hyhyhy: 用于创建 基于
    HTML伍 的 演示文稿
  • swipebox: jQuery
    插件,用于拍卖移动端的触摸事件
  • FileAPI:
    前端用户处理公事(拖放、多文本上传等)
  • Sortable:
    当代浏览器上用于落实要素拖拽排序的机能,支持 Meteor, AngularJS,
    React,不借助于 jQuery
  • Swiper:
    用于实现浏览器上的滑动切换效果,援助硬件加快
  • matter-js: 2D
    物理意义引擎,碰撞、弹跳等
  • jQTouch:
    用于支持创立手提式有线电话机端的 Web 应用,扶助核心、Zepto.js 等
  • snabbt.js: 一个行使
    Javascript 和 CSS transform 的 animation 库
  • c3: 基于 D三 的图表库
  • echarts: 公司级图表库,百度耗费
  • parallax.js:
    3个用来响应智能手提式有线电话机 orientation 的库
  • jQuery-Animate-Enhanced:
    jQuery 动画库的3个增进,用于今世浏览器
  • wysihtml:
    富文本编辑器,适用于今世浏览器
  • slip:
    1个经过滑行只怕拖拽来操控列表的库
  • evil-icons:
    一个矢量图库,提供 Ruby/Node 等补助
  • PhotoSwipe: JS
    的四个图片显示库
  • focusable:
    是页面上2个成分高亮的库,有图有真相
  • firefox.html: Firefox
    在浏览器端的兑现 —— HTML 版的 Firefox
  • jquery-mobile: jQuery
    团队开销的用于帮忙手提式有线电电话机端 web app 开垦的库,基于 HTML伍
  • mobile-angular-ui:
    基于angularjs和bootstarp的web app开荒框架
  • interact.js:
    1个适用于当代浏览器的,用于拍卖 手势、拖放、缩放等的库
  • rebound-js:
    完成部分物理意义,Twitter 出品
  • basket.js: 基于
    LocalStorage 的财富加载器,能够用来缓存 script 和 css,
    手提式有线话机端使用速度快于浏览器直接缓存
  • iscroll:
    高品质的轮转(scroll)处理库,功效壮大,帮助各类风云,不借助于任何的库,且插件丰盛,
    大众点评的手提式有线话机端列表滚动就是用那一个库处理的
  • metrics-graphics:
    基于 D三 的图表库,简洁、高效,Mozilla 出品
  • accessible-html5-video-player:
    Paypal 出品的 Video 播放器
  • loading: 几种 Loading
    效果,基于 SVG
  • flippant.js:
    1款能够卓绝的网页成分翻转效果库,代码许久不更新,可是作为源码学习只怕不错的
  • move.js: 基于 CSS3的前端动画框架
  • scrollReveal.js:
    使成分以老大酷帅的点子进入画布
    (Viewpoint),看 Demo
  • Modernizr: 三个用来检查评定HTML5 和 CSS三 支持意况的库
  • foundation:
    另1款前端模版框架,类似于 Bootstrap
  • Flat-UI: Bootstrap
    的一款核心,简洁雅观
  • iCheck: 1款能够的 Checkbox
    插件
  • Swipe:
    格外轻量级的二个图片滑动切换效果库, 品质优秀, 特别是对手提式有线电电话机的支撑,
    压缩后的轻重约 5kb
  • slick:
    功用尤其强硬的2个图片滑动切换效果库
  • SocialButtons:
    雅观的相持按钮
  • sweetalert:
    1个可怜美妙的用来替换浏览器暗许 alert 的库
  • web-animations-js:
    Javascript 实现的 Web Animation API
  • vivus: 能够动态描绘 SVG 的 JS
    库, 支持二种动画片
  • plyr: 轻量, 小巧, 美观的 HTML5录制播放器
  • timesheet.js: 基于 HTML5 &
    CSS3 时间表
  • slideout:
    二个百般精彩的侧滑菜单
  • pixi.js:
    万分強大的二d遊戲庫,網站內有許多的examples能够學習
  • three.js: 非凡強大的叁d遊戲庫

    ###### AngularJS

  • angular-masonry: Masonry
    的 AngularJS 插件,用于瀑布流

  • angular-schema-form:
    依据 JSON 生成响应的 Form 表单

  • restangular: Angular
    中用来拍卖 RESTful API 的插件,可替代 $resource
  • ng-cordova: Cordova常用组件的 Angular 版本
  • angular-translate:
    Angular 的国际化 (I1八n)
  • ng-inspector: Chrome
    插件,用于调节和测试 Angular
  • angularjs-style-guide:
    AngularJS 代码风格
  • ngReact: React 的 Angular
    插件,可以在 Angular 中使用 React Components
  • material: Google Material
    Design 效果的 Angular 实现
  • angular-local-storage:
    Angular 插件, 提供了对 localStorage 的协调援助,
    并对不帮助的浏览器采取 cookie 优雅降级
  • angular-filter: 壹组有用的
    Angular Filters
  • bindonce: Angular 插件,
    用于减弱 沃特cher 的多寡, 进步品质
React
  • react: React 框架源代码
  • react-native: Facebook(推特(Twitter))出品的选择 React 开采 iOS 原生应用的框架
  • react-hot-loader:
    实时调节 React 组件效果
  • grunt-react: React 的
    Grunt 组件, 用于将 JSX 编译成 JS
  • touchstonejs: 基于
    React 的手提式有线电电话机使用前端框架
  • essential-react: 基于
    React, ES陆, React-Router的3个选取脚手架
  • react-router: React
    路由化解方案

CSS

  • Hover: 基于 CSS叁 的各样鼠标悬停(hover)特效, 点击查看效果
  • normalize.css:
    1个用以重新恢复设置浏览器内置样式的库
  • Skeleton: 二个 CSS
    相关的库,用于创设对手提式有线电话机友好的网站
  • pure: Yahoo 出品的前端样式框架,
    扶助响应式
  • materialize: 基于谷歌(Google)Material Design 的响应式 CSS 框架
  • Metro UI: 三个 Metro
    风格的前端框架
  • animate:
    簡單又好用的動畫庫,網站內有簡單的範例跟demo效果

ICON

Web 后端

Ruby

  • ruby: Ruby 源代码
  • spyke: 像使用 ActiveRecord
    相同使用 RESTful API
  • reactive_record:
    依据 ActiveRecord 的 数据库 Schema 来反向生成 Model
  • eventmachine: Ruby
    中著名的轩然大波驱动库
  • faker: Perl 的 Data::Faker
    库的八个 Ruby 完结,用于虚拟各连串型的多少
  • amqp: RabbitMQ 的 Ruby
    客户端,基于 EventMachine
  • bunny: 另一个 RabbitMQ 的 Ruby
    客户端
  • thinking-sphinx: Sphinx
    全文字笔迹核准索的 ActiveRecord 插件
  • ruby-vips: Ruby
    的一款图像处理库, 基于 libvips
  • statesman: Ruby
    的3个状态机
  • aasm: 另一款 Ruby 状态机
  • paper_trail:
    1款庞大的用来记录 Model 改换的库,格外适合于
    创立记录的版本和查处改动
  • timers: Ruby 的3个 Timer
    库,适合于同盟事件接纳
  • gitlab-shell: gitlab
    的命令行工具,用于替换 gitolite
  • money: Ruby
    的三个数字、货币调换库
  • money-rails: Rails
    的3个数字、货币调换库
  • houston: APN 的 Ruby 库
  • devise_invitable:
    Devise 的3个插件,用于特邀用户
  • mail: Ruby 的拍卖邮件的库
  • commander: Ruby 的命令行帮忙库
  • helios: 一个为 iOS
    提供后端支撑的库
  • middleman:
    一个相助创制静态网址的工具
  • pundit: 一个甩卖认证的库
  • refile: 八个拍卖图片上传的库
  • sharedrop: Airdrop 的 HTTP5
    实现,基于 WebRTC
  • mailman: 处理接收邮件的库
  • mruby: mini-ruby (light-weight
    ruby) 轻量级 Ruby 源代码
  • sidekiq-status: Sidekiq
    插件,用来监督职责状态
  • postgres_ext:
    ActiveRecord 的插件,扩展了 PostgreSQL 相关的一对成效
  • prawn: Ruby 的 PDF 编辑工具
  • spring: Rails 的加载器,能够加速Rails 开辟
  • rails: Rails 源代码
  • newrelic-grape:
    Grape 的 Newrelic 插件
  • newrelic_moped:
    Moped 的 Newrelic 插件
  • rack-attack: 基于 Rack
    的防攻击中间件
  • rack-utf8_sanitizer:
    Rack 的 UTF八 系列化中间件
  • redis-stat: Redis 监察和控制工具
  • rack-mini-profiler:
    Rack 中间件,用于分析各天性能目标,如 SQL, View渲染等
  • memory_profiler:
    用于分析内部存储器占用
  • gctools: 用于分析和优化 Ruby
    GC,能够协作 Unicorn 使用
  • wicked_pdf: Rails
    插件,用于生成 PDF
  • request_store:
    Rack 中间件,用于保存仅单次请求有效的的全局变量,线程安全
  • slim: 基于 Ruby
    的前端模板引擎,类似于 Haml, 语法更简明,听新闻说比较于 Haml 会越来越快一些
  • simplecov: Ruby
    测试代码的覆盖率分析
  • sass: CSS 框架,使得编写 CSS
    尤其轻易和有意思,援助模块化、变量、运算、Mixin等
  • slate: 静态的 API
    接口文书档案生成工具,干净、整洁、对手持设备友好、单页应用、代码高亮
  • ruby-destroyed_at:
    ActiveRecord 扩张,辅助日喀则删除
  • taps: 援救数据库导入导出
    ->
    原理是,对导出目的数据库建立多个服务器提供数据接口,然后对指标导入数据库实行数量导入,重视Sinatra 运转数据库接口服务
  • meta-tags: 为 Rails 应用提供
    SEO 优化帮忙
  • logstash:
    日志、时间管理工科具
  • rspec-rails: Rspec 的 Rails
    插件
  • nokogiri:
    贰个功效强大,品质杰出的用于解析 HTML, XML 的工具,协理 XPath 和 CSS
    选取器
  • vcr: 贰个测试帮衬库,纪录1组 HTTP
    请求交互,并视作测试重现
  • factory_girl:
    三个用来准备测试数据的库
  • mongoid_paranoia:
    Mongoid 软删除作用, 通过抬高3个 destroyed_at
  • treat: Ruby的自然语言处理
  • MacGap1: 一款工具得以将
    HTML/CSS/JS 网络选用打包成 Mac App
  • ffi: 可以协理 Rubyer 开采基于 C 的
    ruby 库, 提供了一套接口
  • api_cache:
    可以为外部接口增加缓存的工具
  • ckeditor: Rails 的 Ckeditor
    插件
  • mailboxer: Rails 插件,
    能够发送音信/邮件
  • gc_tracer: Ruby GC 跟踪器
  • carrierwave-qiniu:
    Carrierwave 的 七牛 插件
  • mongoid-ancestry:
    Mongoid Ancestry 实现
  • countries:
    一个库包涵全世界各类国家的音信 (ISO 316陆 (countries and
    states/subdivisions ), ISO 4217 (currency), and E.16四 (phone
    numbers))
  • chruby: 切换 Ruby 的版本 和
    可以和 ruby-install 配合
  • ruby-install: 用来安装
    Ruby, JRuby, Rubinius, MagLev 只怕 MRuby 环境
  • caphub: 基于 capistrano
    的汇集表露管理实例
  • chruby: capistrano 的 chruby
    支持
  • byebug: Ruby 二的三个调节和测试器
  • opal: Ruby -> Javascript
    代码调换工具
  • volt: Ruby 的 1个 Web 框架, 使用
    opal 使得上下端均能够用 Ruby 编写
  • tunemygc: 用于分析 Ruby 的
    GC, 并给出最合适的计划
  • parallel: Ruby
    的八个相互运算库
  • http.rb: Ruby 的1个 HTTP 库,
    提供了链式的语法和完全的 Streaming 支持
  • has_scope:
    用于在调控器中钩子中动用Scope
  • linguist: Github 官方出品,
    用于识别编制程序语言, 以及代码高亮
  • markup: Github 官方出品,
    用于解析种种 markup 文件

Python

  • django: 三个全栈式的 web 框架,
    类似于 Rails
  • django-rest-framework:
    django 的 一个 Rest API 框架
  • flask: 三个轻量级的 web 框架
  • wifiphisher: WIFI
    中间人钓鱼攻击工具,获取用户名密码
  • python-prompt-toolkit:
    Python 的相互命令行工具,提供代码补全、高亮等
  • redis-rdb-tools:
    Redis 的 dump.rdb 文件解析器,用于分析内部存款和储蓄器使用、导出 JSON 以及
    相比分化 rdb 文件差距
  • supervisor:
    类UNIX下用于调节进度的3个开源库,通过安插能够监察和控制、自动重启各个劳动
  • pyenv: Python 版本管理工具,类似于
    奥迪Q三VM
  • scrapy: 五个全能型的爬虫框架
  • pyspider: 三个爬虫系统

Node.js

  • Node-Webkit.js: Node-Webkit
    是根据Chromium 和 node.js的周转条件,能够用来创设桌面应用程序
  • request: 基于 Node.js
    的用来网络请求的库,使用简易,作用庞大
  • hapi: 一个配备优先的 web
    框架,hapijs.com
  • psi:
    用于分析页面速度的工具,援助命令行
  • gulp: 基于 Node.js 的流式营造系统
  • orchestrator:
    三个得以并行推行职分和凭借的库
  • johnny-five: 用
    Javascript 调整机器人
  • popcorn-js: Mozilla
    的八个开源项目,允许开拓者基于 HTML5音录像的年月线增加互动成分,比如注释,字幕,甚至动画
  • connect: Node
    中间件援助,注:Express 四 以下正视此库,从 四 先河帮助全新的
    Router,类似于 Rails Engine
  • faker.js: Faker 的 Node
    实现,用于生成假数据
  • chart: 用于极端生成 ASCII 图表
  • drawille: 用于极端生成 ASCII
    图形
  • sparkly: spark.sh 的3个Javascript 完成,终端生成 sparklines
  • node-inspector:
    Node
    的调整神器,使用办法,用 node-debug 代替 node 运维服务,并在您想调节和测试的地点输入debugger
  • NodeOS: 基于 Node 的操作系统
  • pdfkit: Node 和
    浏览器均能够采纳的,用于生成 PDF 的库
  • empty-trash:
    清空垃圾桶
  • trash: 安全删除文件 ->
    将文件放入垃圾箱
  • rabbit.js: RabbitMQ 的 Node
    客户端
  • htmlbars: 基于 Handlebars
    的一个变种,能够编写制定向来操作 DOM 的援助方法
  • sharp: Node
    的1个图像处理的库,基于 libvips
  • debug: 二个用来在 console
    或许 浏览器输出日志,方便与 Debug 的工具
  • github-contributions:
    三个有意思的库,用于在 github 的 contribution calendar
    上输出你想要的文字或然图案
  • hexo: 基于 Node 的静态博客,类似于
    Octopress
  • GhostScroll: Ghost
    的2个大旨
  • ghost-themes: 多个
    Ghost 主题
  • TermKit: 贰个基于 Chrome 和
    Node 的极端应用
  • h5ai: 配置轻松,美观的 http
    静态目录,辅助 Nginx、Apache 等
  • http-server: Http
    静态服务器,基于 Node, 配置轻松
  • node-apn: Node 的 APN (Apple
    Push Notification) 模块
  • chai: Node 的 TDD/BDD 测试框架
  • io.js: Node
    的三个拨出,尤其活泼,开垦更激进,最终的目的是联合入 Node.js
  • immutable-js:
    不可退换的聚众, 前后端通用
  • node-migrate: Node
    的数据库迁移框架
  • pomelo: Node
    游戏服务器框架,腾讯网支付
  • blessed-contrib:
    塑造终端新闻板 (Dashboard) 利器
  • node-notifier: Node
    模块,能够发送本地布告,帮衬 Mac/Windows/Linux
  • prerender:
    用于预解析网址,主要化解单页应用(angular.js ember.js backbone.js
    等)的查找引擎 SEO 援助
  • spider:
    1种新语言,指标是编写翻译成 Javascript
  • jsdoc: 用来扭转 Javascript API
    文书档案的库
  • browser-sync:
    多浏览器(多配备)同步库,监察和控制 CSS/Javascript/HTML
    的改动并通报到浏览器;监察和控制浏览器的操作,如滚动、点击等事件,同步到独具的开销设备。前端开荒利器!
  • tmi: 基于 Node 的命令行工具,
    用于总计网址图片的权重,以及那四个图片可以进一步优化
  • 6to5: 调换 ES6 代码为 ES5,提前利用
    ES陆 语法带来的各类满面春风!
  • js-xss:
    依据白名单过滤HTML(防止XSS攻击)
  • PM2: Node
    进度管理,内置负载均衡,提供自动重启,热运转等职能,适合在生育条件下利用
  • sinopia: 私有 NPM 服务器
  • validator.js:
    校验工具(url,邮箱,整数等), 内置几10种校验方法,前后端通用
  • wechat:
    微信公共平台音讯接口服务中间件
  • superagent: 更 NB 的
    Ajax 请求库,号称比 jQuery 更加好用,前后端通用
  • cheerio: Server 端的 jQuery,
    相同的 API,支持 DOM 操作等
  • node-restify: Node.js 的
    REST API 框架,从 Express 中借鉴了很多,并去除了 render 等形式
  • ejs: Node.js 的前端模板引擎, 使用
    <%= %> 直接在 HTML中放置,简单易学
  • Bluebird: 另1款达成Promises/A+ 的库,相比较于 Q,质量精湛
  • node-amqp: RabbitMQ 的 Node
    客户端
  • Knex: SQL 生成器,帮衬PostgreSQL, MySQL 和 SQLite3, 用于和 Bookshelf 协作使用
  • node_redis: Node 的 Redis
    客户端
  • elasticsearch-js:
    ElasticSearch 的 Node 客户端
  • Passport: Node 的辨证中间件,支持 Express,
    组件丰富, 辅助三种认证战术,OAuth
  • everyauth:
    认证库,帮助八种计谋,OAuth,援助 Express
  • node-oauth: Node 的 OAuth
    支持
  • restler: 一个 Node REST
    客户端
  • oauth2orize: Node
    的服务端 OAuth援救
  • Mocha: Node 的 TDD/BDD 测试框架
  • nodemon: 开采时选拔,
    自动检查实验文件改变, 一碗水端平启服务
  • hiredis-node: hiredis 的
    Node 模块
  • node-jsonwebtoken:
    JsonWebToken 的 Node.js 实现
  • js2coffee: 将 Javascript
    转变到 CoffeeScript 的多少个工具
  • grunt-injector: Grunt 的
    JS/CSS 自动注入工具, 能够自动将 JS/CSS 的引用注入到 HTML 文件中
  • NativeScript: 使用
    Javascript 来编排 iOS / Android 以及越多平台原生软件的库
  • rosie: 用于转移 Javascript
    对象, 方便测试, 类似于 factory_girl
  • jsduck: javascript
    文书档案生成工具
  • shelljs: shell 命令的
    Node.js 封装, 帮忙 local 和 global 二种格局
  • daemon.node:
    今后台守护进程运行 node 应用的最小化完毕, 可用作学习源码使用
  • blessed: Node 的指令行界面工具,
    一共一组高档接口帮衬命令行绘图, 动画等
  • node-spdy: Node 的 SPDY 支持
  • node-fibers: Node 的
    Fiber 实现
  • fast.js: 对 JS
    的一部分方式的重复达成, 提供更加高的质量
  • log4js-node: Log4js
    的 Node.js 版
  • https://github.com/andrewplummer/Sugar: Javascript
    原生类型的效用扩大(Monkey Patch), 提供了各类语法糖
  • shelljs: 各种 Shell 命令的
    Node 实现
  • Meteor: 一个依照 Node.js
    的阳台,用于开荒实时网页和平运动动应用
  • Koa: Node.js web 框架,Express
    原班人马营造,推崇极简,通过 generator 实现异步调控
Express
  • express-admin: Express
    的后端,支持(MySQL, MariaDB, SQLite, PostgreSQL)
  • grant: Express
    认证中间件(middleware)

Erlang

  • kerl: 版本管理器, 用于管理
    Erlang/OTP 实例, 类似于 凯雷德VM
  • rabbitmq-server:
    RabbitMQ 消息队列 源码
  • rabbitmq-tutorials:
    RabbitMQ 教程
  • ejabberd: XMPP
    协议的开源实现,用于及时聊天软件,Whatsapp 的谈天核心便是以此软件
  • elixir: 基于 Erlang VM
    的3个语言,语法类似于 Ruby
  • phoenix: 基于 Elixir
    语言的 web 框架

Java

  • elasticsearch:
    开源的分布式寻觅引擎,社区活泼,协理有力
  • fastjson:
    Ali开源的一款火速的 JSON 库

C/C++

  • json: C++ 的 JSON 库
  • simple-rtmp-server:
    运维级的互连网直播服务器集群
  • mozjpeg: JPEG
    图片解码压缩,Mozilla 出品
  • libsass: SASS 的 C++ 实现
  • QQStars: 基于
    WebQQ 协议和 QT 开发的 QQ 客户端
  • caffe: 三个有关数据挖掘的库
  • fastsocket: 贰个高增添性的
    Socket 库,在多核设备上有优秀的变现,腾讯网出品
  • C: 将 C 语言校本化的1个工具,
    能够一贯编写 C 语言作为脚本使用

Go

  • delve: Go 调试器
  • go: Go 源码
  • beego: 国内大腕开采的 Web 框架
  • revel: 全栈 Web 框架
  • martini: 另一款 Web 框架
  • pgweb: PostgreSQL 的 Web
    数据库浏览器

Lua

  • lua-nginx-module:
    叁个 Nginx 组件包, 能够选取 Lua 来支付 Nginx 插件,
    将之成为1个全职能的 Web 应用服务器
  • kong: 五个留意于可扩张,
    高品质以及可信赖性的 Restful API 框架

iOS 或 OSX

  • Harpy: 用于检验选择立异
  • CRToast: 当代、时尚的 iOS
    通告提示库
  • Ono: iOS 恐怕 OSX 中用来拍卖 XML &
    HTML 的库
  • CocoaMarkdown: iOS
    只怕 OSX 中用于解析只怕渲染 马克down 的库
  • Haneke: 三个用来缓存图片的 iOS
    库,无需配置
  • HanekeSwift: Haneke 的
    swift 版本
  • RFQuiltLayout:
    三个用来落实 iOS 端瀑布流的库
  • kxmenu: 用于 iOS
    上贯彻垂直菜单,援救上下左右等类别化
  • peertalk: iOS 或许 OSX
    中用来拍卖 USB 通讯
  • REMenu: iOS
    中用来落实下拉菜单效果
  • RESideMenu: iOS
    中侧边栏的异步效果完毕,类似于 QQ 中的侧边栏
  • AwesomeMenu: iOS
    中用来落到实处类似于 Path 应用菜单的功能,种种炫彩
  • Alamofire: AFNetworking 的
    Swift 版本
  • Alcatraz: Xcode
    的包管理工科具
  • JBChartView: iOS 的图表库
  • PNChart: 基于 iOS
    的强大图表库
  • GPUImage: 基于 GPU
    图片、录制处理库
  • shenzhen: 三个用于构架和公布iOS 的命令行工具
  • ZXingObjC:
    ZXing(二维码、条形码扫描库) 的 Objective-C 完毕
  • PKRevealController:
    iOS 上1个丰裕美貌的,用于落到实处侧边栏的库
  • KIF: iOS 功能测试框架
  • Bolts-iOS:
    为了加紧开垦速度的绝对低层级的库集合, Parse 和 推特 出品
  • MaterialKit: 基于 Swift
    实现的 Google Material Design 效果
  • Carthage:
    三个简练的、去核心化的 Cocoa 依赖管理库, 斯威夫特 编写,仅用于 IOS8.0
    及 以往的连串
  • JSONModel:
    智能化的数据模型,有了它,再也不用手动解析JSON数据啦
  • KZPlayground:
    提供对 Objective-C 的 Playground 支持,比 Swift 更快
  • RMStore:
    轻量级应用内购买库,集成方便,使用简便,方便项目中快速帮衬接纳内选购
  • pop: 推特(Twitter)开源出来的卡通片扩展库
  • JSQMessagesViewController:
    二个精彩大方的当下聊天 UI 库
  • realm-cocoa:
    3个移动端数据库,提供了丰硕的多寡支撑,快捷,且不依赖 SQLite
  • Surge: 斯维夫特的非常快数学生运动算库,基于 Accelerate
  • Masonry: OSX 和 iOS 上用来简化
    Autolayout 约束的一个库
  • Side-Menu.iOS:
    1款不错的侧面栏落成
  • AsyncDisplayKit: iOS
    上的一款异步分界面引擎, 分外流利, Facebook 出品
  • Kiwi: iOS 的 BDD 测试框架
  • PonyDebugger: iOS
    的长途调节和测试工具, 允许开垦者在 Chrome Developer Tool 中调剂 iOS 应用
  • ObjectiveSugar:
    提供1些 Objective-C 的语法糖, 类似于 Ruby 的语法
  • SwiftyJSON: Swift的二个拍卖 JSON 的库
  • Cartography: 在 斯威夫特 中
    评释式的利用 Autolayout
  • HanekeSwift: 斯维夫特中可用来做缓存的库,对图纸的支撑尤佳
  • RuntimeBrowser: iOS 和 OSX
    的运行时类浏览器, 能够查阅运维时的头文件, 允许动态加载新模块
  • iOS-Runtime-Headers:
    iOS 运转时头文件, 从RuntimeBrowser抽出
  • WBWebViewConsole:
    应用内置用于 Debug 的调整台, 帮忙 UIWebView & WKWebView
  • DBCamera:
    方便高度自定义相机UI的库
  • UIImage-Helpers:
    截图、模糊化图片、生成特定颜色的图形,都能够由那一个库完毕
  • SwiftHTTP: Swift 的 HTTP
    封装
  • VKVideoPlayer:
    方便中度自定义录像播放器的库
  • MagicalRecord: 基于
    Core Data 之上的 O本田CR-VM, 是 Active Record 的 iOS 版完毕, 能够轻便 Core
    Data 代码
  • SQLite.swift:
    SQLite三 的 斯维夫特 层接口达成

Android

  • Slidr: 3个用以给 Activity
    增多滑动消隐效果的库
  • material_design_zh:
    Material Design 的华语言文字工作者协会同翻译
  • galgo: Android
    的日志工具,能够将日志突显在 Activity 的最上端,方便调节和测试
  • sweet-alert-dialog:
    Sweet Alert Android 版本,用于选拔内公告和提醒
  • Side-Menu.Android:
    一款能够的侧面栏达成
  • dagger: Android 和 Java
    的正视注入库
  • picasso:
    壹款用于下载并缓存图片的库
  • ArcAnimator: 达成 AKugaC
    动画的库
  • MPAndroidChart:
    强大的图纸工具

代码作用

CoffeeScript

TypeScript

Sublime Text

云计算

Docker

  • kubernetes:
    谷歌 开源的 Docker 集中管控系统
  • weave: 用于为根据不一样主机的
    Docker Containers 创造一个虚拟互联网

OS

  • linux: linux 源码,Linus
    大神之作,只好敬拜了
  • smartos-live: Joyent
    出品的用于云平台的智能 OS

开源产品(论坛、在线教育、项目管理等)

  • Edx: 在线教育平台源代码,艾德x
  • alchemy_cms: 开源 CMS
    系统,基于 Rails
  • flynn: 下一代 PAAS
    服务产品,用于管理主机只怕 AWS 实例
  • jsgen: 开源论坛、博客系统, 基于
    Node.js, AngularJS, MongoDB
  • libreboard开源看板系统,除了配色,长得大致和 Trello 一模同样
  • paperwork:
    开源笔记系统,类似于伊夫rnote, Microsoft OneNote & 谷歌 Keep
  • cabot: 开源服务器监控服务
  • firefox-ios: iOS 版
    Firefox 源代码
  • gogs: 一款开源 Git 托管服务,基于
    GO 语言开拓,类似于 Gitlab
  • huginn:
    个人代办监察和控制,能够监督天气、Instagram、网址等等,并服从预设的尺度发送公告给协调,成效庞大!
  • nodeclub:
    社区系统,基于Node.js 和 MongoDB 开垦
  • keystone: 基于 Node.js 的
    CMS 系统
  • apostrophe: 基于 Node.js 的
    CMS 系统
  • reddit: Reddit 的源代码
  • lets-chat:
    适合小共青团和少先队的闲话服务, 能够协调搭建, 基于 Node.js 支持 Restful API,
    XMPP 等
  • dokku: 基于 Docker 的
    Mini-Heroku, 最袖珍的 PAAS 完结
  • VLC: VLC 录制播放器源代码
  • HackerNews-React-Native:
    HackerNews 基于 React Native 实现
  • spree: 基于 Ruby on Rails
    的开源在线电子商务网址
  • v2ex: V2EX 的 iOS 源代码

代码规范&设计形式

Ruby

Rails

Javascript

  • umd: 全局模块定义,
    提供了三种模块定义规则和情势, 使其能够辅助英特尔/CMD/浏览器全局/jQuery插件等
AngularJS

Java

Android

Bash

Objective-C

IOS

Swift

Design

数据库

  • postgrest: PostgreSQL 的
    RESTful API
  • pgcli: PostgreSQL
    命令行工具,提供高亮和自动补全
  • mongo: MongoDB 源代码
  • nedb: 纯 Javascript
    完毕,类 MongoDB 的内部存款和储蓄器型数据库,API 基本和
    MongoDB同样,可选同步写入磁盘,小项目数目不太多时质量很强甚至超过MongoDB
  • TokuMX MongoDB: TokuMX 版的
    MongoDB, MongoDB 的3个拨出,辅助越来越快的写速度,完整的政工援救等
  • sequelpro: Mac OSX 的
    MySQL 数据库管理软件

博客 / 网站

设计

  • Dribble:
    设计师必上的网址,各样设计财富、创新意识、分享等
  • Design Museum:
    今世前沿设计,涉及设计的各样领域
  • Behance: 创新意识&设计能源集合,Adobe
    旗下网址(应用)
  • Awwwards:
    一家筛选评比网络上一级网站设计开拓的网站
  • gooood: 建筑,景色,设计,艺术在线杂志
  • ui4app: 专注于 iOS UI
    的2个网址,提供各种设计能源
  • wookmark:
    这地方有分享的形形色色的美图、设计等

技术

  • code4app: 专注于IOS
    代码的2个网址,提供各个成效完结 德姆o
  • CSS Tricks: 各种 CSS 技巧
  • html5rocks: 提供各类种种关于 HTML5的音讯
  • html5weekly: 提供各类各种关于 HTML5的情报和工夫
  • rubyweekly: 提供各样各个关于 Ruby
    的音信和技能
  • javascriptweekly: 提供各个种种关于
    Javascript 的情报和本领
  • ng-newsletter: 提供种种各个关于
    Angular 的新闻和技艺
  • cnodejs: 国内最大最火 Node.js 社区
  • ruby-china: 国内最大最火 Ruby 社区
  • angularjs: Angularjs 的国内汉语社区

书籍 / 阅读 / 学习

Awesome 系列

前端

Web
IOS
Android
  • android-training-course-in-chinese:
    谷歌 Android官方培养和演练科目汉语版
  • AndroidDevTools:
    Android 搜集整理Android开采所需的Android
    SDK、开拓中用到的工具、Android开采教程、Android设计规范,免费的设计素材等

后端

Node.js
Ruby
  • fast-ruby:
    如何写出越来越快的 Ruby
PHP
Go
接口
  • http-api-design: 从
    Heroku 接口计算出的,怎样更加好地规划 API 接口

算法 & 论文

其他

  • til:
    后天我们学了怎么,thoughtbot 出品,提议 watch
  • tenant-point:
    租房要点,适用于北上海人民广播电视台深杭
  • linux-insides: 关于 Linux
    内核的部分知识
  • 慕课网: 在线学习平台,各个编制程序学习财富
  • alternative-internet:
    一些妙趣横生的流行互连网和本领,主要指标是去大旨化
  • cocktails_for_programmers:
    程序员米酒,
    1个专程为标准节日“程序员日”而建立的洋酒项目!“程序员日”在历年的第三5陆天。
  • Wait but Why?: 卓殊有趣的叁个网址,
    会有一些有趣的观点和作品
  • ideas: 有意思的想法,
    越多是二个作者对于编制程序/软件/工具 的构思和整治
  • Developing_iOS_8_Apps_With_Swift:
    巴黎综合政法学院公开课: 怎样运用 Swift 开拓 iOS八 应用

正确上网

Git 相关

其他

  • retter:
    密码学相关的算法库
  • uBlock: Chrome, Firefox, Safari
    插件用来遮掩内容(如广告等),可自定义
  • rust: Rust 语言源码
  • font-spider: 中文 WebFont
    自动化压缩工具 加一张杀马特的照片
  • github-awesome-autocomplete:
    Github 的浏览器插件, 用于援救寻找, 特别人性化的查找结果
  • dotenv: 用于配置当土人参境,
    可认为不一致的文件夹设置不一样的环境

Post Author: admin

发表评论

电子邮件地址不会被公开。 必填项已用*标注