無茶しやがる…。スタイルシートだけでHTMLをMarkdownに「Markdown.css」
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を使っているのではないかと思うことをスタイルシートだけでやってしまうと非常にインパクトが強いです。いわゆる無茶しやがって系のソフトウェアは見てびっくり、コード見てびっくりの面白さがあります。