As a web designer/developer you must continue to find ways to reduce the time it takes to design/develop websites. This is very important to improve your productivity and to maximize your profits. The CSS Tools below, which are categorized by function, are here to save you time designing websites.
Optimizer/Formatter
- CSSTidy - CSS Tidy is an open source CSS parser and optimiser.
- CleanCSS - CleanCSS is a powerful CSS optimizer and formatter. Based on CSSTidy
- CSS Optimizer - CSS Optimizer reduces the file size of cascading style sheets.
- CSS Analyzer - CSS Analyzer allows you to check the validity of your CSS against the W3C’s validation service
Font
- Em Calculator - EM Calculator calculats pixel font sizes to ems.
- CSS Font and Text Style Wizard - This wizard is good to experiment with font and text styles and generate sample CSS style source code.
Forms
- CSS Form Code Maker - Generates ‘Colorful Box Layout’ For Forms
- JotForm - JotForm is a web based WYSIWYG form builder
Navigation/Buttons
- CSS Buttons - Css Button and Text field Generator.
- CSS Menu Generator - CSS Menu Generator will generate both the CSS and the HTML code required to produce a text-based yet appealing set of navigation buttons.
Generator
- CSS Creator - Css Creator is a layout generator that will create a fluid or fixed width floated column layout, with up to 3 columns and with header and footer.
- QrONE CSS Designer - QrONE is an online CSS generator and editor.
- Web 2.0 Generator - Web 2.0 Generator creates a full website layout with HTML and CSS.
- CSS Mate - CSS Mate is an online CSS editor.
If you have any more tools that could help you save time then please comment below.
Popularity: 100%
作为一个网站设计/开发人员,你必须不断寻找方法来减少设计/开发过程中所花费的时间。这对于提高你的工作效率并最大化你的利润是非常重要的。下面介绍的按功能分类的CSS工具可以有效地节省你设计网站的时间。Chada在这基础上增加了三个自己曾经介绍过的工具。
优化/格式化类
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样式结构表。
如果你有知道的其他可以节省时间的CSS在线工具,欢迎写下评论把它[们]介绍给Chada。
-
使用CSS开发时髦的导航栏(一)
除非限制你自己只做单个页面的网站,否则你都需要导航栏。事实上,导航栏是任何网站设计中最主要的部分之一,如果希望用户很容易的在你的站点移动,导航栏的设计需要大量的思考。 制作容易的站点导航栏是CSS真...
-
CSS渐变文本效果
你是否想不用photoshop来创建一个带渐变的标题文字吗? 这里用一个简单的css技巧来向你展示如何仅仅使用css和png图片来制造这种效果. 经测试这种方法适合大多数主流浏览器.当然, IE6需...
-
使用CSS开发时髦的导航栏(二)
我能够使用CSS和列表创造有子菜单的导航栏吗? 有时候我们需要超过一级的导航栏 – 可是在CSS里面用样式化的列表能够创建多级导航栏吗? 解决方案 在一个导航系统中显示子菜单最好的办法是在一个列...
-
使用CSS开发时髦的导航栏(三)
如何使用CSS和列表构造一个水平菜单? 到目前为止,我们能够处理垂直导航栏了—这种导航栏在一个中间是主要内容的网站左边或右边很容易被看到。然而,导航栏也常常被做成水平菜单紧挨在文本上方。 解决方案 ...
-
设计者的框架
这是A List Apart上面一篇关于CSS设计框架的文章,初次上yeeyan翻译,包涵包涵,站点还不是很会用。有错误希望指正。
-
使用CSS开发时髦的导航栏(五)
如何CSS替换基于图片的导航栏 创建一张图片做为导航“按钮”依然是开发站点导航栏的通常做法。这张图片上通常还包括每个导航指向项目的文字说明。用图片做导航按钮会带来很多问题: l 每次增加一个新的...
-
CSS Hacks 和 问题解决
这篇文章包括了8个非常有用的解决办法, 在进行css设计遇到问题时你就会用到它们.
-
2008 Web设计潮流走势
之所以翻译这篇文章,不是让大家欢欣鼓舞的去跟随这些所谓的“潮流走势”,正好相反,我是想提醒大家:小心,这些风格可能马上就要过时了。 当某种风格一旦成为了可以归类的“潮流”,那就意味着,它离过时已...
相关小组
标签:

14个可以节省你时间的CSS工具
译者: