8个 Web 开发工具和资源
设计和开发者社区发展飞快,以致于我们的步伐很难跟上发生在我们身边的这一切。这就是为什么我喜欢聚集最新发布的优秀资源和工具,以使我们的工作和生活更轻松。这篇文章也是这样的,从文本编辑器到帮助你构建网格系统的插件,我敢肯定这些你会发现这些工具非常有用。
1.Emmet
Emmet 项目的前身是前端开发人员熟知的 Zen Coding(快速编写 HTML/CSS 代码的方案)。和一般的编辑器中使用的“代码片段”概念不同,Emmet 使用动态的类似 CSS 表达式的语法来生成代码,这意味着你不需要自己去编辑并创建固定的代码片段,大大的提高了代码编写效率。
Emmet 结合优秀的编辑器使用,可以让你代码飞起来!支持的编辑器包括:
2.GuideGuide
GuideGuide 可以帮助你在 Photoshop 中处理网格,该工具是免费的,将帮助您创建准确到像素的列,行,中点和基线。
1.Emmet
Emmet 项目的前身是前端开发人员熟知的 Zen Coding(快速编写 HTML/CSS 代码的方案)。和一般的编辑器中使用的“代码片段”概念不同,Emmet 使用动态的类似 CSS 表达式的语法来生成代码,这意味着你不需要自己去编辑并创建固定的代码片段,大大的提高了代码编写效率。
Emmet 结合优秀的编辑器使用,可以让你代码飞起来!支持的编辑器包括:
- Sublime Text 2
- Eclipse/Aptana
- TextMate 1.x
- Coda 1.6 and 2.x
- Espresso
- Chocolat
- Komodo Edit/IDE
- Notepad++
- PSPad
- <textarea>
- CodeMirror2/3
- Brackets
2.GuideGuide
GuideGuide 可以帮助你在 Photoshop 中处理网格,该工具是免费的,将帮助您创建准确到像素的列,行,中点和基线。
在线预览
3.CodePen
CodePen 就像 Web 前端实验室,关于创意,技术和共享,也是分享他们的项目,展示自己的技能的地方。
在线预览
4.CodeVisually
网络社区巨大,经常有新的东西诞生,例如新的工具,资源和解决方案等。CodeVisually 收集了最新出炉的开源项目。
在线预览
5.Less Framework 4
Less Framework 是一个用于设计自适应网站的 CSS 网格系统,包含4个布局和3套预设的排版。
在线预览
6.-prefix-free
-prefix-free 帮助你从 CSS 前缀的地狱中解脱出来,-prefix-free 会帮助你自动添加当前浏览器需要的前缀。
在线预览
7.Pictaculous
Pictaculous 以一款与众不同的调色板,会根据你上传的图像生成图像所包含颜色的调色板。
在线预览
8.Dash
Dash 是一个 API 文档浏览器和代码段管理器(适用于Mac),对于需要经常检索文档的开发者来说超级有用。
在线预览
【8个 Web 开发工具和资源】相关文章
5. 推荐10款web前端的 HTML5 开发框架和开发工具
7. 构建杀手级应用的 JavaScript 框架、工具和技术
本文来源:https://www.51html5.com/a115.html
﹝8个 Web 开发工具和资源﹞相关内容
- 最节约时间的Web开发工具网址大全
- Web前端开发工具,Adobe Brackets 1.1 正式版发布
- JavaScript:40+基本的Web开发工具
- 10款最好用的移动web开发工具
- 8个提高效率的CSS实用工具
- HTML5 WebApp part4:使用 Web Workers 来加速您的移动 Web 应用程序(下) ...
- HTML5 WebApp part4:使用 Web Workers 来加速您的移动 Web 应用程序(上) ...
- HTML5游戏开发工具PlayMobi支持Facebook支付
- Web程序员最牛最实用的资源
- 不容错过的window8 metro UI风格的web资源