大家在使用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发表的博客原文。

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

  1. 2014 年 20 款最好的 CSS 工具

    说到 WEB 设计,不得不介绍介绍 CSS 工具,CSS 工具在这里面扮演很重要的角色,可以简化无数开发者和设计师的工作,写出更好的 CSS 代码. 而网上有非常多的 CSS 工具,帮助设计师和开发者 ...

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

    摘要:作为WEB前端开发人员,你的工作可能很大一部分都在编写CSS代码,为了提高前端开发人员编写CSS代码的效率,编程文库从 网上搜集了17款可以提高你CSS代码效率的CSS工具,它们可以帮助你快速生 ...

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

    程序员和设计师必备的20个CSS工具   CSS工具是现今网站开发人员和设计人员使用的最必要和最重要的工具之一.这是因为这些CSS工具,可以为开发人员和设计人员简化手头的工作,大大减少web开发和设计 ...

  4. 10最好用的Node.js工具、插件和资料库

    每一个称职的程序员都应该拥有一套极好的工具来提高自己的工作效率.在Livecoding.tv 上,那里的程序员分享了10个他们认为是最好用的工具.插件和资料库.据说,以下的这10个工具是使用Node. ...

  5. css工具收集

    收集一些css的生成工具,开发中可以直接拿过来用.特别是那些css3中的一些新的特性. 1  css渐变背景在线生成工具      http://www.colorzilla.com/gradient ...

  6. 如何快速掌握CSS（各种CSS工具）

    CSS中的大量属性难以记忆,通过组合多种CSS工具,可以快速学习常见样式,并提高设计效率.这里给大家推荐一些比较好的在线工具,通过所见即所得图形化界面设计样式,直接得到对应的CSS代码.相比臃肿的集成 ...

  7. 17款提高编程效率的css工具

    参看下面链接:<17款提高编程效率的css工具>

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

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

  9. 【转】10条你不可不知的css规则

    10条你不可不知的css规则 Posted on 2006-12-20 10:33 雨中太阳 阅读(343) 评论(1) 编辑 收藏 :[译]10条你不可不知的css规则正文: Published D ...

随机推荐

  1. 笔记：Binder通信机制

    TODO: 待修正 Binder简介 Binder是android系统中实现的一种高效的IPC机制,平常接触到的各种XxxManager,以及绑定Service时都在使用它进行跨进程操作. 它的实现基 ...

  2. BootStrap_02之全局样式及组件

    1.BootStrap指定的四种屏幕尺寸: ①超大PC屏幕--lg(large):w>=1200px: ②中等PC屏幕--md(medium):1200px>w>=992px: ③P ...

  3. 如何进行python性能分析？

    在分析python代码性能瓶颈,但又不想修改源代码的时候,ipython shell以及第三方库提供了很多扩展工具,可以不用在代码里面加上统计性能的装饰器,也能很方便直观的分析代码性能.下面以我自己实 ...

  4. Javascript正则对象方法与字符串正则方法总结

    正则对象 var reg = new Regexp('abc','gi') var reg = /abc/ig 正则方法 test方法(测试某个字符串是否匹配) var str = 'abc123'; ...

  5. bzoj3095--数学题

    题目大意:给定一个长度为n的整数序列x[i],确定一个二元组(b, k)使得S=Σ(k*i+b- x[i])^2(i∈[0,n-1])最小 看Claris大神的题解就行了.实际上就是用2次二次函数的性 ...

  6. 2-1 Linux 操作系统及常用命令

    根据马哥linux初级视频 2-1.2-2来编辑 1. GUI与CLI GUI: Graphic User Interface CLI: Command Line Interface 注:在Windo ...

  7. BZOJ 3894: 文理分科 [最小割]

    3894: 文理分科 Time Limit: 10 Sec  Memory Limit: 512 MBSubmit: 674  Solved: 392[Submit][Status][Discuss] ...

  8. 如何让spring mvc web应用启动时就执行特定处理

    Asp.Net的应用中通过根目录下的Global.asax,在Application_Start方法中做一些初始化操作,比如:预先加载缓存项对网站热点数据进行预热,获取一些远程的配置信息等等. Spr ...

  9. javascript运动学教程

    本文系笔者学习原生javascript动效的笔记.内容基于某非著名培训机构的视频教程.并重新做了归类整理.删除了一些过时的内容.并重做了GIF图,加上了自己的一些分析. 一. 运动学基础 引子:从左到 ...

  10. java根据html生成摘要

    转自:http://java.freesion.com/article/48772295755/ 开发一个系统,需要用到这个,根据html生成你指定多少位的摘要 package com.chendao ...