100个Web开发资源(收藏)
对于 Web 工程师来说做好和最糟糕的事都是 Web 技术的日新月异。这也意味着作为一个 Web 开发者来说一定要不断的学习,适应变化。
今天小编列举出了自己开发和学习过程中遇到的好工具和资源,在这里分享给大家:
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 设计师和开发者的一款在线杂志,内容质量很高,每个月的第二个星期二发布。
原文地址:100+ Useful Web Development Tools and Resources.
100个Web开发资源(收藏)相关推荐
- 分享十佳Web开发资源
分享十佳Web开发资源 width="22" height="16" src="http://hits.sinajs.cn/A1/weibosh ...
- 100+ 值得收藏的 Web 开发资源
对于 Web 工程师来说做好和最糟糕的事都是 Web 技术的日新月异.这也意味着作为一个 Web 开发者来说一定要不断的学习,适应变化. 因此,作者列举出了自己开发和学习过程中遇到的好工具和资源,在这 ...
- 写给自己的web开发资源
web开发给我的感觉就是乱七八糟,而且要学习感觉总是会有东西要学习,很乱很杂我也没空搞,(其实学习这个的方法就是去用它,什么你直接用?学过js么学过jquery么?哈哈,我没有系统的看完过,但是也做出 ...
- Web开发工具包收藏
Web开发者必须收藏的十大网站:http://kb.cnblogs.com/page/72747/ CSS压缩,表单制作,测试XHTML,CSS标记,图片在线编辑 10个在线Web设计开发工具介绍 ...
- 开源中最好的Web开发资源汇总
我的github http://github.com/wangqianfront 学习HTML 5编程和设计 ★HTML5 Rocks : Major Feature Groups 的学习 HTML5 ...
- 优秀开源Web开发资源大集合
2019独角兽企业重金招聘Python工程师标准>>> 学习HTML 5编程和设计 ★ HTML5 Rocks : Major Feature Groups 的学习 HTML5 的 ...
- [札记]开源中最好的Web开发资源汇总
转自:http://news.cnblogs.com/n/104563/ 学习HTML 5编程和设计 ★ HTML5 Rocks : Major Feature Groups 的学习 HTML5 的 ...
- 非常实用的移动web开发资源整理
作者 | 白树 来源 | http://peunzhang.cnblogs.com/ 一.meta基础知识 01.H5页面窗口自动调整到设备宽度,并禁止用户缩放页面 <meta name=&qu ...
- iOS 开发资源 - 收藏集 - 掘金
聊一聊移动端调试那些事 - 前端 - 掘金 欢迎大家收看聊一聊系列,这一套系列文章,可以帮助前端工程师们了解前端的方方面面(不仅仅是代码): https://segmentfault.com/blog ...
最新文章
- 机器学习中的维度灾难
- 从0开始接触html--第一天学习内容总结
- python嵌入shell代码_小白进!嵌入式开发如何快速入门?
- android+mms发送流程,mms发送流程代码版droid.docx
- Junit使用方法总结
- 【转】《iOS7 by Tutorials》系列:iOS7的设计精髓(下)
- Mac更新Big Sur或者Monterey后没有管理员账户或当前账户没有管理员权限或rm /var/db/.AppleSetupDone: No such file or directory解决方案
- 张正友标定算法原理详解(一)
- 如何将微信电脑图片dat格式文件转换为jpg格式
- 计算机实验小学教导主任,小学教导主任2020年度考核个人总结5篇
- python qt是什么_初识Python与Qt
- 通过多视图信息瓶颈学习鲁棒表征
- 软件工程第一章绪论————(2019.12.27学习笔记)
- 给antd的Table组件添加总计和平均值
- 实现选择器多选依次下发
- 数据处理取对数的作用
- Visual Studio点击之前创建的Form提示“由于从未加载设计器的文档,因此无法显示设计器”
- 获取服务器信息是指什么意思,获取服务器信息是指
- 中国制造业的库存优化
- 考研复试计算机英语自我介绍,考研复试英语自我介绍范文10篇
热门文章
- ***清除工具的进化
- php一些错误的显示问题
- Anaconda 安装操作及遇到的坑
- 如何计算机械人工作量,修订后太原理工大学本科教学工作量计算办法
- 主程序分析法MATLAB编程,专题五 概率统计问题的Matlab求解
- DOxygen for C++使用说明——Markdown支持
- Python中用input()和print()体现输入输出重定向
- 【hash】Seek the Name, Seek the Fame
- JAVA-初步认识-第八章-继承-单继承和多重继承
- UVA - 572 Oil Deposits