Confused by the title? I was.
So, I was browsing through GitHub Explore as usual and Markdown.css showed up in the list. It took me literally several seconds until I finally realized that it actually does:
Use the markdown.css file to make regular HTML look like plain-text markdown. No JavaScript hacks are needed. View the demo to see what Im talking about.
I was like, at first, did it mean you write CSS in Markdown? Or Markdown in CSS? Or CSS in Markdown-like syntax Or Markdown in CSS-like syntax? And pondered how on Earth any of those make sense until I understood.
So, to see it in action by clicking this button:
I have to say, I kind of like the look of Markdownd version of my blog. It looks so clean1, funny to say that, because I thought my blog design was already clean.
While read through the Markdown.css issues, I realized that I had seen similar one before, ReMarkdown, though its with different concept. ReMarkdown focuses on presenting more precise re-markdownd of the HTML, you have to add classes for specific options to fine tuning it. As for Markdown.css, you have just one stylesheet to apply on, but the result is pretty close to the Markdown source would look like.
However, in the end, they are just for fun more rather than as being a real converter in my opinion. Nevertheless, the creativity is the point of making them. Who knows, maybe someone would use them with sophisticatedly tagged HTML with classes, so the entire HTML can be switched between HTML and Markdown as the View Source option.
| [1] | Except for the inline-linking syntax [text](url). They are pretty hard to read when a paragraph with several links. |