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

     <p>1）<a href="/misc/goto?guid=4958328652426520885" target="_blank">CleverCSS</a></p>    <p style="text-align:center;"><img class="aligncenter size-full wp-image-2913" alt="13个常用的CSS和HTML快速开发工具" src="https://simg.open-open.com/show/f1eaf37083087ccb49b516304eef3091.jpg" width="580" height="241" /></p>    <p>CleverCSS是个为CSS开发而产生的小型的标记语言，它的设计灵感来自Python,使得能够以一种简洁、结构化的方式构建样式表。在很多方面，它比CSS2更加爱简洁和强大。</p>    <p>它与CSS最明显的不同之处在于语法：基于缩进而不是flat，很明显这有违Python指导，但这也不失为构建结构化样式的好点子。<br /> <br /> 2）<a href="/misc/goto?guid=4958184196366000958" target="_blank">Sass</a></p>    <p style="text-align:center;"><img class="aligncenter size-full wp-image-2914" alt="13个常用的CSS和HTML快速开发工具" src="https://simg.open-open.com/show/2220e545290291c0efd0c6c6b1f050f8.jpg" width="580" height="241" /></p>    <p>Sass令CSS又有趣起来，它对CSS3进行了扩展，增加了嵌套规则、变量、混入、选择器继承等语法，可以使用命令行工具或网络框架插件，将其转化为良好格式的标准CSS。<br /> <br /> 3）<a href="/misc/goto?guid=4958328654166082415" target="_blank">Sajax</a></p>    <p style="text-align:center;"><img class="aligncenter size-full wp-image-2915" alt="13个常用的CSS和HTML快速开发工具" src="https://simg.open-open.com/show/551e4e2203dc9e5fbd48cfba9a54f7c3.jpg" width="580" height="241" /></p>    <p>Sajax是一种使用Ajax framework来构建网站的开源工具,它使得通过JavaScript调用PHP，Perl或Python函数更加简便，而不产生页面刷新。该工具为你做了99%的工作，没有理由不用用。<br /> <br /> 4）<a href="/misc/goto?guid=4958328654961039228" target="_blank">Komodo Edit for Perl,Python,Tcl,PHP,Ruby,Javascript</a></p>    <p style="text-align:center;"><img class="aligncenter size-full wp-image-2916" alt="13个常用的CSS和HTML快速开发工具" src="https://simg.open-open.com/show/25b442989f069545d6cfad6ad0ac2418.jpg" width="580" height="241" /></p>    <p>Komodo Edit一个小型快速开源编辑器，要替换你信任已久的代码编辑器很难，但若给Komodo Edit一个机会，它一定不会让你失望的。<br /> 它支持Windows、Mac、Linux，支持PHP, Python, Ruby, JavaScript, Perl, Tcl, XML, HTML 5, CSS3语法着色、代码折叠、后台语法检查、超强的自动补全和calltips。<br /> <br /> 5）<a href="/misc/goto?guid=4958328655762440497" target="_blank">CSSTidy</a></p>    <p style="text-align:center;"><img class="aligncenter size-full wp-image-2917" alt="13个常用的CSS和HTML快速开发工具" src="https://simg.open-open.com/show/291b6bc4796a4a3c82090f1c39b20547.jpg" width="580" height="241" /></p>    <p>CSSTidy是一个开源CSS转化和优化工具，它能在Windows、Linux、OSX下执行，可以像PHP脚本一样由每行代码来控制行为。<br /> 与其他大多数CSS转换工具相反，它不实用任何常规的表达式，从而CSSTidy能够对CSS2完美支持并提供高可靠性。<br /> <br /> 6）<a href="/misc/goto?guid=4958318706716927602">Less</a></p>    <p style="text-align:center;"><img class="aligncenter size-full wp-image-2919" alt="13个常用的CSS和HTML快速开发工具" src="https://simg.open-open.com/show/1e29fbe428a448b3dd17fe9f698f289e.jpg" width="580" height="241" /></p>    <p>Less是一种动态样式表语言，LESS将CSS进行了扩展，添加例如变量、混入、操作符以及函数语法。LESS能够依靠Node.js与Rhino运行于客户端和服务器端。<br /> <br /> 7）<a href="/misc/goto?guid=4958189306643968874">Vim</a></p>    <p style="text-align:center;"><img class="aligncenter size-full wp-image-2921" alt="13个常用的CSS和HTML快速开发工具" src="https://simg.open-open.com/show/a2651a467780b9281ae4bfa16aadd196.jpg" width="580" height="241" /></p>    <p>Vim是一个高度可配置的高效文本编辑器，被大多数的UNIX系统广泛使用，Vim是一个免费的慈善共享软件。<br /> <br /> 8）<a href="/misc/goto?guid=4958328658034578980" target="_blank">HSS</a></p>    <p style="text-align:center;"><img class="aligncenter size-full wp-image-2922" alt="13个常用的CSS和HTML快速开发工具" src="https://simg.open-open.com/show/a08f8098c2825ff5e41e2d281584803e.jpg" width="580" height="241" /></p>    <p>HSS是个扩展了CSS语法的工具，拥有强大的特性，例如：变量、嵌套块。HSS是一个CSS编译器，它支持CSS语法验证，当在转换过程中出现语法错误时，它将指出错误具体出现在哪个文件的哪一行。<br /> <br /> 9）<a href="/misc/goto?guid=4958328658835491013">Zen Coding</a> - 一种开发HTML与CSS代码的全新方式</p>    <p style="text-align:center;"><img class="aligncenter size-full wp-image-2923" alt="13个常用的CSS和HTML快速开发工具" src="https://simg.open-open.com/show/7c5c7ec7cb59a5f6d1a7b1ef6b4d87a1.jpg" width="580" height="241" /></p>    <p>Zen Coding是一个高速HTML，XML,XSL辑插件，该插件的核心是一个强大的缩写引擎，它允许你将扩展表达式（类似于CSS选择器）插入到HTML代码中。<br /> <br /> 10）<a href="/misc/goto?guid=4958328659623558439">XCSS</a></p>    <p style="text-align:center;"><img class="aligncenter size-full wp-image-2924" alt="13个常用的CSS和HTML快速开发工具" src="https://simg.open-open.com/show/fc2222b5c401ca97394822940c05d9ab.jpg" width="580" height="241" /></p>    <p>首个面向对象的Css Framework，能让你的工作流更加简洁，xCSS基于CSS，并在开发复杂样式提供处理面向对象的工作流。<br /> <br /> 11)<a href="/misc/goto?guid=4958328660425830991" target="_blank">Haml</a></p>    <p style="text-align:center;"><img class="aligncenter size-full wp-image-2925" alt="13个常用的CSS和HTML快速开发工具" src="https://simg.open-open.com/show/fce85b388fffcf7d8f242e41ec9abcdb.jpg" width="580" height="241" /></p>    <p>Haml是一种标记语言，不使用内联代码简洁地描述HTML。Haml可替代例如PHP，ASP和ERB等嵌入的页面模板系统，该模版语言多用于Ruby on Rails应用。<br /> <br /> 12）<a href="/misc/goto?guid=4958328661219670712" target="_blank">Markup Generator</a></p>    <p style="text-align:center;"><img class="aligncenter size-full wp-image-2926" alt="13个常用的CSS和HTML快速开发工具" src="https://simg.open-open.com/show/850909bee58e6b18e61ac913564a9cbe.jpg" width="580" height="241" /></p>    <p>Markup Generator是一个创建xhtml/css代码的简单工具，能够减少搭建无聊de最初框架代码，它能生成xhtml标签以及非常直观的css框架，以加速开发。它缩减了语法，以便让你直接对页面元素进行渲染。<br /> <br /> 13）<a href="/misc/goto?guid=4958190856166238268" target="_blank">BluePrint</a></p>    <p style="text-align:center;"><img class="aligncenter size-full wp-image-2927" alt="13个常用的CSS和HTML快速开发工具" src="https://simg.open-open.com/show/b54dd343584823ec2a5e78f61af9725b.jpg" width="580" height="241" /></p>    <p>BluePrint是一个CSS框架，旨在缩短你的开发时间，它提供给你一个稳固的构建基础，让你能够在易用的css网格系统、提供合理排版甚至打印样式的基础之上构建你的项目。</p>    <p><a href="/misc/goto?guid=4958328662756877897" target="_blank">英文原文</a></p>