🎶 Sym - 一款用 Java 实现的现代化社区(论坛/BBS/社交网络/博客)平台

📕 思源笔记 - 一款桌面端笔记应用,支持 Windows、Mac 和 Linux

🎸 Solo - B3log 分布式社区的博客端节点,欢迎加入下一代社区网络

♏ Vditor - 一款浏览器端的 Markdown 编辑器

17 个可以节省你时间的 CSS 工具

 

原文: 14 CSS Tools to Save you Time
译文:17个可以节省你时间的CSS工具
作者:Brett  / 翻译:Chada

作为一个网站设计/开发人员,你必须不断寻找方法来减少设计/开发过程中所花费的时间。这对于提高你的工作效率并最大化你的利润是非常重要的。下面介绍的按功能分类的CSS工具可以有效地节省你设计网站的时间。

优化/格式化类

1、CSSTidy  - CSS Tidy是一个开源的CSS分析和优化工具;
2、CleanCSS  - CleanCSS是一个基于CSS Tidy的强大的CSS优化和格式化工具。Chada 曾经介绍过这个在线工具,在这里
3、CSS Optimizer - CSS Optimizer可以通过优化压缩CSS样式文件大小。
4、CSS Analyzer  - CSS Analyzer可以帮助你检查你的CSS样式是否符合W3C的认证。

字体类

1、Em Calculator  - EM Calculator可以帮助你计算px与em之间的转换。
2、CSS Font and Text Style Wizard  - 这个小工具可以很方便地将你的CSS样式呈现出来。

表格类

1、CSS Form Code Maker  - 很方便地生成“五颜六色的BOX布局”的表格。
2、JotForm  - JotForm是一个“所见即所得”的表格生成器。

导航/按钮类

1、CSS Buttons  - CSS按钮和文本在线生成工具。
2、CSS Menu Generator  - CSS Menu Generator可以同时生成基于CSS和HTML代码的漂亮的按钮。

生成器

1、CSS Creator  - Css Creator是一个可以创建自适应宽度或者是固定宽度的浮动布局生成器,可以生成带有Header和Footer的三栏布局。
2、QrONE CSS Designer  - QrONE是一个CSS在线生成与编辑器。
3、Web 2.0 Generator  - Web 2.0 Generator可以利用HTML和CSS生成一个完整的网站布局。
4、CSS Mate  - CSS Mate是一个在线CSS编辑器。

除了上面译文中的14个小工具外,Chada 还介绍过如下几款小工具,它们也是非常棒的,你可以打开下面的文章看它们的详细介绍:

1、CSS Menu Maker - 在线生成丰富多样的CSS导航按钮。
2、CSS Type Set  - 在线轻松调试CSS文本样式。
3、CSS Frame Generator  - 写好DIV架构之后,使用这个在线工具可以很快生成CSS样式结构表。


欢迎注册黑客派社区,开启你的博客之旅。让学习和分享成为一种习惯!

留下你的脚步