100+ 值得收藏的 Web 开发资源
原文 http://mp.weixin.qq.com/s?__biz=MjM5OTEzMzQwMA==&mid=2651667152&idx=2&sn=1dd7a77a2eff98e4e4b1c7b16a3ca9b4&scene=22&srcid=09065qExOt1YfI3h8TNm9yVs#rd
JavaScript Libraries
-
jQuery:最知名的 JavaScript 库。
-
BackBoneJS:为复杂 WEB 应用程序提供 MVP 结构。
-
D3.js:最流行的 Javascript 可视化图形库之一。
-
React:Facebook 开源的 JavaScript 库。
-
jQuery UI:以 jQuery 为基础的开源 JavaScript 网页用户界面代码库。
-
jQuery Mobile:jQuery 框架的一个组件,提供完整统一的移动 UI 框架。
-
Underscore.js:提供了一整套函数式编程的实用功能,但是没有扩展任何 JavaScript 内置对象。
-
Moment.js:一个JavaScript 日期处理类库,用于解析、检验、操作、以及显示日期。
-
Lodash:一个具有一致接口、模块化、高性能等特性的 JavaScript 工具库。
前端框架
-
Bootstrap:著名的快速开发响应式 Web 应用程序的前端工具包。
-
Foundation:一个易用、强大而且灵活的前端框架,用于构建基于任何设备上的 Web 应用。
-
Semantic UI:全语义化的前端界面开发框架。
-
uikit:一款轻量级开源的前端框架。
数据库
-
MySQL:最流行的关系型数据库管理系统。
-
MariaDB:由 MySQL 早期员工开发,属于 MySQL 的一个分支。
-
MongoDB:基于分布式文件存储的数据库。
-
Redis:一个开源、支持网络、基于内存、键值对存储数据库。
-
PostgreSQL:开源的对象 - 关系型数据库管理系统,Uber 早期就是用得这个。
Task Runners / Package Managers
-
Grunt:JavaScript 世界的构建工具。
-
Gulp:基于流的自动化构建工具。
-
Bower:Web 包管理器,包括 HTML,CSS,JavaScript,字体、甚至图片资源。
-
NPM:Node 包管理器。
CSS 预处理器
-
Sass:一个强大、成熟、稳定的 CSS 扩展。
-
Less:作为一个 CSS 的扩展,其兼容性非常好,学习成本很低。
-
Stylus:提供更有效、优雅的方式来生成 CSS。
Markdown 编辑器
-
StackEdit:一个开放源码免费使用的 MarkDown 编辑器, 基于 PageDown。
-
Dillinger:也是在线编辑器,提供云存储,并支持 HTML5,PDF 等多种导出格式。
-
Mou:Mac OS X 上一款出色的 Markdown 编辑器。
-
Texts:同时支持 Windows 和 Mac OS X。
Icon 资源
-
Font Awesome
-
IconMonster
-
IconFinder
-
Fontello
Git Clients / Services
-
SourceTree:一款免费并且很酷的 Git 客户端,支持 Windows 和 Mac。
-
GitKraken (Beta):一款免费、直观、漂亮的跨平台 Git 客户端。
-
Tower 2:APP 很漂亮,需付费。
-
GitHub Client:官方客户端。
-
Gogs:一个极易搭建的自助 Git 服务。
-
GitLab:对私有项目也免费。
本地开发环境
-
XAMPP:完全免费,容易安装的 Apache 分布式环境。包括:MariaDB,PHP,Perl。
-
MAMP:Apache + MySQL + PHP + Python + Perl。
-
WampServer:Windows 下的 Web 开发环境,可以创建基于 Apache 2,PHP 和 MySQL 的 Web 应用。
-
Vagrant:安装和配置简单、轻量级。
-
Laragon:快速、容易搭建的 Windows 本地开发环境。包括:MySQL,PHP,Redis,Apache。
文件比对
-
Diffchecker:文件比对的在线网站。
-
Beyond Compare:老牌软件,能快速比较文件和文件夹,功能强大。
Code Sharing / Experimenting
-
codeshare:能和其他开发者实时共享代码。
-
JS Bin:可以将编辑后的代码保存到本地,或将 URL 地址发给其他人,让其协助调试代码。支持 HTML,CSS,JavaScript,Markdown,Jade 和 Sass。
-
JSfiddle:能自定义环境来测试你的 HTML,CSS,JavaScript 代码。
-
Dabblet:Web playground,交互效果不错。
团队协作
-
Slack:为团队打造的交流应用,我们部门就在用,强力推荐。
-
Trello:完全免费,灵活性高,可视化,和任何人一起管理任何事情。
-
Glip:支持实时消息、视频、视频会议、日历分享等等功能。
-
Asana:帮助追踪、记录团队成员的工作情况。
-
Jira:这个大家应该都用过吧,老牌团队协作应用。
激发灵感
-
CodePen:能在上面分享和找到出色的设计,还会有其他开发者为你提出建议。
-
Dribble:一个设计师分享他们作品的社区。
网站性能测试
-
Website Speed Test:KeyCDN 提供的免费网站调试工具。
-
Google PageSpeed Insights:测试之后还会提出优化意见。
-
WebPageTest:支持全球多地区速度测试和多种浏览器。
-
Pingdom:测试页面加载速度,为你找出性能瓶颈。
-
GTmetrix:不光能测试速度,还能帮助分析是否有法律风险,并提出优化建议。
Web 开发者社区
-
Stack Overflow:有超过 470 万的活跃开发者在其中互相帮助。
-
Hashnode:全球性的开发者社区,大牛很多。
-
Refind:面向创业者、开发者、设计师的 Web 项目分享社区。
-
Google+ Web Developers Group:Web 开发者的 Google+ 社区。
-
Facebook WordPress Front-end Developers Group:WordPress 的前端工程师 Facebook 小组,讨论开发问题、技术趋势。
-
LinkedIn Web Design and Development Professionals Group:领英上的专业 Web 从业者小组。
-
LinkedIn PHP Developer Group:领英上的 PHP 开发者小组。
-
Sitepoint Forums:Web 开发者论坛。
-
/r/perfmatters:Reddit 上主要讨论网站性能优化的 subreddit,由 KeyCDN 发起。
-
/r/webdev:Reddit 上讨论 Web 开发的 subreddit。
Web 开发资讯
-
wdrl.info:每周推送精心挑选的 Web 开发相关文章。
-
web tools weekly:主要推送 Web 开发工具。
-
webopsweekly.com:每周推送关于 Web 运营、部署等方面的文章。
-
/dev tips:每周分享开发小技巧。
-
friday front-end:每天在 twiiter 发开发相关资讯,可订阅然后每周发汇总邮件。
-
front-end dev weekly:手工挑选的 Web 开发、工具和创意资讯,每周推送。
-
smashingmagazine.com:面向 Web 设计师和开发者的一款在线杂志,内容质量很高,每个月的第二个星期二发布。
-