Cette carte du métro n’est rien d’autre que du code

carte métro

carte métroLa carte, reproduction de celle du métro londonien, présentée ci-contre, n'est pas une image à proprement parler, mais du code. Juste du code.

Cette version de la carte du métro londonien ressemble comme deux gouttes d’eau à celle proposée par la ville de Londres. Et pourtant, il ne s’agit que de lignes de codes assemblées. Du HTML, du CSS, du JavaScript, et voilà le travail (d’artiste !).

Imaginée par le développeur John Galantini, ce dernier a pris le temps de recréer tous les symoboles, toutes les lignes, les cercles, en usant du HTML et du CSS. Chaque ligne du métro est en fait une liste non-ordonnée, accompagnée des stations positionnées en relation avec les autres, en tirant partie du CSS.

Cette carte aura demandé plus de 120 heures de travail, et fut réalisée en 5 semaines. Inutile, sans doute, mais impressionnant !

[gizmodo]

Tags :
Dernières Questions sur UberGizmo Help
  1. Merci Kaldwin pour le lien !

    Sinon immense respect pour cet homme, il n’y a aucune images >_<, même les symboles handicapé sont dessiné avec du css.. le symbole du bateau aussi…

    Truc de dingue, mais au moins ca montre la puissance du css ^^..

    Curieux de voir ce que cela donne sur IE6 😀

  2. Autant éplucher des pommes de terre à la pelleteuse. On peut le faire… mais ça prend 10000 fois plus de temps, d’énergie et d’ingéniosité qu’avec un couteau… Pour ce genre de choses, si on veut rester dans le standard ouvert qui se lit dans un navigateur web, il y a le SVG.

    1. Moi, ça me rappelle une foule de visiteurs de Gizmodo
      qui passent leur temps à vomir leurs commentaires aigris
      sur ce site, ses rédacteurs ou les personnages de leurs news… 😉

      En attendant, chapeau à John Galantini qui, lui, a fait quelque chose.

Laisser un commentaire

Votre adresse de messagerie ne sera pas publiée. Les champs obligatoires sont indiqués avec *

Publicité