MetroDNA est une manière simple, efficace d’afficher les symboles des transports en commun parisiens (RATP / SNCF)* dans vos sites sans effort.

Metro RER Tram Transilien

Un seul fichier CSS ou Sass. C’est tout.

Téléchargez-le

Usage simple, markup intuitif.

MetroDNA se veut avant tout simple et facile à utiliser. Pour plus d'informations concernant la manière de l'utiliser, vous pouvez consulter la documentation

HTML :

				<p>
					Accessible par la ligne
					<span class=”metro symbole”>Metro</span>
					<span class=”metro ligne14”>Ligne 14</span>
				</p>
			

Sortie :

Accessible par la ligne Metro Ligne 14

Un unique fichier, pas de dossier d’images.

MetroDNA - illustration un seul fichier

MetroDNA est une simple feuille de style, CSS ou Sass suivant votre workflow, qui contient déjà tous les symboles dont vous avez besoin, sous forme d’SVGs inline optimisés et directement intégrés en data-URI. Intégrez le CSS à votre feuille de style principale, et rajoutez le markup à votre HTML. Voilà.

Des symboles redimensionnables et retina-ready

MetroDNA - illustration symboles vectoriels redimensionnables et retina

MetroDNA, en incluant des éléments vectoriels offre une qualité d’image toujours parfaite, quelque soit la taille à laquelle les symboles sont affichés. Même sur les écrans Haute définition.

Un fichier léger et optimisé

MetroDNA - Illustration fichier léger et optimisé

Tous les éléments de MetroDNA sont des SVG allégés et optimisés, dans le but de minimiser leur impact sur les performances de votre site. Chaque symbole pèse en général entre 500 octets et 2 ko.

De plus, vous n’avez pas à inclure la librairie complète; Il est possible de générer un fichier CSS ou Sass comprenant uniquement les symboles nécessaires à votre projet.

Téléchargez MetroDNA

Sélectionnez les symboles nécessaires à votre projet :

MetroDNA est également sur GitHub

Compatibilité

MetroDNA est compatible avec les navigateurs suivants :

Icone Internet Explorer
IE 9+
Icone Firefox
Firefox 4.0+
Icone Chrome
Chrome 7.0+
Icone Safari
Safari 5.1+
Icone Opera
Opera 11.6+

Pour les versions antérieures d’Internet Explorer, il est possible d'utiliser un fallback texte.