Markdown.cssはスタイルシートを使ってHTMLをMarkdownフォーマットとして表示するソフトウェアです。

既存のHTMLをMarkdownで書くとどうなるか、変換ツールも幾つかありますが今回は変わり種のMarkdown.cssを紹介します。

[![](http://images.moongift.jp/2013/02/Screenshot 2013-02-14 12.53.12_thumb.1360835352.png)](http://images.moongift.jp/2013/02/Screenshot 2013-02-14 12.53.12.1360835352.png)
純粋なHTMLソースコード。

[![](http://images.moongift.jp/2013/02/Screenshot 2013-02-14 12.53.14_thumb.1360835354.png)](http://images.moongift.jp/2013/02/Screenshot 2013-02-14 12.53.14.1360835354.png)
一般的なスタイルシートを当てた例。

[![](http://images.moongift.jp/2013/02/Screenshot 2013-02-14 12.53.17_thumb.1360835356.png)](http://images.moongift.jp/2013/02/Screenshot 2013-02-14 12.53.17.1360835356.png)
Markdown.cssを当てた例。

Markdown.cssはスタイルシートだけを使ってHTMLソースをMarkdownフォーマットに変換します。あまりにも見事に変わってしまうので笑ってしまうくらいです。ぜひお試しを!

Markdown.cssはスタイルシート製のソフトウェア(ソースコードは公開されていますがライセンスは明記されていません)です。

MOONGIFTはこう見る

Markdown.cssはCSS3のafterやbeforeを使ってコンテンツを追加しています。リンクなどの変換も面白く、スタイルシートのテクニックとして注目に値します。結果は面白いですが、やっていることは実に高度です。

CSS3を駆使して一見するとJavaScriptを使っているのではないかと思うことをスタイルシートだけでやってしまうと非常にインパクトが強いです。いわゆる無茶しやがって系のソフトウェアは見てびっくり、コード見てびっくりの面白さがあります。

Markdown.css - make HTML look like plain-text

mrcoles/markdown-css · GitHub