Get Advice Icon

Need advice about which tool to choose?Ask the StackShare community!

HAML
HAML

410
274
+ 1
262
Markdown
Markdown

5.5K
4K
+ 1
966
Add tool

HAML vs Markdown: What are the differences?

HAML: HTML Abstraction Markup Language - A Markup Haiku. Haml is a markup language that’s used to cleanly and simply describe the HTML of any web document, without the use of inline code. Haml functions as a replacement for inline page templating systems such as PHP, ERB, and ASP. However, Haml avoids the need for explicitly coding HTML into the template, because it is actually an abstract description of the HTML, with some code to generate dynamic content; Markdown: Text-to-HTML conversion tool/syntax for web writers, by John Gruber. Markdown is two things: (1) a plain text formatting syntax; and (2) a software tool, written in Perl, that converts the plain text formatting to HTML.

HAML and Markdown belong to "Languages" category of the tech stack.

"Clean and simple" is the top reason why over 66 developers like HAML, while over 345 developers mention "Easy formatting" as the leading cause for choosing Markdown.

HAML is an open source tool with 3.44K GitHub stars and 544 GitHub forks. Here's a link to HAML's open source repository on GitHub.

Asana, Code School, and GoSquared are some of the popular companies that use Markdown, whereas HAML is used by Kickstarter, Code School, and StackShare. Markdown has a broader approval, being mentioned in 756 company stacks & 718 developers stacks; compared to HAML, which is listed in 113 company stacks and 40 developer stacks.

- No public GitHub repository available -

What is HAML?

Haml is a markup language that’s used to cleanly and simply describe the HTML of any web document, without the use of inline code. Haml functions as a replacement for inline page templating systems such as PHP, ERB, and ASP. However, Haml avoids the need for explicitly coding HTML into the template, because it is actually an abstract description of the HTML, with some code to generate dynamic content.

What is Markdown?

Markdown is two things: (1) a plain text formatting syntax; and (2) a software tool, written in Perl, that converts the plain text formatting to HTML.
Get Advice Icon

Need advice about which tool to choose?Ask the StackShare community!

Why do developers choose HAML?
Why do developers choose Markdown?

Sign up to add, upvote and see more prosMake informed product decisions

What companies use HAML?
What companies use Markdown?

Sign up to get full access to all the companiesMake informed product decisions

What tools integrate with HAML?
What tools integrate with Markdown?

Sign up to get full access to all the tool integrationsMake informed product decisions

What are some alternatives to HAML and Markdown?
Slim
Slim is easy to use for both beginners and professionals. Slim favors cleanliness over terseness and common cases over edge cases. Its interface is simple, intuitive, and extensively documented — both online and in the code itself.
PHP
Fast, flexible and pragmatic, PHP powers everything from your blog to the most popular websites in the world.
JavaScript
JavaScript is most known as the scripting language for Web pages, but used in many non-browser environments as well such as node.js or Apache CouchDB. It is a prototype-based, multi-paradigm scripting language that is dynamic,and supports object-oriented, imperative, and functional programming styles.
Python
Python is a general purpose programming language created by Guido Van Rossum. Python is most praised for its elegant syntax and readable code, if you are just beginning your programming career python suits you best.
Java
Java is a programming language and computing platform first released by Sun Microsystems in 1995. There are lots of applications and websites that will not work unless you have Java installed, and more are created every day. Java is fast, secure, and reliable. From laptops to datacenters, game consoles to scientific supercomputers, cell phones to the Internet, Java is everywhere!
See all alternatives
Decisions about HAML and Markdown
Russel Werner
Russel Werner
Lead Engineer at StackShare · | 11 upvotes · 101K views
atStackShareStackShare
Emotion
Emotion
JavaScript
JavaScript
Glamorous
Glamorous
React
React
HAML
HAML
Sass
Sass
#Inlinecss

When we rebooted our front-end stack earlier this year, we wanted to have a consolidated and friendly developer experience. Up to that point we were using Sass and BEM. There was a mix of HAML views, React components and Angular. Since our ongoing development was going to be exclusively in React, we wanted to shift to an inline styling library so the "wall of classnames" could be eliminated. The ever-shifting landscape of inline CSS libraries for React is sometimes difficult to navigate.

We decided to go with Glamorous for a few reasons:

1) Previous team experience with this library 2) We can write our styles in plain JavaScript (which brings many benefits) 3) It supports server-side rendering 4) It has great composition patterns

As you may or may not know, Glamorous has ceased active development and been mostly superseded by Emotion. We are planning to migrate to either Emotion or @styled-components in the near future, and I'll write another Stack Decision when we get there!

#inlinecss

See more
Yashu Mittal
Yashu Mittal
Founder & CEO at CodeCarrot · | 1 upvotes · 7.9K views
atCodeCarrotCodeCarrot
Markdown
Markdown
Ruby
Ruby
Jekyll
Jekyll

Jekyll is an open source static site generator (SSG) with a Ruby at its core which transform your plain text into static websites and blogs.

It is simple means no more databases, comment moderation, or pesky updates to install—just your content. As said earlier SSG uses Markdown, Liquid, HTML & CSS go in and come out ready for deployment. Lastly it's blog-aware permalinks, categories, pages, posts, and custom layouts are all first-class citizens here.

See more
Johnny Bell
Johnny Bell
Senior Software Engineer at StackShare · | 13 upvotes · 225.6K views
atStackShareStackShare
styled-components
styled-components
Emotion
Emotion
Glamorous
Glamorous
Showdown
Showdown
Ruby
Ruby
GraphQL
GraphQL
React
React
Markdown
Markdown
#StackDecisionsLaunch
#CssInJs
#Frontend

For Stack Decisions I needed to add Markdown in the decision composer to give our users access to some general styling when writing their decisions. We used React & GraphQL on the #Frontend and Ruby & GraphQL on the backend.

Instead of using Showdown or another tool, We decided to parse the Markdown on the backend so we had more control over what we wanted to render in Markdown because we didn't want to enable all Markdown options, we also wanted to limit any malicious code or images to be embedded into the decisions and Markdown was a fairly large to import into our component so it was going to add a lot of kilobytes that we didn't need.

We also needed to style how the markdown looked, we are currently using Glamorous so I used that but we are planning to update this to Emotion at some stage as it has a fairly easy upgrade path rather than switching over to styled-components or one of the other cssInJs alternatives.

Also we used React-Mentions for tagging tools and topics in the decisions. Typing @ will let you tag a tool, and typing # will allow you to tag a topic.

The Markdown options that we chose to support are tags: a, code, u, b, em, pre, ul, ol, li.

If there are anymore tags you'd love to see added in the composer leave me a comment below and we will look into adding them.

#StackDecisionsLaunch

See more
Jerome Dalbert
Jerome Dalbert
Senior Backend Engineer at StackShare · | 5 upvotes · 11.1K views
atStackShareStackShare
Rails
Rails
Ruby
Ruby
Markdown
Markdown
#StackDecisionsLaunch

I needed to make stack decisions accept a subset of Markdown, similarly to sites like Reddit or Stack Overflow.

I used the redcarpet Ruby gem for parsing, and Rails' sanitize helper made it very easy to only allow certain tags: links, bold, italics, lists, code blocks, paragraphs.

Problem solved! #StackDecisionsLaunch

See more
Markdown
Markdown
Docker
Docker
JSON
JSON
TypeScript
TypeScript
Atom
Atom
Visual Studio Code
Visual Studio Code
Angular 2
Angular 2
#Sass
#HTML
#Java
#Typescript

More than year ago I was looking for the best editor of Angular 2 application and I've tried Visual Studio Code and Atom. Atom had performance issues that put me off completely to use it again. Visual Studio Code became my main editor #Typescript files (and partly editor of #Java files). I'm happy with Visual Studio Code and I've never look back on Atom. There wasn't any reason to try Atom again, because Visual Studio Code fulfills my requirements very well. I use it for editing of TypeScript, #HTML, #Sass, JSON, Docker and Markdown.

See more
Interest over time
Reviews of HAML and Markdown
No reviews found
How developers use HAML and Markdown
Avatar of StackShare
StackShare uses HAMLHAML

Personally, I really like HAML. Not having to use open and close tags is a huge time saver. As a result, writing markup with HAML is much more pleasant. HAML essentially forces you to be very strict about spacing, organization, and structure. It also makes the markup easier to read. Protip: I use this pretty frequently: htmltohaml.com

Avatar of StackShare
StackShare uses MarkdownMarkdown

We’re using Markdown parsers for Reviews, Blog Posts, and Stack Description (the text you’re reading right now). We’re using Bootstrap Markdown for content input (except for reviews) and RedCarpet for rendering in certain places.

Avatar of Wing Tang Wong
Wing Tang Wong uses MarkdownMarkdown

Markdown represents a highly portable and lightweight text formatting. I had converted all of my Wordpress posts to Markdown prior to migrating over to Jekyll and eventually to Hugo. The fact that many generators support Markdown means that my content remains portable regardless of the platform/engine I use.

Avatar of Volkan Özçelik
Volkan Özçelik uses MarkdownMarkdown

What you see is not what you get, never it is.

Documentation is better in Markdown format. You don’t need anything special to read it.

It is compact, portable, comparable.

Markdown is my text file format of choice.

Avatar of Jeff Flynn
Jeff Flynn uses MarkdownMarkdown

Because it is almost an effortless markup language without ever having to write an HTML tag. Of course, you'll want to use it in environments that make it look pretty (GitHub, etc.)

Avatar of Roger Salomonsson
Roger Salomonsson uses MarkdownMarkdown

Using StackEdit to edit markdown files for blog roll and about sections. MD files are stored in Google Drive and pushed to GH pages through StackEdit.

How much does HAML cost?
How much does Markdown cost?
Pricing unavailable
Pricing unavailable
News about HAML
More news