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

标签： 设计师 开发 css | 发表时间：2012-01-13 13:41 | 作者：
出处：http://www.iteye.com
尽管使用CSS可以实现很多漂亮的效果，但对于一些任务来说，实现起来比较费事。但是借助于一些工具，可以让你的项目更快地实现。本文将分享10款对于设计师和开发者非常实用的CSS工具。

1.  dabblet

一个交互式的CSS开发和代码共享工具。该工具托管于Github站点，提供了很多便利的CSS编辑功能。



2.  Sprite Cow

Sprite Cow是一个新的CSS Sprite（CSS精灵，是一种网页图片应用处理方式，允许你将一个页面涉及到的所有零星图片都包含到一张大图中去）工具，可以帮助你获取spritesheet中sprites的背景位置、宽度和高度等。



3.  CSSPrefixer

你讨厌写浏览器的第三方前缀？这种事情可以让CSSPrefixer来搞定。



4.  dochub

Dochub是一个出色的工具，用于浏览CSS/HTML/Js/Dom/jQuery文档。



5.  Gridlover

Gridlover用于创建一个建立于模块化级别和垂直架构的类型系统。



6.  FFFFALLBACK

一个用于网页排版的简单的工具。



7.  Spritemapper

Spritemapper可以将多个图片合并成一张，并针对相应的切片生成CSS位置代码。



8.  ReCSS

这个小书签可以轻松刷新你的CSS，当你开发动态应用时，它会为你带来极大的便利。可以在IE、Firefox中测试。



9.  Layer Styles

开源的CSS阴影、背景和边框生成器。



10.  PrimerCSS

该工具可以将你的CSS中的所有类和id挑出来，并放到初始样式表中。



英文原文： 10 New CSS Tools For Designer & Developer

感谢 wangguo 投递这篇资讯

已有 0 人发表留言，猛击->> 这里<<-参与讨论


ITeye推荐



相关 [设计师 开发 css] 推荐：

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

- - ITeye资讯频道
尽管使用CSS可以实现很多漂亮的效果，但对于一些任务来说，实现起来比较费事. 但是借助于一些工具，可以让你的项目更快地实现. 本文将分享10款对于设计师和开发者非常实用的CSS工具. 一个交互式的CSS开发和代码共享工具. 该工具托管于Github站点，提供了很多便利的CSS编辑功能. Sprite Cow是一个新的CSS Sprite（CSS精灵，是一种网页图片应用处理方式，允许你将一个页面涉及到的所有零星图片都包含到一张大图中去）工具，可以帮助你获取spritesheet中sprites的背景位置、宽度和高度等.

网页设计师必备的10个CSS技巧

- - 博客 - 伯乐在线
CSS是网页设计师的基础，对CSS的了解能使他们能够设计出更加美观别致的网页. 使用CSS技巧来巧妙地处理CSS是非常令设计师着迷的事情. 在CSS的深海世界里有很多有意思的东西，你只需要找到最适合你的就好. 当然我们不可能一下子就记住所有CSS的规则和语法，但为了以后的发展我们还是应该记住那些非常有用的CSS技巧.

设计师VS开发者

- - 互联网的那点事
几乎在每个角落你都会看到有人谈论或自称网页设计师、网页开发者. 这会是个引来热议的话题，让我们来分解这些术语，挖掘它们的含义和相互间联系. 首先，我们来站在每个职业各自的角度审视这个问题. 设计师使用图形和图形设计软件（例如 Adobe Photoshop, Illustrator 和 InDesign）来打造网页的外观.

每个网页设计师应该知道的10条CSS规则

- - 博客园_首页
通过网页设计师的大量CSS经验，我们会记住所有种代码语法，兼容性和片段. 有一些特定的CSS，可以真正帮助改变你的网站设计改变较旧的技术规则和声明. 这里是我收集到的很有用的10条CSS规则. 如果需要支持老版本的浏览器，那你就必须坚持使用css1的媒体描述符screen和print，到底是哪些老版本的浏览器，没有查.

(转)豆瓣css开发规范

- Hu DongHai - 小豪~麦穗的部落格
今天无意间看到了豆瓣的一些前端开发规范，攻城师作战指南. 里面的Javascript代码风格规范 差不多就是基本的javascript规范，主要还是分享一下 css部分的规范. 因为规范是在google docs上，需要穿过篱笆，所以我就直接帖过来了，一起学习一下哈. ——————————————–华丽的分割线————————————————.

10 个加速 CSS 开发的框架

- Tairan Wang - ITeye资讯频道
CSS 可以做很多事情，但开发者更习惯的是变量、常量和一般的更快速的语法，而 CSS 本身是不支持的. 本文介绍了 10 个 CSS 预处理器，让 CSS 支持一些简单的编程语法，使Web开发更高效. Compass 是一个开源的 CSS 制作框架. 针对个人框架开发时，其非常简单、易用. 这是一个很棒的 CSS 预处理器，可以让开发者制作插件，要求 PHP 以及 Apache (mod_deflate 和 mod_rewrite).

网易邮箱的CSS开发（一）

- - 博客 - 伯乐在线
网易邮箱是个庞大而且细节繁多的系统，注定了前端开发中样式管理的复杂程度非常高. 如果没有一个合理的体系来管理样式，开发和维护的难度是不可想象的. 从极速3.5版本开始，我们就一直遵循并不断改善这套规则，现在就来分享一下~. 在错综复杂的样式面前，CSS显得过于简陋. 于是我们不得不人为的加上一些思维方式和规则来帮助我们管理样式.

高效CSS开发核心要点

- - blog.moocss.com
本文参考了业界规范及主流趋势，详尽整理了CSS开发中需要注意的要点以及关乎性能的一些问题，希望对您有所帮助，也可收藏作为参考. 本文来源：http://www.ituring.com.cn/article/1745. 1.1 把CSS放在HTML页面头部. 由于浏览器需要在所有的样式表加载完成后才能开始渲染页面，样式表加载完成之前页面会一直显示空白，因此需要将样式表放在头部.

50 款简化 CSS 开发的实用工具和生成器

- - 畅之部落格
这些CSS工具都是很适合网页设计题使用，已经为大家分好类别，请自行点击导航快速浏览：. CSS Sprites | CSS精灵. 网格和布局，CSS 优化，CSS 菜单工具，CSS 按钮，CSS 圆角，CSS 框架，CSS Sprites，CSS 排版以及 CSS 表单. 新颖的 CSS 网格工具，可用于简化内容管理系统的页面模板，轻巧易用.

13个最常用的CSS和HTML快速开发工具

- - ITeye资讯频道
英文原文： 13 Most Used Speedy Tools To Write CSS And HTML Code. CleverCSS是个用于CSS开发的小型标记语言，从Python中得到灵感. 可以开发出干净、结构清晰的样式表. 在许多方面它比CSS2都更简洁、强大. 它与CSS最明显不同之处在于语法：CleverCSS采用了缩进式语法而不是对齐.