工具:
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 比较)