大家在使用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. Linux平台 Oracle 10gR2（10.2.0.5）RAC安装 Part3：db安装和升级

    Linux平台 Oracle 10gR2(10.2.0.5)RAC安装 Part3:db安装和升级 环境:OEL 5.7 + Oracle 10.2.0.5 RAC 5.安装Database软件 5. ...

  2. redux学习

    redux学习: 1.应用只有一个store,用于保存整个应用的所有的状态数据信息,即state,一个state对应一个页面的所需信息 注意:他只负责保存state,接收action, 从store. ...

  3. Android 问题汇总（持续更新）

    Q1:Error:(93, 12) 错误: 需要常量表达式 问题描述:这个问题是在添加一个module到项目中时遇到的,主要原因是因为原来module中的R文件是不会以final形式存在的,但是在mo ...

  4. Android混合开发之WebView与Javascript交互

    前言: 最近公司的App为了加快开发效率选择了一部分功能采用H5开发,从目前市面的大部分App来讲,大致分成Native App.Web App.Hybrid App三种方式,个人觉得目前以Hybri ...

  5. Shell碎碎念

    1. 字符串如何大小写转换 str="This is a Bash Shell script." 1> tr方式 newstr=`tr '[A-Z]' '[a-z]' < ...

  6. java使用websocket，并且获取HttpSession，源码分析

    转载请在页首注明作者与出处 http://www.cnblogs.com/zhuxiaojie/p/6238826.html 一:本文使用范围 此文不仅仅局限于spring boot,普通的sprin ...

  7. SQLServer如何添加try catch

    在.net中我们经常用到try catch.不过在sqlserver中我们也可以使用try catch捕捉错误,在这里把语法记录下来和大家分享一下, --构建存储过程CREATE PROCEDURE ...

  8. IIS启动失败，启动Windows Process Activation Service时，出现错误13：数据无效 ;HTTP 错误 401.2 - Unauthorized 由于身份验证头无效，您无权查看此页

    因为修改过管理员账号的密码后重启服务器导致IIS无法启动,出现已下异常 1.解决:"启动Windows Process Activation Service时,出现错误13:数据无效&quo ...

  9. Hacker Rank: Two Strings - thinking in C# 15+ ways

    March 18, 2016 Problem statement: https://www.hackerrank.com/challenges/two-strings/submissions/code ...

  10. Netty构建分布式消息队列（AvatarMQ）设计指南之架构篇

    目前业界流行的分布式消息队列系统(或者可以叫做消息中间件)种类繁多,比如,基于Erlang的RabbitMQ.基于Java的ActiveMQ/Apache Kafka.基于C/C++的ZeroMQ等等 ...