Wordle est un site web créé par Jonathan Feinberg sous forme d’une applet Java, qui vous permet de transformer n’importe quel texte (un poème, un extrait d’un article, des paroles de chansons…) en un nuage de mots colorés et de tailles différentes (nuage de tags ou tagcloud en notation 2.0 ). Il est possible également de saisir un nom d’utilisateur de del.ici.us pour transformer ses tags en nuage.

Wordle is a toy for generating “word clouds” from text that you provide

Jonathan définit Wordle comme un jouet, et il a bien raison. Une fois dedans, on peut facilement se retrouver absorbé par l’application, à essayaer les différents réglages offerts (typographie, tailles de polices ou les palettes de couleurs).

Une fois un nuage de mot créé, on peut soit l’imprimer (ça ferait d’excellents posters !), ou l’enregistrer dans la galerie du site, histoire de les partager avec les visiteurs et utilisateurs de Wordle. J’aurais aimé avoir une option pour exporter les créations en format image, pour une utilisation ultérieure, mais bon …

Voici un petit exemple que j’ai réalisé à partir des textes d’une chanson de Ben Harper : Whipping Boy (j’ai fait une capture )

Il faut savoir qu’il est tout à fait possible d’utiliser d’autres polices moins communes. Cependant, elles ne marcheront pas chez les gens qui n’ont en pas, et le texte s’affichera avec la police par défaut du navigateur (pas testé .. corrigez moi si j’ai tort). Le site n’aura donc plus, le rendu souhaité.

Pour contourner cette limitation, il est existe un bon nombres de techniques comme par exemple, l’image replacement via CSS, qui consiste à remplacer vos textes (souvent des balises H1, H2, H3 …) par des images. Il y a également ce qu’on appelle sIFR (Scalable Inman Flash Replacement), qui est une solution open source à base de Javascript et de Flash accessible et approuvée par Google (pour en savoir plus, référez-vous à cet article sIFR 2.0: Rich Accessible Typography for the Masses).

Là je ne vais pas rentrer dans les détails des techniques, et de ce qu’apporte de plus chacune par rapport à l’autre; mais je vais plutôt vous parler d’une découverte que j’ai faite aujourd’hui (via David Airey) : Font Burner.

Font Burner, un site qui facilite l’intégration de nouvelles polices

Font Burner est un nouveau site créé par Adrian Hanft, ayant comme objectif de fournir un moyen facile et efficace pour utiliser une police de caractères peu commune sur votre site web. Pour cela, il suffit d’ajouter un bout de code dans vos pages html, et le tour est joué !

Et en plus c’est gratuit

There is nothing to install, and best of all, it’s free!

Comment Font Burner fonctionne ?

Dans la pratique, les instructions à suivre sont minimes et faciles à suivre :

1. Choisi une police de caractères parmi toutes celles disponibles sur le site. Pour cela, vous pouvez soit utilisez le moteur de recherche, soit parcourir les catégories préétablies.
2. Après avoir trouver une police, vous aurez un code Javascript en bas de page. Il suffit ensuite de copier ce code, et de le coller dans votre site web.

Il est possible de personnaliser l’utilisation de la nouvelle police. Pour en savoir plus, jetez un coup d’œil sur la FAQ.

Techniquement parlant, il n’y pas réellement d’innovation, puisque cette solution ne fait que reprendre la méthode sIFR citée un peu plus haut, pour remplacer vos titres par des textes en Flash.

Cependant, le gros avantage par rapport à une utilisation brute de sIFR, reste tout de même la rapidité et facilité de mise en place et la variété de polices disponibles gratuitement (ça vous évitera de longues heures de recherches).

Autre point à signaler, c’est que pour l’instant les seules couleurs de textes disponibles sont le noir, le blanc ou le gris. Mais bon, le projet est encore jeune et il risque fort bien de s’améliorer d’ici peu

Cette semaine, la liste des gagnants a été dévoilée sur le site officiel de l’évènement, en attendant la cérémonie qui se tiendra entre le 8 et 10 Juin prochains à New York (des tickets sont disponibles ici pour les intéressés).

Dans chaque catégorie, deux gagnants : un correspondant au choix du jury, et un autre à celui issu du vote public.

Parmi les gagnants on retrouve de grands noms, à l’image de TED qui a réussi a raflé trois prix : le meilleur Podcast, la meilleure structure de navigation et le meilleur design visuel (côté fonctionnalités). Une preuve que le minimalisme a de l’impact quand c’est bien présenté !

Toujours côté bonnes pratiques du web et du design, voici la liste de quelques gagnants :

• Apple : qui a eu trois prix “Best visual design – function“, “Best navigation structure” et “Best use of video or moving image“.
• National Geographic : prix de la meilleure page d’accueil décerné par le public.
• Flickr : sans conteste “Best community” et “Best practices“
• Happiness Factory : “Best use of animation“.
• Type City : “Best use of typography“.
• Checkland Kindleysides : “Best visual design – aesthetic“.

La liste de tous les gagnants est disponibles sur le site officielle en deux versions : interactive et statique.

FontStruct est une application web gratuite de création de polices en ligne, qui vient d’être ouverte au public depuis Mardi dernier.

Ce service, créé par Rob Meek pour FontShop, bénéficie d’une interface en Flash intuitive et facile à manier. Il est possible de créer rapidement et facilement des polices en se basant sur des formes géométriques appelées “bricks” (carrés, triangles, ronds …) que l’on peut arranger et aligner sur une grille.

Il est également possible de choisir la catégorie de la typographie que l’on souhaite définir, parmi toute une panoplie de sets prédéfinis, allant du “Basic Latin” jusqu’au “Hiragana” japonais.

Après avoir créé la typo, FontStruct propose quelques fonctionnalités de base tels que l’aperçu (avec zoom in et zoom out) ou l’export en format TrueType. Le volet social n’a pas été négligé, puisqu’il est possible de partager ses créations avec l’ensemble de la communauté de FontStruct, et de parcourir la galerie de typos disponibles en téléchargement.

Dernier détail qui pourrait en intéresser plus d’un, FontStruct met à disposition des utilisateurs un widget qui leur permetra d’afficher leurs créations directement sur leurs sites ou blogs.

via : Ink Magazine