10个针对设计师/开发者的实用CSS工具推荐

     <div id="news_body">     <p>        尽管使用 CSS 可以实现很多漂亮的效果，但对于一些任务来说，实现起来比较费事。但是借助于一些工具，可以让你的项目更快地实现。本文将分享 10 款对于设计师和开发者非常实用的 CSS 工具。</p>     <p>        <a href="/misc/goto?guid=4958325616611758306" target="_blank"><strong>1.   dabblet</strong></a></p>     <p>        一个交互式的 CSS 开发和代码共享工具。该工具托管于 Github 站点，提供了很多便利的 CSS 编辑功能。</p>     <p style="text-align:center;"><img alt="10个针对设计师/开发者的实用CSS工具推荐" src="https://simg.open-open.com/show/75b15e9043c006fb15f9dd12c01549a3.jpg" width="550" height="250" /></p>     <p>        <a href="/misc/goto?guid=4958322165925741766" target="_blank"><strong>2.   Sprite Cow</strong></a></p>     <p>        Sprite Cow 是一个新的 CSS Sprite（CSS 精灵，是一种网页图片应用处理方式，允许你将一个页面涉及到的所有零星图片都包含到一张大图中去）工具，可以帮助你获取 spritesheet 中 sprites 的背景位置、宽度和高度等。</p>     <p style="text-align:center;"><img alt="10个针对设计师/开发者的实用CSS工具推荐" src="https://simg.open-open.com/show/acb7b3706708b9938e2ee86344889845.jpg" width="550" height="250" /></p>     <p>        <a href="/misc/goto?guid=4958318556908665236" target="_blank"><strong>3.   CSSPrefixer</strong></a></p>     <p>        你讨厌写浏览器的第三方前缀？这种事情可以让 CSSPrefixer 来搞定。</p>     <p style="text-align:center;"><img alt="10个针对设计师/开发者的实用CSS工具推荐" src="https://simg.open-open.com/show/583cd15d81be77902d7e0a5fa1b57025.jpg" width="550" height="250" /></p>     <p>        <a href="/misc/goto?guid=4958325618884323190" target="_blank"><strong>4.   dochub</strong></a></p>     <p>        Dochub 是一个出色的工具，用于浏览 CSS/HTML/Js/Dom/jQuery 文档。</p>     <p style="text-align:center;"><img alt="10个针对设计师/开发者的实用CSS工具推荐" src="https://simg.open-open.com/show/37397f7f9c3f6725882014ce42d1821b.jpg" width="550" height="250" /></p>     <p>        <a href="/misc/goto?guid=4958325619692369656" target="_blank"><strong>5.   Gridlover</strong></a></p>     <p>        Gridlover 用于创建一个建立于模块化级别和垂直架构的类型系统。</p>     <p style="text-align:center;"><img alt="10个针对设计师/开发者的实用CSS工具推荐" src="https://simg.open-open.com/show/85d1b31e29fcf744b20f821c835947ae.jpg" width="550" height="250" /></p>     <p>        <a href="/misc/goto?guid=4958325620489190409" target="_blank"><strong>6.   FFFFALLBACK</strong></a></p>     <p>        一个用于网页排版的简单的工具。</p>     <p style="text-align:center;"><img alt="10个针对设计师/开发者的实用CSS工具推荐" src="https://simg.open-open.com/show/c949be7b01fe66fb0268823b90f097e1.jpg" width="550" height="250" /></p>     <p>        <a href="/misc/goto?guid=4958325621283546918" target="_blank"><strong>7.   Spritemapper</strong></a></p>     <p>        Spritemapper 可以将多个图片合并成一张，并针对相应的切片生成 CSS 位置代码。</p>     <p style="text-align:center;"><img alt="10个针对设计师/开发者的实用CSS工具推荐" src="https://simg.open-open.com/show/0aee6e103ea0ecef9050682c07bfaadc.jpg" width="550" height="250" /></p>     <p>        <a href="/misc/goto?guid=4958325622077500856" target="_blank"><strong>8.   ReCSS</strong></a></p>     <p>        这个小书签可以轻松刷新你的 CSS，当你开发动态应用时，它会为你带来极大的便利。可以在 IE、Firefox 中测试。</p>     <p style="text-align:center;"><img alt="10个针对设计师/开发者的实用CSS工具推荐" src="https://simg.open-open.com/show/0945f86f94d1540ebfc869af01f4f8b7.jpg" width="550" height="250" /></p>     <p>        <a href="/misc/goto?guid=4958325622875643429" target="_blank"><strong>9.   Layer Styles</strong></a></p>     <p>        开源的 CSS 阴影、背景和边框生成器。</p>     <p style="text-align:center;"><img alt="10个针对设计师/开发者的实用CSS工具推荐" src="https://simg.open-open.com/show/58ee29344597f37fd28ebc97c54519a6.jpg" width="550" height="250" /></p>     <p>        <a href="/misc/goto?guid=4958325623673203747" target="_blank"><strong>10.   PrimerCSS</strong></a></p>     <p>        该工具可以将你的 CSS 中的所有类和 id 挑出来，并放到初始样式表中。</p>     <p style="text-align:center;"><img alt="10个针对设计师/开发者的实用CSS工具推荐" src="https://simg.open-open.com/show/f627daad954373eee8952696a6a9cc14.jpg" width="550" height="250" /></p>     <p>        英文原文：<a href="/misc/goto?guid=4958325624467654750" target="_blank">10 New CSS Tools For Designer & Developer</a></p>     <div id="come_from">      来自:      <a id="link_source2" href="/misc/goto?guid=4958325625268230682" target="_blank">www.iteye.com</a>     </div>    </div>