Lettering - Donnez du style et de la couleur à vos typos avec jQuery

Lettering.js est un plugin jQuery permettant de sélectionner et donner un style différent à chaque lettre, chaque mot ou même chaque ligne d'une chaîne de caractère.

Réalisé par 3 graphistes, Lettering dot JS a pour objectif de simplifier la sélection de lettres, mots ou lignes d'un texte afin de donner du style à ces derniers.

Son utilisation est vraiment très simpliste. Voici comment styler lettre par lettre un titre:

<h1 class="fancy_title">Mon titre à styler</h1>

On charge les librairies et on instancie le plugin jQuery:

<script src="path/to/jquery-1.4.2.min.js"></script>
<script src="path/to/jquery.lettering.min.js"></script>
<script>
$(document).ready(function() {
  $(".fancy_title").lettering();
});
</script>

Et le tour est joué, chaque lettre est maintenant enrobée par un span de classe différente:

<h1 class="fancy_title">
  <span class="char1">S</span>
  <span class="char2">o</span>
  <span class="char3">m</span>
  <span class="char4">e</span>
  <span class="char5"></span>
  <span class="char6">T</span>
  <span class="char7">i</span>
  <span class="char8">t</span>
  <span class="char9">l</span>
  <span class="char10">e</span>
</h1>

Pour agir sur les mots, il suffit de lui passer "words" en paramètres et "lines" pour contrôler les lignes.

Reste à voir ce que cela donne réellement côté SEO, même si l'appel se fait en Javascript, Google est de plus en plus apte à référencer le JS ... Qu'en pensez-vous ?

Site Officiel