交互设计工具和资源

工具:

http://www.colourlovers.com/ (颜色风格搭配)

http://goo.gl/t7VUGq(Chrome网页颜色选择器插件)

http://www.iconfont.cn/ (中文图标库)

http://browsershots.org/(跨平台浏览器兼容性测试)

http://www.browserstack.com/screenshots (多浏览器兼容性测试)

http://netrenderer.com/ (多个IE版本浏览器兼容性测试)

http://www.abeautifulsite.net/blog/2013/09/an-icon-converter-that-supports-multiple-sizes-and-transparency/ (Favicon 转换器)

http://www.squarespace.com/logo(简约LOGO设计器)

资源:

http://tympanus.net/Development/ProgressButtonStyles/ (进度按钮风格)

http://wicky.nillia.ms/headroom.js/ (按需使用的置顶导航栏)

http://designmodo.github.io/Flat-UI/ (基于Bootstrap的新用户界面工具集)

http://ngmodules.org/modules/angular-highlightjs(Angularjs代码点亮模块)

http://textangular.com/(Angularjs富文本编辑器模块)

http://angular-ui.github.io/(Angularja UI 模块集成)

http://tobiasahlin.com/spinkit/ (装载/转换状态工具集)

http://www.onextrapixel.com/2013/09/11/notify-better-js-creating-a-dynamic-favicon-and-title/ (动态favicon消息通知)

http://alexwolfe.github.io/Buttons/(风格各异的按钮库)

http://wwws.superfish.com/(很好的着陆页设计参考)

http://www.uisdc.com/flat-design-colors(扁平化设计与色彩趋势)

http://code.blender.org/index.php/2013/12/how-blender-started-twenty-years-ago/(文本代码色彩搭配风格)

https://signwithenvoy.com/(整体色彩搭配风格)

http://rriepe.github.io/1pxdeep/(扁平化Bootstrap风格变色方案 )

http://twitterbootstrap3buttons.w3masters.nl/(Bootstrap 3 按钮风格生成器。含拟物风格按钮)

http://stackoverflow.com/questions/19016858/old-non-flat-theme-in-bootstrap-3(Bootstrap 3 拟物化按钮风格切换)

https://gist.github.com/Erve1879/6167373(为Bootstrap 3 添加拟物化风格按钮的CSS文件)

https://gist.github.com/claviska/6117193(为Bootstrap 3 添加拟物化风格按钮的LESS文件)

http://clrs.cc/(Web 颜色选择器)

http://hxgdzyuyi.github.io/blog/chinese-subset.html(中文字体之Web应用)

http://designmodo.github.io/startup-demo/(创业公司结构性框架 - Startup Frameworks)

http://designmodo.com/startup/(Startup Frameworks Full Version)

https://hacks.mozilla.org/2013/12/ember-inspector-on-a-firefox-near-you-2/(跨浏览器开发工具)

http://dev.tutsplus.com/articles/build-an-html-email-template-from-scratch–webdesign-12770(HTML电子邮件模板设计构建教程)

http://bradfrost.github.io/this-is-responsive/resources.html(响应式设计参考资源集合)

http://ionicons.com/(免费/开源图标集合)

http://www.nastyicons.com/(开源免费优质图标集/FQ)

http://subtlepatterns.com/(免费背景图例)

http://bradfrost.github.io/this-is-responsive/patterns.html(响应式 web 设计模式)

http://bootstrapuikit.com/(Bootstrap 3 Vector UI Kit) http://colours.neilorangepeel.com/(CSS 色彩示例名称列表)

http://speckyboy.com/2013/10/28/ero-widget-ui-kit/(免费用户界面工具集)

附录:

http://en.wikipedia.org/wiki/Collaborative_real-time_editor(实时协作编辑器)

http://en.wikipedia.org/wiki/Etherpad(Web-Based 实时在线协作编辑器)

http://www.firepad.io(开源代码与文本在线协作编辑器)

http://collabedit.com/about (在线协作编辑器)

http://www.writeurl.com/(在线文本协作编辑器)

http://meetingwords.com/(在线文本实时协作编辑器)

http://collaboration.wikia.com/wiki/Collaborative_real-time_editor(在线协作编辑器列表)

http://etherpad.org/(开源在线实时协作编辑器 - Node.JS)

http://askubuntu.com/questions/183775/how-do-i-open-a-terminal (键盘操作指示符)*

UI框架:

http://www.keenthemes.com/preview/metronic_admin/# METRONIC

开源:

http://mycolorway.github.io/simditor/demo.html (tower编辑器)

前端自动化:

http://www.sitepoint.com/kickstart-your-angularjs-development-with-yeoman-grunt-and-bower/

http://gulpjs.com/(Grunt 的替代产品,据说很好用,相比Grunt )

http://markdalgleish.github.io/presentation-build-wars-gulp-vs-grunt/(Grunt 与 Gulp 比较)