10个最好用的HTML/CSS 工具、插件和资料库

大家在使用HTML/CSS开发项目的过程中,有使用过哪些工具,插件和库?下面介绍的10种HTML/CSS工具,插件和资料库,是国外程序员经常用到的。

Firebug Lite

FirebugLite 集成火狐浏览器,让你在浏览的时候便可以轻松地获取丰富的网页开发工具。你可以在任何一个网页中实时编辑、调试和监测CSS,HTML及JavaScript。

Web Developer

Web Developer (网页开发者) 扩展为浏览器添加了各种开发者工具。扩展可用于Chrome, Firefox和Opera,它可以在任何一个平台上运行。这些浏览器支持Windows, OSX 和 Linux。

Firefox Font Inspector

Firefox Font Inspector (火狐字体检查器)可以检查、编辑和调试桌面电脑和移动设备的HTML, CSS 和 JavaScript。

Codeanywhere

Codeanywhere 是一个跨平台的云集成开发环境(IDE),它具有桌面IDE的所有功能,而且它所具有的附加功能是只有云应用程序才可以提供的。Codeanywhere 使用起来十分灵活,你可以按自己的方式建立自己的工作流程。优雅的开发环境将让你可以专注于以更快的效率建设出色的应用程序。你在编程时所需要的功能都可 以在Codoanywhere中使用,让开发的过程变得更有效和有趣。

Dropbox

Dropbox是一个文件托管应用程序,用于分享和协作。你可以添加照片、视频、docs文件以及档案到一个设备上,它们将会出现在其它所有设备上,包括手机和电脑。它可用于Windows、Macintosh 和Linux 的桌面操作系统。

Brackets

Brackets (括号) 是一个轻量而强大的工具, 它是一个新型的,开放源代码的文本编辑器,能理解网页设计。

MeasureIt

MeasureIt 是一个为网页设计师和开发者提供的工具,可以帮助他们在设计网站时轻松地测量和正确估计网站的元素。

Ultimate CSS Gradient Generator

Ultimate CSS Gradient Generator是一个强大的类似photoshop的CSS梯度编辑器。它被livecoding上的程序员大力推荐。

Mozilla Thimble

Thimble是一个在线的代码编辑器,当在学习HTML,CSS 和JavaScript 的过程中,你可以方便地创建和发布你自己的网页。

CSSTidy

CSSTidy 是一个开源的CSS解析器和优化器。 它可以作为可执行文件使用, 可用于Windows, Linux和OSX系统。可以由每个命令行控制并用作PHP脚本。(两者的功能几乎是一样的)。

要了解每种工具,插件或库的详细资料,可以浏览livecoding.tv发表的博客原文

时间: 2024-08-06 22:56:07

10个最好用的HTML/CSS 工具、插件和资料库的相关文章

10个超有用的网页设计工具和资源

网页设计师有福利了,下面给大家介绍10款超有用的网页设计工具和资源. 1.Unheap 这里收集了N多的jQuery 插件,现在已经有726款. W eb Color Data 颜色提取器,只要输入网址就能够快速提取你想要的网站的颜色,赶紧试试吧. Screen Sizes 提供各种主流手机.平板.电脑的屏幕尺寸.分辨率及像素密度等. Topcoat Topcoat是Adobe最新推出的一款CSS框架.好看的UI.免费的字体和图标,高度定制化并且轻量级,能让你节省不少时间. CSS3 Gener

IOS-程序员和设计师必备的20个CSS工具

程序员和设计师必备的20个CSS工具 CSS工具是现今网站开发人员和设计人员使用的最必要和最重要的工具之一.这是因为这些CSS工具,可以为开发人员和设计人员简化手头的工作,大大减少web开发和设计工作所需的时间.而专业人员还可以在很短的时间跨度内,用一种更高效的执行方式,完成更多的工作.可惜的是,并非所有这些工具都是众所周知的.现在市场上有很多CSS工具.每一种工具都有着自己特定的功能. 其中最知名的CSS布局工具是Templatr.这工具可以帮助你创建网站,即使你对CSS和HTML所知甚少.有

17款提高编码效率的CSS工具

摘要:作为WEB前端开发人员,你的工作可能很大一部分都在编写CSS代码,为了提高前端开发人员编写CSS代码的效率,编程文库从 网上搜集了17款可以提高你CSS代码效率的CSS工具,它们可以帮助你快速生成CSS菜单.动画影像.按钮.滑块.动画文本.CSS形 状代码.全文请看:17款提高编码效率的CSS工具. 不用介绍,软件开发界的“地球人”都知道CSS,因为它是最流行的一种样式设计语言.学习和使用CSS已经不再是一件棘手的事,因为在网上可以获得很多信息教程和CSS工具.这些工具有助于你创造出有用的

css工具收集

收集一些css的生成工具,开发中可以直接拿过来用.特别是那些css3中的一些新的特性. 1  css渐变背景在线生成工具      http://www.colorzilla.com/gradient-editor/ 2  css3圆角在线生成工具      http://border-radius.com/ 3  网格布局在线生成工具     http://grid.mindplay.dk/ 持续更新...... 大家如果有用的好的前台工具给留言推荐下,我收集补充下.谢谢. css工具收集,布

2014 年 20 款最好的 CSS 工具

说到 WEB 设计,不得不介绍介绍 CSS 工具,CSS 工具在这里面扮演很重要的角色,可以简化无数开发者和设计师的工作,写出更好的 CSS 代码. 而网上有非常多的 CSS 工具,帮助设计师和开发者高效的工作和进行更多创新的创作,设计师和 web 开发者也把越来越多的 CSS 工具收入为自身的开发和设计利器. 在这篇文章中,我们罗列了 2014 年最好的 20 款 CSS 工具,希望能帮助大家简化自己的开发工作,创作出更多更好的创新作品.Enjoy! 1. Enjoy CSS 2. Keyfr

Red Gate系列之一 SQL Compare 10.4.8.87 Edition 数据库比较工具 完全破解+使用教程

Red Gate系列之一 SQL Compare 10.4.8.87 Edition 数据库比较工具 完全破解+使用教程 Red Gate系列之二 SQL Source Control 3.0.13.4214 Edition 数据库版本控制器 完全破解+使用教程 Red Gate系列之三 SQL Server 开发利器 SQL Prompt 5.3.4.1 Edition T-SQL智能感知分析器 完全破解+使用教程 Red Gate系列之四 SQL Data Compare 10.2.0.88

10个免费的跨浏览器测试工具推荐

10个免费的跨浏览器测试工具推荐 在多个平台上测试多种流利器不但是很困难的——它几乎不可能的,因为没有那些好的测试工具.今天我们为大家提供很多涉及到浏览器测试的选择,并且告诉你那些“顶级的浏览器测试工具”,你应该使用哪一个… 这前10名的免费跨浏览器测试工具没有特定的顺序,因为他们对于任何特定的设备都有同样有效.如果你手动去测试,可能既困难又耗费时间.因为你只能不断的安装更多的浏览器在你的设备上. 1.Browsera Browsera可以测试和报告在您的网站上的跨浏览器而已的差异和脚本错误.B

通过站点的訪问统计优化站点-10个免费的站点统计和分析工具

站点訪问统计能为你带来什么? 第一,查看訪问者的国家和地区: 第二,查看訪问者来源,如用是从搜索引擎,还是从其它网站的友情链接链接引入 第三,查看訪问者使用的操作系统,显示分辨率等 第四,查看站点哪些文章或页面訪问率较高,受用户欢迎 以下是10个免费的站点统计和分析工具: Google Analytics评分: 8/10 最好最著名的免费站点统计和解析工具.它尽可能提供一切你求之不得的数据.主要长处是没有不论什么限制. Google Analytics 不解析的东西: a. 你无法查看訪客的 I

盘点前 10 名的免费跨浏览器测试工具

原文: http://www.oschina.net/news/53246/free-cross-browser-testing-tools 在多个平台上测试多种浏览器不但是很困难的 – 它几乎不可能的,因为没有那些好的测试工具.今天,我们就为大家提供很多涉及到跨浏览器测试的选择,并且告诉你那些“顶级的浏览器测试工具”,你应该使用哪一个. 这前10名的免费跨浏览器测试工具没有特定的顺序,因为他们对于任何特定的设备都同样有效.如果你手动去测试,可能既困难又耗费时间.因为你只能不断的安装更多的浏览器