気に入った記事をブックマーク
- 気に入った記事を保存できます
保存した記事の一覧は、はてなブックマークで確認・編集ができます
- 記事を読んだ感想やメモを書き残せます
- 非公開でブックマークすることもできます
ただの地下鉄マップだと思った？ ブー、100％コードで書かれている地下鉄マップでしたー
59 users
www.gizmodo.jp
www.gizmodo.jp
www.gizmodo.jp
注目コメント算出アルゴリズムの一部にLINEヤフー株式会社の「建設的コメント順位付けモデルAPI」を使用しています
ただの地下鉄マップだと思った？ ブー、100％コードで書かれている地下鉄マップでしたー2013.05.24 19:0... ただの地下鉄マップだと思った？ ブー、100％コードで書かれている地下鉄マップでしたー2013.05.24 19:00 そうこ いや、上の画像は画像なんですけどね。 ただのロンドン地下鉄マップだと思うでしょ、なんの変哲もない。この上の画像はそうですよ、ただのマップの画像です。が、この画像の元の地下鉄マップは画じゃないんです。HTML/ CSS/ JavaScriptを駆使してコードで描かれた地下鉄マップなのです。聞くより見るが早いですね、ネタ元のこのページを見れば、なるほど合点がいくでしょう。 コード地下鉄マップを制作したのは、ウェブ開発者のジョン・ガランティーニ（John Galantini）さん。地図上にあるライン、アイコン、シンボル、その全てをHTMLとCSSを使って描いたのです。制作にかかった時間は120時間、5週間以上もコードを書く日々が続きました。 ついこの間まで｢CSS使うと
www.gizmodo.jp
www.gizmodo.jp
www.gizmodo.jp
www.gizmodo.jp
www.nhk.or.jp
gendai.media
nazology.kusuguru.co.jp
daiksy.hatenablog.jp
www.itmedia.co.jp
gothedistance.hatenadiary.jp
qiita.com/nfujita55a
www.watch.impress.co.jp
matsuu.hatenablog.com
www.itmedia.co.jp
www.watch.impress.co.jp
prtimes.jp
kanazawamachigation.com
jp.reuters.com
knakajii.hatenablog.com
2013/05/25 リンク