13个最常用的CSS和HTML快速开发工具
2012-02-10 09:22
363 查看
本文例举了13个最常用的CSS和HTML快速开发工具,供开发者学习与参考。一起来看下吧。
1.CleverCSS
CleverCSS是个为CSS开发而产生的小型的标记语言,它的设计灵感来自Python,使得能够以一种简洁、结构化的方式构建样式表。在很多方面,它比CSS2更加爱简洁和强大。
它与CSS最明显的不同之处在于语法:基于缩进而不是flat,很明显这有违Python指导,但这也不失为构建结构化样式的好点子。
2.Sass
Sass令CSS又有趣起来,它对CSS3进行了扩展,增加了嵌套规则、变量、混入、选择器继承等语法,可以使用命令行工具或网络框架插件,将其转化为良好格式的标准CSS。
3.Sajax
Sajax是一种使用Ajax framework来构建网站的开源工具,它使得通过JavaScript调用PHP,Perl或Python函数更加简便,而不产生页面刷新。该工具为你做了99%的工作,没有理由不用用。
Komodo Edit for Perl,Python,Tcl,PHP,Ruby,Javascript
4.
Komodo Edit一个小型快速开源编辑器,要替换你信任已久的代码编辑器很难,但若给Komodo Edit一个机会,它一定不会让你失望的。
它支持Windows、Mac、Linux,支持PHP, Python, Ruby, JavaScript, Perl, Tcl, XML, HTML 5, CSS3语法着色、代码折叠、后台语法检查、超强的自动补全和calltips。
CSSTidy
5.
CSSTidy是一个开源CSS转化和优化工具,它能在Windows、Linux、OSX下执行,可以像PHP脚本一样由每行代码来控制行为。
与其他大多数CSS转换工具相反,它不实用任何常规的表达式,从而CSSTidy能够对CSS2完美支持并提供高可靠性。
6.Less
Less是一种动态样式表语言,LESS将CSS进行了扩展,添加例如变量、混入、操作符以及函数语法。LESS能够依靠Node.js与Rhino运行于客户端和服务器端。
7.Vim
Vim是一个高度可配置的高效文本编辑器,被大多数的UNIX系统广泛使用,Vim是一个免费的慈善共享软件。
8.HSS
HSS是个扩展了CSS语法的工具,拥有强大的特性,例如:变量、嵌套块。HSS是一个CSS编译器,它支持CSS语法验证,当在转换过程中出现语法错误时,它将指出错误具体出现在哪个文件的哪一行。
9.Zen Coding- 一种开发HTML与CSS代码的全新方式
Zen Coding是一个高速HTML,XML,XSL辑插件,该插件的核心是一个强大的缩写引擎,它允许你将扩展表达式(类似于CSS选择器)插入到HTML代码中。
10.XCSS
首个面向对象的Css Framework,能让你的工作流更加简洁,xCSS基于CSS,并在开发复杂样式提供处理面向对象的工作流。
11.Haml
Haml是一种标记语言,不使用内联代码简洁地描述HTML。Haml可替代例如PHP,ASP和ERB等嵌入的页面模板系统,该模版语言多用于Ruby on Rails应用。
12.Markup Generator
Markup Generator是一个创建xhtml/css代码的简单工具,能够减少搭建无聊de最初框架代码,它能生成xhtml标签以及非常直观的css框架,以加速开发。它缩减了语法,以便让你直接对页面元素进行渲染。
13.BluePrint
BluePrint是一个CSS框架,旨在缩短你的开发时间,它提供给你一个稳固的构建基础,让你能够在易用的css网格系统、提供合理排版甚至打印样式的基础之上构建你的项目。
文章出自:technotab
译文出自:开源中国社区
1.CleverCSS
CleverCSS是个为CSS开发而产生的小型的标记语言,它的设计灵感来自Python,使得能够以一种简洁、结构化的方式构建样式表。在很多方面,它比CSS2更加爱简洁和强大。
它与CSS最明显的不同之处在于语法:基于缩进而不是flat,很明显这有违Python指导,但这也不失为构建结构化样式的好点子。
2.Sass
Sass令CSS又有趣起来,它对CSS3进行了扩展,增加了嵌套规则、变量、混入、选择器继承等语法,可以使用命令行工具或网络框架插件,将其转化为良好格式的标准CSS。
3.Sajax
Sajax是一种使用Ajax framework来构建网站的开源工具,它使得通过JavaScript调用PHP,Perl或Python函数更加简便,而不产生页面刷新。该工具为你做了99%的工作,没有理由不用用。
Komodo Edit for Perl,Python,Tcl,PHP,Ruby,Javascript
4.
Komodo Edit一个小型快速开源编辑器,要替换你信任已久的代码编辑器很难,但若给Komodo Edit一个机会,它一定不会让你失望的。
它支持Windows、Mac、Linux,支持PHP, Python, Ruby, JavaScript, Perl, Tcl, XML, HTML 5, CSS3语法着色、代码折叠、后台语法检查、超强的自动补全和calltips。
CSSTidy
5.
CSSTidy是一个开源CSS转化和优化工具,它能在Windows、Linux、OSX下执行,可以像PHP脚本一样由每行代码来控制行为。
与其他大多数CSS转换工具相反,它不实用任何常规的表达式,从而CSSTidy能够对CSS2完美支持并提供高可靠性。
6.Less
Less是一种动态样式表语言,LESS将CSS进行了扩展,添加例如变量、混入、操作符以及函数语法。LESS能够依靠Node.js与Rhino运行于客户端和服务器端。
7.Vim
Vim是一个高度可配置的高效文本编辑器,被大多数的UNIX系统广泛使用,Vim是一个免费的慈善共享软件。
8.HSS
HSS是个扩展了CSS语法的工具,拥有强大的特性,例如:变量、嵌套块。HSS是一个CSS编译器,它支持CSS语法验证,当在转换过程中出现语法错误时,它将指出错误具体出现在哪个文件的哪一行。
9.Zen Coding- 一种开发HTML与CSS代码的全新方式
Zen Coding是一个高速HTML,XML,XSL辑插件,该插件的核心是一个强大的缩写引擎,它允许你将扩展表达式(类似于CSS选择器)插入到HTML代码中。
10.XCSS
首个面向对象的Css Framework,能让你的工作流更加简洁,xCSS基于CSS,并在开发复杂样式提供处理面向对象的工作流。
11.Haml
Haml是一种标记语言,不使用内联代码简洁地描述HTML。Haml可替代例如PHP,ASP和ERB等嵌入的页面模板系统,该模版语言多用于Ruby on Rails应用。
12.Markup Generator
Markup Generator是一个创建xhtml/css代码的简单工具,能够减少搭建无聊de最初框架代码,它能生成xhtml标签以及非常直观的css框架,以加速开发。它缩减了语法,以便让你直接对页面元素进行渲染。
13.BluePrint
BluePrint是一个CSS框架,旨在缩短你的开发时间,它提供给你一个稳固的构建基础,让你能够在易用的css网格系统、提供合理排版甚至打印样式的基础之上构建你的项目。
文章出自:technotab
译文出自:开源中国社区
相关文章推荐
- 13个最常用的CSS和HTML快速开发工具
- 哪些CSS和HTML快速开发工具最常用
- 1st JavaScript Editor Pro 3.8,强大的JavaScript开发工具(JavaScript IDE),完美支持CSS, HTML, DOM and DHTML开发、校验、调试
- Android快速开发系列 10个常用工具类
- 转:Emmet:快速编写HTML,CSS代码的有力工具
- gVIM+zencoding快速开发HTML/CSS/JS(适用WEB前端)
- 一、HTML和CSS基础--开发工具--Sublime前端开发工具技巧介绍
- 1st JavaScript Editor Pro 3.8,强大的JavaScript开发工具(JavaScript IDE),完美支持CSS, HTML, DOM and DHTML开发、校验、调试
- IE调试网页之六:使用 F12 开发人员工具调试 HTML 和 CSS (Windows)
- 使用 F12 开发人员工具调试 HTML 和 CSS(IE浏览器)
- 转 http://www.5icool.org/a/201106/a654.html CSS开发中常用的公用样式
- Css及html开发相关工具网址等(持续补充ing)
- 使用 F12 开发人员工具调试 HTML 和 CSS(IE浏览器)
- 韩顺平_轻松搞定网页设计(html+css+javascript)_第19讲_js运行原理_js开发工具介绍_js程序(hello)_js基本语法_学习笔记_源代码图解_PPT文档整理
- [Web开发] PSD 转换成HTML/CSS 的工具网站
- Android快速开发系列 10个常用工具类
- 学习记录--使用 F12 开发人员工具调试 HTML 和 CSS
- F12 开发人员工具调试 HTML 和 CSS
- 快速编写 HTML 和 CSS 的工具和技术
- [Web开发] PSD 转换成HTML/CSS 的工具网站