Quantcast
Channel: Hacker News 50
Viewing all articles
Browse latest Browse all 9433

Markdown.css - make HTML look like plain-text

$
0
0

Comments:"Markdown.css - make HTML look like plain-text"

URL:http://mrcoles.com/demo/markdown-css/


When this section is styled by markdown.css it looks like plain-text, despite being HTML. Inspect it with firebug or click on <HTML/> to see the markup.

A strong tag and an em tag get styled like so.

How about a link to my site?

H2 header

Lists

  • they look like this
  • it’s how you’d format them in pure markdown, if you took the time to indent when it wrapped to a new line.

Ordered lists

here’s one line from a numbered list here’s another in markdown, the actual numbers don’t matter

Block quotes

This is a blockquote that extends to multiple lines.With repeating email-style angle brackets.

Code blocks

(function() {
 console.log('code blocks indent four spaces');
})()

Different headers

h4 header

h5 header h6 header

That’s an hr above. It just works!

However, images will still look like images. Deal with it.

Made by Peter Coles /
aka @lethys /
code on github

Get the markdown.css now!

Since sharing this with people, I have learned about an older markdown CSS project that does the same sort of things in a very similar way. So it goes. Great job, Florent!


Viewing all articles
Browse latest Browse all 9433

Trending Articles