【www.shanpow.com--工作计划】
网页开发工具篇一:30个实用的网页设计和开发工具
Linux 达人养成计划 II
FIS使用初级教程
一起来做价值百万的Apple Watch App：分歧终端机
PHP进阶篇
作为一位网页设计师或开发者，你一直需要搜寻获取强大的网页设计工具。这能够帮助你节约时间并完成工作。以下我们列举了一系列优秀的工具，包括CSS、html generators、网页维护工具、排版工具、网站模板以及在线代码生成器等。
看看一下三十种优秀网页设计工具列表，它们可以帮助你在网页设计与维护项目中节约时间。你也可以把它们设为书签，以便便捷使用。
1. Expandrive
ExpanDrive 是一款能把SSH服务器映射成Windows网络驱动器的服务器本地映射工具，有了这款软件，用户可以方便地在本地进行删除，编辑等操作，就像在本地硬盘上一样方便。
2. Browsershots
在线网页兼容性测试工具，能够对网页进行多款浏览器的兼容性调试，以屏幕截图的方式呈现测试结果，方便设计人员的页面调试。在该工具的首页，列出了常见操作系统 (Linux, Windows, Mac OS, BSD) 下的各种浏览器列表，可以根据需要勾选。
3. Lightbox 2
一款很漂亮很有动感的lightbox插件。源文件压缩包有jQuery及Mootools2种版本，而且每个版本都有黑白2种皮肤。该插件支持单张图片，一组图片，gif动态图片，HTML内容，IFrame内容，Ajax等内容的展示，会随滚动条自动居中展示，效果很好。而且支持弹出层的震动效果。源文件压缩包里还提供PSD文件，大家可以自己修改。
4. Typeteste
Typetester是一款字体对比的在线应用程序，经过简单的操作可以在线对比哪种字体更适合您的网站。
Typetester 支持使用您电脑上安装的字体，完美支持中文而且您可以进行简单的 css 样式定义，是网页设计中不可缺少的好帮手。Typetester 可以同时对比三种字体的显示效果，并且显示的方式包括标准、粗体、斜体、粗斜体、全大写等10多种，通过简单的列表方式一目了然的展示在您的屏幕上，您可以通过对比来查看哪种显示模式更加匹配您的网站页面。
5. jQuery UI
jQuery UI 是以 jQuery 为基础的开源 JavaScript 网页用户界面代码库。包含底层用户交互、动画、特效和可更换主题的可视控件。我们可以直接用它来构建具有很好交互性的web应用程序。
6. Adobe kuler
Adobe Kuler是Adobe推出的基于Adobe Air的优秀的色彩配色软件，Kuler能让你对色彩知识有良好的掌控，在设计中做到游刃有余。使用需要先安装Adobe Air平台支持。
7. Smush.it
网页图片优化是网页加速中非常重要的一步，对图片进行压缩，不仅能够节约带宽，并且加快网页的速度。我们常用的图片编辑软件都可以在压缩图片。而使用 Smush.it 则可以大幅压缩图片，并且它还是一个无损的压缩工具。Smush.it 不但支持本地上传图片，而且还支持网络路径图片获取！
8. Clean AJAX
Clean一个开源的Ajax引擎，一组简化AJAX开发的高级接口。
9. Web design library
这个网站的内容包括了免费的网页设计指南、资讯、文章、评审建议。也提供模板交易服务。
10. Stripemania
Stripemania是一个简单免费的Web 2.0工具，用于设计创造无缝的斜条纹。你可以选择条纹的间距大小，也可以为所有的条纹添加颜色渐变效果。
11. Whatthefont
图片中的字体字型识别是非常头痛的事情，因为图片的字体并没有任何相关的信息，非设计人员面对成千上万的字体可能无从判断。既然存在OCR技术，那么就可以利用OCR直接对图片中的字体进行识别。WhatTheFont，正是这样一个在线英文字体字型识别网站。
12. Lorem Ipsum
Lorem ipsum是指一篇常用于排版设计领域的拉丁文文章，主要的目的为测试文章或文字在不同字型、版型下看起来的效果。
13. Behance
Behance 是2006年创立的著名设计社区，在上面，创意设计人士可以展示自己的作品，发现别人分享的创意作品（上面有许多质量上乘的设计作品），相互还可以进行互动（评论、关注、站内短信等）。
14. Stylevault
Stylevault.net是一个网页设计师可以展示自己的才能并获得赋予灵感的地方。
15. Blueprint CSS
Bluprint 是一个 CSS框架，其目的在于缩短你的开发时间。易于使用的栅格、合理的排版、有效的插件，甚至打印样式表，这些优点成为给了用户做项目的坚实基础。
16. CleanCSS
CleanCSS是一个免费的CSS精简压缩工具，通过这个在线工具，可以将你的CSS文件压缩、优化成更精简，这将大大提高你的网站的载入速度。进入CleanCSS后， 你可以输入要压缩的CSS代码或是该CSS文件的所在URL地址，然后选择代码布局和相应的精简压缩选项，最后点击生成即可。
17. Firebug
Firebug是firefox下的一个插件,能够调试所有网站语言，如Html,Css等，但FireBug最吸引我的就是javascript调试功能，使用起来非常方便，而且在各种浏览器下都能使用（IE,Firefox,Opera, Safari）。除此之外，其他功能还很强大，比如html,css,dom的察看与调试，网站整体分析等等。总之就是一整套完整而强大的 WEB开发工具。
18. Zend Studio
Zend Studio 7.0是我们的专业PHP应用程序开发环境下的新生代产品。它的设计最大限度地提高开发人员的工作效率，使你开发和维护的代码速度更快，快速解决应用问题，并改善团队协作。
19. Typeface.js
这个项目提供了一个字体的解决方案，你能使用任何字体显示，不管客户端是否安装了这种字体，而且不使用Flash（sIFR使用Flash）。
typeface.js并不使用flash或者图片，只是直接展示你希望使用的图形化字体，你能使用typeface.js和写普通HTML和CSS代码，就像你的访问者在本机拥有这种字体一样。这是一个正在发展的项目，但是已经拥有足够的功能来渲染图形化字体。
20. Color hunter
一个在线配色筛选工具。可以按照图片来自动生成相应的不同调色板，也就是配色方案。如果你想寻找某种风格的配色方案，可以在网站上方的搜索区域进行相应的搜索。
21. Browsercam
使用Browsercam需要一个昂贵的VNC客户端。其提供超过70种浏览器，基于Linux, Win, Mac和移动设备操作系统BlackBerry, Win Mobile等多种平台的测试服务。Browsercam的收费有多种模式，支付费用由20到1000美元/月。不过，在Browsercam注册后24 小时内是可以免费使用的。
22. Colour lovers
Colourlovers 是一个聚集了各种设计师和艺术家的国际化社区。他们通过浏览该网页获取颜色的灵感、想法和专业或个人项目的反馈信息。COLOURlover的忠实成员创建颜色、调色板和模板，以培养他们对于色彩搭配的兴趣。
23. W3C Validator
The W3C 验证器 是一款由W3C提供的免费服务。它旨在对Web文档的有效性进行协助检查。也可用于CSS验证。
24. Deviantart
Deviantart 是 互联网上最大的艺术橱窗之一。你可以在这里寻求灵感。
25. WIX
免费的flash页面建立工具。
26. Are my sites up?
Are my sites up 是一项简单的服务，在你网页出现问题时通知你。
27. pForm
HTML 表单在线制作器。
28. The design inspiration
The design inspiration是由一群每天寻求各式设计灵感的设计师创立。
29. Colorotate
ColoRotate是一个创新的3D颜色调配工具，用于设计者的配色管理，强大易用的色彩选择面板，使用谷歌账户登录后能保存配色模板。ColoRotate的特点是使用创新的3D配色盘，让你直观的看到颜色配比，更有颜色社区，让你可以看到其他用户创建的颜色配置。
30. FireFTP for Firefox
FireFtp是Firefox的扩展，可以在Firefox浏览器中实现大部分FTP客户端的功能。
英文原文：webtoolhub，编译：伯乐在线——翦丹
译文链接：http://blog.jobbole.com/36164/
【非特殊说明，转载必须在正文中标注并保留原文链接、译文链接和译者等信息，谢谢合作！】
网页开发工具篇二:推荐！10款好用的网站开发工具
网站制作开发过程中，善用辅助开发工具，会让我们的开发进程事半功倍。而网站的制作主要分前台和后台，今天小编在这里给大家推荐一些网站前台开发常用的工具，希望大家在平常的网站开发工作中顺风顺水。
1.WebStorm
这款JavaScript开发工具，相信作为JS开发者的你一定知道，它可是被称作“Web前端开发神器”、“最强大的HTML5编辑器”、“最智能的JavaScript IDE”，功能主要包括：JavaScript,编辑语言,创造便捷的环境等，相信你一定烂熟于心了，在这里就不一一赘述了。
2.Dreamweaver
梦想编织者——Adobe Dreamweaver，简称“DW”、这是一款集网页制作和管理网站于一身的所见即所得网页编辑器，利用它可以轻而易举地制作出跨越平台限制和跨越浏览器限制的充满动感的网页。
3.Sublime Text3
Sublime Text 作为一个尽为人知的代码编辑器，其优点不用赘述。同时支持Windows、Linux、Mac OS X等操作系统。具界面整洁美观、文本功能强大，且运行速度极快，非常适合编写代码，写文章做笔记。它还支持众多插件扩展，实现强强联手，比如说：
Package Control：它是用来管理插件的插件
Emmet插件：前端开发不可缺少，让编写 HTML和CSS代码变得简单，节省大量时间。Emmet可使开发者用缩写形式书写代码，再用“扩展”功能自动将代码扩展至完整样式
JsFormat：这是一款将JS格式化的插件
SideBarEnhancements：右键菜单增强插件
TrailingSpaces：高亮显示多余的空格和Tab
Tag：这是HTML/XML标签缩进、补全、排版和校验工具
Terminal：允许在Sublime Text 3中打开cmd命令窗口
SublimeCodeIntel：代码提示插件，支持多种编程语言，可以提示用户自定义代码
CssComb：为CSS属性进行排序和格式化
Autoprefixer：CSS3私有前缀自动补全插件，该插件使用CanIUse资料库，能精准判断哪些属性需要什么前缀
ColorPicker：编辑CSS样式的时候， ColorPicker调色盘不仅可以查看颜色值，更可以轻松调好颜色，还有个双向选择颜色的功能
Alignment：让开发者自动对齐代码，包括PHP、CSS、JavaScript语言
4.Vim
Vim是从 vi 发展出来的一个文本编辑器。代码补全、编译及错误跳转等方便编程的功能特别丰富，在程序员中被广泛使用，和Emacs并列成为类Unix系统用户最喜欢的文本编辑器。
5.Diffchecker
Diffchecker是用于检测/比较两个文件文本有什么不同的差异的在线代码工具 ，它的有点是不需要人工查看，尤其是大文件，且使用方便。
6.BrowserShots
BrowserShots 是一款免费的跨浏览器测试工具，捕捉网站在不同浏览器中的截图。这是最有名，也是最古老的浏览器兼容性测试工具。
7.CleanCSS
免费的CSS精简压缩工具，通过这个在线工具，可以将你的CSS文件压缩、优化成更精简，这将大大提高你的网站的载入速度。进入CleanCSS后， 你可以输入要压缩的CSS代码或是该CSS文件的所在URL地址，然后选择代码布局和相应的精简压缩选项，最后点击生成即可。
8.Firebug
Firebug是firefox下的一个插件,能够调试所有网站语言，如Html,Css等，但最重要的是有javascript调试功能，在各种浏览器下都能使用（IE,Firefox,Opera, Safari）。除此之外，其他功能还很强大，比如html,css,dom的察看与调试，网站整体分析等等。总之就是一整套完整而强大的 WEB开发工具，再有就是其为开源的软件。
9.Zend Studio
专业开发人员在使用PHP整个开发周期中唯一的集成开发环境 (IDE)，它包括了PHP所有必须的开发部件。通过一整套编辑、调试、分析、优化和数据库工具，Zend Studio 加速开发周期，并简化复杂的应用方案。
10.Grunt
Grunt 是一个基于任务的JavaScript工程命令行构建工具，被称为JavaScript世界的构建工具。当你在Gruntfile文件正确配置好了任务，任务运行器就会自动帮你或你的小组完成大部分无聊的工作。
当然，web开发类工具还有很多，本篇主要涉及的是前台程序开发比较常用的工具，相信你在平常的网站开发过程中一定会熟练掌握更多更适合你开发环境的工具，也欢迎你在下方留言，把更好的工具推荐给大家！下期，小编将为大家分享web前端开发工具，要记得下期再会哦~
Meetsite(见站)，您身边的见站分享专家！
本文为头条号作者发布，不代表今日头条立场。
网页开发工具篇三:网页开发工具
共有218款 网页开发工具开源软件，第5页
软件过滤：
排序：
收录时间 | 浏览数
快速编写HTML/CSS代码 Zen Coding
网页开发者通常要输入大量重复的标签和属性标记才能获得想要的效果，为了解决重复劳动的痛苦，Sergey Chikuyonok开发了Zen Coding，它是一组专门用来提高书写HTML和CSS代码速度的便利工具。将它整合进文本编辑器，可以提供一些功能和快捷方式，加快开发速度...
更多Zen Coding信息
Chrome 网页开发扩展 Web Developer
Web Developer 这款扩展集成了各种各样的 Web 开发工具，几乎是网页开发人员必备的 Chrome 扩展，安装之后会在浏览器工具栏添加一个齿轮状的小图标，点击小图标之后就可以看到大量的 Web 开发工具。不过，目前这款扩展还没有提供禁用 Javascript 的功能，因...
更多Web Developer信息
【免费】IE的JavaScript调试插件 Companion.JS
Companion.JS (读 Companion dot JS or CJS) 是一个 IE 浏览器的JavaScript调试器插件，主要功能有： 详细的javascript错误报告，包含错误堆栈以及真实文件名 类似 Firebug 的控制台 API 特性 Javascript 控制台允许直接在调试期间查看某个变量和对象的值 ...
更多Companion.JS信息
HTML5界面可视化设计工具 Maquetta
Maqetta 是一个开源的项目，提供了 HTML5 用户界面的所见即所得设计工具。该项目完全基于浏览器运行，无需任何附加插件和下载。
更多Maquetta信息
最近更新：
Maquetta 8.0 发布，HTML5 界面可视化设计工具
发布于 2年前
Web 流程设计软件 Strawberry
Strawberry是一个提供了可以让用户动态制定Web拓扑图(流程设计器)的Web解决方案,Strawberry是基于 JavaScript,VML,SVG等Web技术开发而成,并且支持主流浏览器.IE,火狐,Chrome,Safari等.Strawberry不含 有任何三方插件或需要授权的商业项目(Ext等),并且使用时...
更多Strawberry信息
Google Web Designer
Google开发的Web设计工具，可以用来创建引人入胜的，交互式的基于HTML5的设计，能适应各种屏幕尺寸。 特性： 两种动画创建模式（快速与高级） 全3D创作环境 包含设计视图和代码视图 矢量绘图工具 可以很方便的在页面上加入广告区域。 系统最低要求： Wind...
更多Google Web Designer信息
最近更新：
Google Web Designer 开始支持 Linux
发布于 8个月前
工作流制作的网页程序 Yeoman
Yeoman是一个强健的工具，库，及工作流程的组合，帮你网页开发者快速创建出漂亮而且引人入胜的网页程序 功能特性如下： 快速创建骨架应用程序——使用可自定义的模板（例如：HTML5、Boilerplate、Twitter Bootstrap等）、AMD（通过RequireJS）以及其他工具...
更多Yeoman信息
最近更新：
Yeoman 1.0 发布，工作流制作的网页程序
发布于 1年前
批量HTML修改工具 htmTools
该工具可用来批量修改指定目录下的多个HTML文件，例如你想修改一个大的静态网站的某个菜单，那这个工具可以轻松完成。
更多htmTools信息
Flash开发工具 QFlash
QFlash 是一个采用 C++ 开发的开源 Flash (swf) 编辑工具，可用来创建 Flash 动画文件，基于 ming 和 qt 库开发。
更多QFlash信息
HTML5动画编辑工具 Sencha Animator
Sencha Animator 是一个基于GUI的编辑器，针对的是想要创建HTML5动画的交互设计师。 动画是使用Ext JS创 建的，这是一种跨浏览器的JavaScript库，为RIA应用程序提供了widget，并且它会生成能够与所有JS库协作的纯粹的CSS3动画代码。 我们可以创建2D或者3D的...
更多Sencha Animator信息
最近更新：
Sencha Animator 1.2 发布
发布于 3年前
KompoZer
KompoZer是一个使用方便的支持所见即所得功能的开源HTML编辑器。它基于Nvu(Nvu是一款以Mozilla为核心的开源网页编辑器.)，在Nvu的基础上做了些改进。
更多KompoZer信息
HTML网页开发工具 Mozilla Thimble
Mozilla今日对外发布了一款名为Thimble的HTML网页开发工具Thimble，这款工具可以帮助任何人轻松地创建和分享他们自己的网页和其他工程。 Thimble采用了可视化的HTML编辑器，用户可以在浏览器的右侧编辑HTML网页，预览网页效果和进行修正，之后通过点击“P...
更多Mozilla Thimble信息
最近更新：
Mozilla 发布 HTML 网页开发工具 Thimble
发布于 3年前
中文网页重设与排版 typo.css
中文网页重设与排版： 目标：一致化浏览器排版效果，构建最适合中文阅读的网页排版。包括桌面和移动平台。 Alpha 中，各路牛人都来支持一下，加入开发啊！ 预览：typo.css 一、目录结构 .
├── README.md --- 使用帮助
├── TODO.md ...
更多typo.css信息
基于Web的代码编辑器 ecoder
ecoder 是一个基于Web的代码编辑器，采用PHP和JavaScript开发。 主要功能包括：实时语法加亮，文件浏览器和上传器和一个标签系统，能够实现在服务器上同时编辑多个文件。
更多ecoder信息
网页编辑器 NVU
NVU实际上起源于Netscape，还记得那个有点笨拙的HTML编辑器Netscape Composer吗？NVU就是在它的基础上进一步开发出来的，不过，最新版本的NVU已经不是当年的那只丑小鸭，它完全能够胜任专业网页设计工作的需 求。与FrontPage和Dreamweaver这类商业HTML编辑...
更多NVU信息
CSS压缩器 Css Compressor
CSS Compressor 是一个Java编写的用来压缩CSS文件的类库和工具。压缩的方法包括删除多余空格、注释，颜色值替换等等。
更多Css Compressor信息
Opera上的网页开发和调试工具 Opera Dragonfly
Dragonfly是类似Firebug的开发工具，允许开发者在Opera浏览器上调试网页或Web应用程序。Opera在BSD许可证下公布了 Dragonfly的源代码。Opera称从闭源到开源，他们需要克服很多困难，比如Dragonfly的bug跟踪系统是放在一个封闭的服务器上，未来将迁移到一个...
更多Opera Dragonfly信息
最近更新：
Opera Dragonfly 1.1 发布，网页调试工具
发布于 3年前
页面性能测试工具 Page Detailer Pro
Page Detailer Pro 是 IBM alphaworks 提供的一个工具。它是一款用来记录浏览器 HTTP 请求的软件，它通过在客户端的 Windows 端口堆栈中插入探针（Probe）来获取记录浏览器发起的 HTTP 请求的各种类型的数据。 图 1 是一个 Page Detailer 记录的截图。浅蓝...
更多Page Detailer Pro信息
Less 编辑器 Crunch Editor
Crunch 是一个基于 Adobe AIR 开发的 Less CSS 的编辑器。主要用于 Less 的编辑并编译成 CSS。
更多Crunch Editor信息
JS文件压缩工具 JShrink
JShrink 是一个PHP类用来压缩JavaScript文件，使得可以快速的下载到客户端。 下面是几种压缩工具的压缩比例： Raw - 586,990 Gzip - 151,301 JShrink - 371,982 JShrink and Gzip - 93,507...
更多JShrink信息
最近更新：
JS文件压缩 JShrink 0.2 发布
发布于 5年前
<
1
2
3
4
5
6
7
8
9
10
11
>
