ただの地下鉄マップだと思った? ブー、100%コードで書かれている地下鉄マップでしたー2013.05.24 19:00 そうこ いや、上の画像は画像なんですけどね。 ただのロンドン地下鉄マップだと思うでしょ、なんの変哲もない。この上の画像はそうですよ、ただのマップの画像です。が、この画像の元の地下鉄マップは画じゃないんです。HTML/ CSS/ JavaScriptを駆使してコードで描かれた地下鉄マップなのです。聞くより見るが早いですね、ネタ元のこのページを見れば、なるほど合点がいくでしょう。 コード地下鉄マップを制作したのは、ウェブ開発者のジョン・ガランティーニ(John Galantini)さん。地図上にあるライン、アイコン、シンボル、その全てをHTMLとCSSを使って描いたのです。制作にかかった時間は120時間、5週間以上もコードを書く日々が続きました。 ついこの間まで「CSS使うと
![ただの地下鉄マップだと思った? ブー、100%コードで書かれている地下鉄マップでしたー](https://cdn-ak-scissors.b.st-hatena.com/image/square/f50048b72c8fa9ae5edda5c4e9d381f8c0fb8a24/height=288;version=1;width=512/https%3A%2F%2Fmedia.loom-app.com%2Fgizmodo%2Fdist%2Fimages%2F2013%2F05%2F20130522codedsubwaymap.jpg%3Fw%3D1280%26h%3D630%26f%3Djpg)