#点击图片申请北京、南京元创汇#
前端开发很神奇：上手容易，成为高手却很难。 有很多事情需要考虑，有很多调整，有很多细节来确保一切都恰到好处。 幸运的是，开发人员和设计师仍然致力于为我们提供有用的工具和资源，以提高我们的技能，让我们做得更好。
因此，明天我将为您收集一系列节省时间、有用的 HTML、CSS 和 JavaScript 资源。 我希望这个工具能帮助您提高专业技能和工作流程。
HTML 和 CSS 工具
初始化
该工具创建基于 HTML5 Boilerplate 的可自定义模板。 在 JavaScript 和 jQuery 之间进行选择，决定是否需要示例内容，并指定兼容性和服务器配置要求。 您将获得一个包含 Boilerplate 主要功能的模板来启动您的项目。
图层样式
一个非常简单的工具，可以以直观的方式创建 CSS - 很像图形编辑器。 该工具允许您添加阴影、内阴影、背景、边框和圆角并生成跨浏览器的 CSS 代码。
移动样板
用于创建丰富且高性能的联通 Web 应用程序的模板。 可以保证各种浏览器的兼容性。 它不仅兼容各种高端智能手机，还兼容老版本的黑莓、塞班、谷歌联通平台。
时尚
该工具会在所有浏览器中重新加载页面的样式表（而不是 HTML），甚至可以配置为同时在多个浏览器中手动重新加载页面。 该工具不托管您的网站，而是运行您网站本身的本地服务器。 要使用它，只需安装 NodeJS 和 npm 即可。
css-x-火
该工具允许通过 Firebug CSS 编辑器在 IDE 中编辑 CSS 属性css模板怎么用，并允许开发人员专注于 CSS 样式而无需刷新浏览器。
Fff后备
一个小书签，可让您测试不同的字体堆栈以找到最佳结果。 它会扫描页面的 CSS 并创建一个克隆页面，您可以在其中测试和分析不同的后备字体。
适用于 Mac OS X 的 CodeKit
CodeKit 可帮助您构建更好、更快的网站。 每次保存时都会手动编译所有内容：Process Less、Sass、Stylus、Jade、Haml、Slim、CoffeeScript、Javascript 和 Compass 文件。 轻松设置每种语言的选项。
少样板文件
用 Less 编写的样板 CSS，包括 CSS 重置、CSS3 帮助器、中心列块等。
针 v0.1a1
Needle 是一个方便的工具，可让您通过截取网站部分屏幕截图并将其与其他屏幕截图进行比较来测试 CSS 是否正确渲染。 它还提供了用于测试估计的 CSS 值和 HTML 元素位置的工具。
精灵映射器
该应用程序将多张图像合并为一张，并为相应的图块生成 CSS 定位； 通过减少图像数量并更好地利用连接，CSS spritemapping 可以减少网站的加载时间。
规范化.css
Normalize.css 采用稍微不同的 CSS 重置方法。 Jonathan Neal 和 Nicolas Gallagher 没有清除所有浏览器默认设置，而是花时间研究不同浏览器如何处理不同的代码片段，然后保留这些有用的默认设置。 它可以节省您作为设计师的时间，同时还提供一致的结果。
禅宗编码
Zen Coding 是一个用于高速编码和编辑的编辑器插件。 该插件的核心是一个强大的速记引擎，允许您将表达式（类似于 CSS 选择器）扩展为 HTML 代码。
CSS 压力测试和性能分析
Andy Edinborough 可以在几乎所有浏览器中运行他所谓的“CSS 压力测试”代码。
个人计算机安全系统
一个基于 PHP 的 CSS 预处理器，可帮助您使用更少的代码解锁 CSS3 功能，例如类嵌套、服务器端浏览器详细信息、默认单位和变量。 该工具需要 PHP5。
JavaScript 工具
现代化2
Modernizr 是一个广泛使用的开源 JavaScript 库，可帮助您构建 HTML5 和 CSS3 支持的网站。 功能检查现在可以与媒体查询和条件资源加载相结合css模板怎么用，为您提供在各种情况下进行优化的能力和灵活性。
适合文本
FitText 是一个用于响应式和流畅布局的 jQuery 插件，可调整显示文本的大小以适合父元素。 它也是一个很好的解决方案，可用于创建在从大型连接设备到 30 英寸桌面显示器等各种设备上看起来都很棒的游戏。
jQuery 路点
Waypoint 是一个大型 jQuery 插件，可让您在滚动到组件时轻松执行功能。
连字js
此 Java 脚本允许您通过浏览网页上的文本并在适当的位置插入连字，将文本模式转换为常见的印刷连字。
强类型
一个 JS 库，允许您指定各种类型（布尔值、数字、字符串等）和常量（Java 中的最终属性）的强类型属性。 它使用 ES5 getter 和 setter，并在不支持的浏览器中恢复为常规的松散类型属性。
咖啡因
对 JavaScript 语法的扩展试图使其更易于使用。 与 JavaScript 非常相似，代码可以直接编译为 JavaScript。
Crossroads.js
一个 JS 路由库，受到 Rails、Pyramid、Django、CakePHP、CodeIgniter 等框架上存在的 URL 路由/调度实用程序的启发。它解析字符串输入，并通过将字符串与多个模式进行匹配来决定执行哪个操作。
HEAD.js
一个可以增强、简化和现代化您的网站的脚本 - 简洁地解决常见问题。 您可以加载图像等脚本，并安全地使用 HTML5 和 CSS3。
JavaScript 网格
基于 JavaScript 的覆盖网格 - 只需将这段代码拖到书签栏中，打开 URL 并单击书签即可。
网格计算器
一款计算器，可帮助您轻松创建自己的网格并将其下载到 Adobe Illustrator 或 Photoshop。
干锅网
一种干净简单的方法来帮助您调整布局。 您所要做的就是将规范放在提供的 URL 后面，以使后台启动映像在您的浏览器上运行。 网格是动态创建的，因此任何组合都可以工作。
福利
只要你在5月12日24:00之前在“”评论区留言，写下你用过的最好的开源项目和项目地址，并解释为什么你认为它是最好的，前十名用的是点赞最多即可获得开源中国送的编程利器！ ！ ！
