Ale*_*lex 38 html cross-compiling
我可以使用哪种语言来编写我的网站的HTML,其中:
例如,它应该是HTML的CoffeeScript与JS的关系.
另外,无论你建议什么,你的经验是什么?
Joh*_*lla 30
哈姆是个不错的选择.在Haml中,您编写了高度结构化的标记,类似于HTML的简化形式,并且常见的东西都有简单的快捷方式.例如,添加的元素,div,id,或class仅仅是通过改变一个字符进行.
它甚至允许您通过推迟使用脚本语言来传递变量并以您选择的语言对它们进行操作,因此它实际上比HTML更强大,因为隐式脚本使其成为图灵完备.
这是一个例子:
%body
#header
%h1 Bob Loblaw's Law Blog
%h2 by Bob Loblaw
#content
- @entries.each do |entry|
.entry
%h3.title= entry.title
%p.date= entry.posted
#footer
%p
All content copyright © Bob Loblaw.
Run Code Online (Sandbox Code Playgroud)
这就像:
<div id='header'>
<h1>Bob Loblaw's Law Blog</h1>
<h2>by Bob Loblaw</h2>
</div>
<div id='content'>
<div class='entry'>
<h3 class='title'>You don't need double-talk; you need Bob Loblaw</h3>
<p class='date'>Tuesday, October 31, 2006</p>
</div>
<div class='entry'>
<h3 class='title'>Why should you go to jail for a crime someone else noticed?</h3>
<p class='date'>Friday, August 11, 2006</p>
</div>
</div>
<div id='footer'>
<p>
All content copyright © Bob Loblaw.
</p>
</div>
Run Code Online (Sandbox Code Playgroud)
我和朋友刚刚开始使用Layx:一种基于Cassowary的新布局语言,这是Apple用于其用户界面的约束求解工具包.它现在仅适用于网络,但有一天它将是多平台 - 移动本地.
它被设计成非常简单和容易(如python),并且如所要求的,它动态地在内部编译HTML,因为如果必须移动或调整图层大小,则必须更新接口.
这是一个非常新的项目-alpha版本,所以试试吧.
项目网站:http://www.layx.org/
在线演示:http://www.layx.org/demo/
开源存储库:http://github.com/layxlang/layx
我希望它有所帮助,欢迎反馈!
问候
编辑(2015年1月8日):添加了开源链接
编辑(2015年1月15日):添加了演示链接