Pinterest Stumbleupon Whatsapp
Ads by Google

When we are forced to format text in emails, notes, or documents, most of us go in one of two directions: HTML or built-in WYSIWYG (“What You See Is What You Get”) editors.

It’s time for an upgrade. WYSIWYG editors slow you down by forcing you to remove your fingers from the keys in order to make formatting changes, and HTML is, well, so 2008. What if there was a better way?

Meet Markdown!

Markdown is a simple way to add formatting Learning Markdown: Write For The Web, Faster Learning Markdown: Write For The Web, Faster Markdown is essentially a syntax language for formatting text as you write. It’s fast, and built for people who write for the web. Read More  — like headers, bold/italic text, and lists — to plain text. Rather than relying on HTML or WYSIWYG editors, Markdown allows you to create full pages of formatted text without ever having to remove your fingers from the keyboard, and all in a way that’s much more intuitive than HTML.

In short, it’s the answer for anyone who has ever needed to format notes, emails, or to-do lists. Markdown was initially created as a simple way for non-coders to write and format text without having to rely on HTML or those evil WYSIWYG editors.

Now, it’s as simple as finding a Markdown editor 6 Markdown Editors That Play Nice With Google Drive 6 Markdown Editors That Play Nice With Google Drive Markdown is the text editing format of the future. It's simpler, sleeker, and easier to use than HTML without sacrificing much power or flexibility. Read More , pulling up a cheat sheet Learn The Basics Of Markdown in 10 Minutes With This Video Tutorial Learn The Basics Of Markdown in 10 Minutes With This Video Tutorial If you've heard about markdown but not yet had chance to try it out, this short video should get you up to speed with the language that makes creating content for the web easy. Read More , and getting to work.

Ads by Google

Why Markdown Is Better

It’s faster. You don’t have to learn HTML 5 Steps To Understanding Basic HTML Code 5 Steps To Understanding Basic HTML Code Read More . You can keep your fingers on the keyboard. I could continue to shout the praises of Markdown and the simplicity of working with it, but instead it’s probably a better idea to show you some examples.

Let’s start with headings. For a heading in HTML, you’d use the following:

<h3>This is a Heading</h3>

Notice the opening and closing tags, and the rather unintuitive way of telling the text that it needs to follow along with the styles created for the h3 heading. For those of us that have used HTML, we get it right away, but for more casual users who are looking for a better way to mark plain text, Markdown is just better.

Here’s that same heading in Markdown:

###This is a Heading

Notice the lack of a closing tag? The rather straightforward nature of the triple hash (# is an h1, ## is an h2, and so on) is a quicker and easier alternative. In fact, it saves us time, too. If you’re like me, your most common HTML errors are almost always the cause of not properly closing your tags.

html-tag

Okay, so what about bold? In HTML, we have a number of ways to do this, but this is correct:

<b>this text is bold</b>

In Markdown, we’d simply use either of the following as both work the same:

**this text is bold** or __this text is bold__

What about lists? HTML lists use either <ol> for ordered, numbered lists or <ul> for unordered, bulleted lists:

<ol>

<li>This is a list item</li>

<li>So is this</li>

<li>This too</li>

</ol>

That same list in Markdown looks like this:

1.  This is a list item

2.  So is this

3.  This too

You can also create an unordered list using the asterisk, plus or hyphen (even interchangeably):

* This is a list item

* So is this

* This too

Notice we’re not opening the list with <ol> or <ul>, nor are we closing them with </ol> or </ul>. Okay, one more example. Let’s take a look at links. In HTML, links look like this:

<a href="http://supercoolawesomedomain.com/">Anchor text</a>

In Markdown:

[Anchor text](http://supercoolawesomedomain.com)

Easy, right? Or, maybe you’d prefer to learn some more HTML tags Top 11 HTML Tags Every Blogger & Website Owner Must Know Top 11 HTML Tags Every Blogger & Website Owner Must Know The world wide web knows many languages and is coded in several different ones. The one language however, that can be found all over and has been around since the invention of webpages, is the... Read More .

How Markdown Can Benefit You

There are a plethora of reasons to use Markdown, but most of them center around the relative ease in the learning curve and the convenience of using syntax designed to save you time. If you’ve ever had to add formatting to plain text — which should cover just about all of us — then Markdown will save you time.

Use Case 1: Email

If you’re sending a few dozen emails a day, the time it takes to format them can easily turn into a bottleneck. Luckily, there are a few great ways to integrate Markdown into the process.

Markdown Here is the first thing I want to mention. This handy extension is available on Chrome, Firefox, and Safari browsers as well as Thunderbird and Postbox if you prefer a mail client instead. To use it, just click the icon near the address bar, or right click and select Markdown Toggle.

compose-pre-render

The syntax is the same as using Markdown anywhere else, only now you can use it in email, and a handful of other applications that support rich text editing, such as Evernote, WordPress, and Google Groups.

Another Markdown-for-email option is the rather beautiful Let.ter app for Mac.

Use Case 2: Forum Posts

Frequent forum posting often involves a lot of text editing, but using the built-in WYSIWYG editor, HTML, or BBCode is cumbersome and time-consuming.

reddit-markdown-example

Unfortunately, Markdown isn’t available in all forums by default. However, if you’re running a forum using one of the more common services, such as Discourse, bbPress, Flarum, or Vanilla, each of these — and many others — have extensions for Markdown support. If you’re a Reddit user How To Use Reddit Like an Old Pro How To Use Reddit Like an Old Pro There are plenty of online communities which can be found on the Internet - Facebook, Twitter, Google+ and YouTube are easily the most popular and recognizable ones. However, there are plenty of other gems online... Read More , then Markdown is also important there.

Several of the support desk and knowledge base platforms, like Zen Desk, have Markdown extensions as well.

Use Case 3: To-Do Lists

For to-do lists 5 Tips for Using OneNote as Your To-Do List 5 Tips for Using OneNote as Your To-Do List Is making a to-do list on your to-do list? Set it up in OneNote to make getting things done as straightforward as possible. Read More , there are dozens of great applications that use Markdown.

On the Web, my favorite is Hashify. Hashify is a simple and no-frills Web app that allows you to format all of your to-do lists using Markdown. The results are simple, straightforward, and non-distracting, which is just what I like in a to-do list. It is a bit simplistic in terms of features, but for a quick list, it does the job.

Screen Shot 2015-12-06 at 1.16.16 AM

If you’re looking for something more feature-rich, it’s probably best to find something on the operating systems you use most often. As an Apple fanboy, I like nvALT (OS X) and Drafts (iOS). For Windows users, Writemonkey is quite popular. If you run Android, try Epistle.

Use Case 4: Personal Wikis

If you like to keep personal files, journal entries, or notes on a personal wiki, there are a couple of great options that use Markdown (either by default or with addons). Two of the most popular are TiddlyWiki, which has Markdown built-in by default, and MoinMoin, which has a Markdown parser that you can add.

Screen Shot 2015-12-06 at 1.29.50 AM

Both are great options, but TiddlyWiki seems to be the more popular of the two. MoinMoin isn’t as talked about, but it seems to be well-regarded. Both have great documentation, a quick start guide, and a number of themes and extensions to add functionality to your new wiki.

Start Using Markdown Now

To put it plainly, Markdown is a more intuitive alternative to HTML for formatting text 5 Ways to Strip the Formatting When You Copy & Paste Text 5 Ways to Strip the Formatting When You Copy & Paste Text Carrying all the rich text formatting along when copying and pasting text is irritating. Here are multiple ways to avoid that. Read More . It’s faster, it saves you time by not having to close your tags, and it’s easy for a beginner to understand and dive into immediately.

For those using a WYSIWYG editor, Markdown’s main benefit is in its ability to keep your fingers on the keys. By not having to type, then grab the mouse in order to select, format and then return to typing — you’ll immediately notice improvements in efficiency.

The level of control is essentially the same no matter which of the three methods (HTML, WYSIWYG, Markdown) you choose, but Markdown is without a doubt the easiest method to learn that allows you to keep your fingers on the keyboard and cut your reliance on the WYSIWYG editor.

The learning curve is practically non-existent and if you get stuck, Gruber himself has a fine cheatsheet on how to use Markdown.

Do you use Markdown? What are some of the reasons you’d never go back to HTML or WYSIWYG editors? Let us know in the comments below. 

Image Credit: tmicons via Shutterstock.com

  1. Squalle
    October 6, 2016 at 8:07 am

    I've been typing html so long, I actually type it faster than normal text. Markdown may actually make it harder for me.

  2. Scott
    December 22, 2015 at 11:56 pm

    Epistle for Android is now Draft (has been for years. Excellent app, by the way.

  3. George
    December 11, 2015 at 8:13 am

    If you are forced to do that why not to program html also?
    There are to kind of users, power users which if they are willing to do that they will also start coding html and the rest which have (and don't want to have) any idea what's behind the UI!
    All they know and want to know is the UI.
    i can code html but i won't do it when i write an email, i womt use markdown either it doesn't make any sence :)

  4. Robert Zhang
    December 11, 2015 at 2:15 am

    Why is this thing better than TeX

  5. fcd76218
    December 10, 2015 at 5:55 pm

    When you get right down to it, Markdown replaces HTML's set of esoteric formatting commands with its own set of esoteric formatting commands.

    Neither '' nor '###' are intuitive. In many languages '#' indicates a comment, making '###' confusing. It is quite obvious what level of header 'h3' is. When there are more than two sharps, you have to count them very carefully since they tend to blend together.

    '' is quicker to type than 'This is bold text'.

    I could go on but you get the idea. I'm sure that an article on 4 reasons to learn any markup/markdown language can be written with equal validity.

  6. Hildegerd Haugen
    December 10, 2015 at 5:13 pm

    I have used markdown some years already. ;)

    • Jameson Riddle
      December 11, 2015 at 12:18 am

      Markdown and I are pretty well-acquainted. :)

  7. Peter Buyze
    December 10, 2015 at 2:07 pm

    All your comments are to the point & understandable. I have 1 big dislike for Markdown: I want to see what my formatting looks like, particularly in the context of the whole piece of text I write. **bold** does not mean anything to me, neither does ###, it does not show if it is proportion, if it makes sense.

    • Scott
      December 22, 2015 at 11:54 pm

      There are lots of editors for Windoze, Macs, and online that show a preview as you are typing in Markdown.

Leave a Reply

Your email address will not be published. Required fields are marked *