对于 Web 工程师来说做好和最糟糕的事都是 Web 技术的日新月异。这也意味着作为一个 Web 开发者来说一定要不断的学习,适应变化。
因此,SUPERW网站工作室列举出了自己开发和学习过程中遇到的好工具和资源,在这里分享给大家:
JavaScript Libraries
前端框架
数据库
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 资源
Git Clients / Services
本地开发环境
-
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。
文件比对
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:这个大家应该都用过吧,老牌团队协作应用。
激发灵感
网站性能测试
Web 开发者社区
Web 开发资讯