Discover new lands today: haml and Emmet

Actually, at first, I just wanted to get in touch with sass (css preprocessor), but haml suddenly appeared.

The original text is Jiang Zi.

Sass is a CSS pre-processing language written in Ruby language. It was born in 2007 and is the largest mature CSS pre-processing language. It was originally designed to work with HAML (an indented HTML precompiler), so it has the same indentation style as HTML.

Damn it! haml? htmlA long-lost brother? This ignorant scumbag decided to search for what the hell is going on with a black question mark face

Baidu Encyclopedia is explained by Jiang Zi:

Haml is based on the Ruby language and is a Ruby plug-in that can also be used as a template language. It is a command line tool

Features:

1. Spaces indicate hierarchical nesting relationships

2. Good label format

3. DRY(Don’t repeat yourself)

4. Follow CSS standards

5. Integrated Ruby code

6. Use .haml extension instead of rails template (.rhtml)

Emmet is an editor plug-in, formerly the great Zen coding

(How to install the emmet plug-in for Sublime text 3: http://www.jb51.net/softjc/121265.html)

Tutorial on how to write haml and Emmet: http://www.ruanyifeng.com/blog/2013/06/emmet_and_haml.html

Emmet’s detailed tutorial: http://www.iteye.com/news/27580

The common features of haml and Emmet: simplicity and efficiency, in order to write html code better and faster. They are not relatives of html, but at least they are the eldest and youngest wives of html

HTML code abbreviation: Emmet and Haml: http://www.bianceng.cn/web/Html/201411/46562.htm Emmet is truly an artifact! You can also learn about jade: https://segmentfault.com/a/1190000000357534