英文原文：Amazingly Useful HTML, CSS and JavaScript Tools and Libraries

前端开发很巧妙: 它入门很容易，可是想要成为大牛却很难。有太多的工作需求思索，四处都有需求微调的地方，太多的细节处置才干包管让一切都方才好。侥幸的是，开发者和设计师不断努力于为我们供给有效的Tools和资本，来进步我们的技艺、让我们做的更好。

所以今日我搜集一系列省时的、有效的 HTML、CSS 和 JavaScript 资本给大师。我盼望这些Tools将协助您进步专业技艺和任务流程。

HTML 和 CSS Tools

• Initializr
  此Tools创立一个基于 HTML5 Boilerplate 的可自界说模板。 在 JavaScript 和 jQuery 之间实行选择，决议能否要样本内容，并指定兼容性和Server设置装备摆设需求。 您将取得一个具有 Boilerplate 首要功用的模板，以Start您的项目。

• Layer Styles
  一个十分容易的Tools，以直观的方法来创立 CSS ——十分像一个图形编辑器。该Tools答应您添加暗影、内暗影、布景、鸿沟和圆角和生成跨阅读器的 CSS 代码。

• Mobile Boilerplate
  一个可以创立丰厚的和高功能的挪动 Web 使用顺序模板。它可以包管各类阅读器的兼容性，不只能兼容各类高端智能机，也能兼容旧版的黑莓、塞班、和微软的挪动平台。

• Vogue
  该Tools在一切阅读器中从头加载页面的款式表（而不是 HTML ），乃至可以设置装备摆设为在多个阅读器中同时主动从头加载页面。 该Tools不托管您的网站，而是运转您的网站自身的当地Server。 要运用它，只需装置 NodeJS 和 npm 。

• css-x-fire
  此Tools答应从 Firebug CSS 编辑器编辑 IDE 中的 CSS 属性，并答应开发职员专注于 CSS 款式，而无需刷新阅读器。

• Ffffallback
  一个可让您测试分歧字体栈以找到最好后果的书签。它扫描页面的 CSS 并创立一个克隆页面，您可以在此中测试和剖析分歧的 fallback 字体。

• CodeKit for Mac OS X
  CodeKit 可以协助您更快更好地构建网站。每次保管时，城市主动编译一切：Process Less、Sass、Stylus、Jade、Haml、Slim、CoffeeScript、Javascript 和 Compass 文件。轻松设置每种言语的选项。

• Less-Boilerplate
  以 Less 方式编写的 Boilerplate CSS，包含 CSS 重置、CSS3 协助器，中间列块等等。

• Needle v0.1a1
  Needle 是一个便利的Tools，您可以经过截取网站的部分外容并与其他屏幕截图实行比拟来测试 CSS 能否准确出现。它还供给测试盘算 CSS 值和 HTML 元素地位的Tools。

• Spritemapper
  该使用顺序将多个图象兼并为一个，并为响应的切片生成 CSS 定位; 经过减少图象的数目和更好天时用衔接，CSS spritemapping 可以减少您的网站的加载工夫。

• Normalize.css
  Normalize.css 对 CSS 重置采用了略微分歧的办法。Jonathan Neal 和 Nicolas Gallagher 并没有消弭一切的阅读器默许值，而是花工夫研讨分歧的阅读器怎么处置分歧的代码段，然后保存那些有效的默许值。它节俭了您作为设计师的工夫，同时也供给一致的后果。

• Zen Coding
  Zen Coding 是一个高速编码和编辑的编辑器插件。这个插件的中心是一个弱小的缩写引擎，它答应您将表达式（相似于 CSS 选择器）扩大为 HTML 代码。

• CSS Stress Testing and Performance Profiling
  Andy Edinborough 简直能在一切阅读器中运转它所谓的“ CSS 压力测试”代码。

• PCSS
  一个 PHP 驱动的 CSS 预处置器，可以协助您以更少的代码开释 CSS3 的功用，如类嵌套、Server端阅读器细节、默许单元和变量。该Tools需求 PHP5。

JavaScript Tools

• Modernizr 2
  Modernizr 是一个普遍运用的开源 JavaScript 库，可以协助您构建 HTML5 和 CSS3-powered 的网站。如今可以将功用检测与媒体查询和前提资本加载相联合，这为您供给了在各类状况下实行优化的才能和灵敏性。

• FitText
  FitText 是用于呼应和流利结构的 jQuery 插件，可以调剂显示文本的巨细以适应父元素。它也是一个很好的处理计划，用于创立从小型挪动装备到30英寸桌面显示器，一切内容都能很好显示的题目。

• jQuery Waypoints
  Waypoint 是一个小型 jQuery 插件，可以在您转动到组件时轻松履行某个功用。

• ligature-js
  该 Java 剧本答应您经过阅读网页上的文本并在恰当的地位拔出连字，将文本形式转换为通用的印刷排版连字。

本文中的一切译文仅用于进修和交换目标，转载请务必注明文章译者、出处、和本文链接。 2KB翻译任务按照 CC 协定，假如我们的任务有进犯到您的权益，请实时联络我们。

2KB项目（www.2kb.com，源码交易平台）,提供担保交易、源码交易、虚拟商品、在家创业、在线创业、任务交易、网站设计、软件设计、网络兼职、站长交易、域名交易、链接买卖、网站交易、广告买卖、站长培训、建站美工等服务