Cufon ou comment personnaliser vos polices

16 03 2010

Quand on fait un site web on est vite limité par le nombre de police disponible, pas de fantaisie sur le web. Pour y remédiez vous pouvez utiliser Cufon.

C’est quoi ce truc ?

Ce « truc » est une librairie javascript qui va dessiner votre texte selon la police que vous voulez.

Comment ça marche ?

Vous devez sur le site de Cufon et uploader les fichiers de votre police sous 4 formats différents:

  • normal
  • gras
  • italique
  • gras et italique

Vous paramétrez les types de caractères à insérer, faites attention a utiliser une police avec des accents et à l’indiquer dans les options. Vous obtenez un fichier javascript du type la_police.font.js, c’est lui qui dessinera votre texte (n’oubliez pas également la librairie cufon.js).

J’ai mis tous ces fichiers mais je vois rien.

Ah oui, j’oubliais il faut déclarer quels textes seront remplacés, ça se fait avec jQuery:


jQuery(document).ready(function() {
Cufon.replace(‘.blogname’, { fontFamily: ‘MankSans-Medium’});
});

Ici chaque fois qu’une balise sera de la classe « blogname » on dessinera le texte correspondant avec la police MankSans-Medium.

On va devoir réécrire cette ligne pour chaque classe ?

Bien sur que non! si vous voulez utiliser la même police pour plusieurs classes CSS, il suffit d’ajouter les autres classes à la suite, comme ceci:

jQuery(document).ready(function() {
  Cufon.replace('.blogname, .titre', { fontFamily: 'MankSans-Medium'});
});

Mais ce n’est pas tout! Cufon prend également en compte le passage de la souris sur le texte, le « hover » du CSS:

jQuery(document).ready(function() {
  Cufon.replace('.title', { fontFamily: 'Myriad Pro', hover:true});
});

Vous avez vu le « hover:true » ? Cette option autorise l’utilisation du descripteur hover de la classe « title », la classe non ?

Pourquoi tu dis tout le temps « dessiner » ?

Parce que le texte générer par Cufon sera une image! Cufon utilise la balise canvas pour dessiner le texte dans la police choisie, d’où toutes ces longues opérations.

Une fois mise en place, ça devient facile Cufon utilisera les couleurs et tailles de polices telle que définit dans le CSS.

Source La Geekette





sur Gmail : rafraîchir tous ses comptes POP en une fois

10 03 2010

Une nouvelle fonctionnalité est disponible sur le Labs de Gmail, il s’agit d’un bouton « Actualiser » qui ira vérifier tous les messages présents dans les comptes POP que vous avez paramétré, plus besoin d’aller dans les paramètres pour vérifier chaque compte à la main.

Dans le Labs de Gmail cherchez:

et voilà un joli bouton (plutôt un lien en fait) « Actualiser » :

via le blog Gmail





Bande annonce : Tron Legacy

9 03 2010

Les bandes annonces s’enchainent en ce moment après Iron Man 2 hier, voici un nouveau trailer pour Tron Legacy, suite du film culte de 1982:

Pour le voir il faudra attendre le 15 décembre 2010, patience.

Prévenez-moi si la vidéo est retirée !





L’application WordPress sous Android

9 03 2010

L’équipe WordPress à sorti une application Android permettant de gérer son blog (sous WordPress évidemment).

Tour du propriétaire

Nous avons face à nous une application :

  • en anglais
  • gérant la rotation de l’écran
  • avec édition de l’article en HTML
  • avec 3 onglets: Commentaires, Posts (articles), Pages

On a à notre disposition les fonctionnalités de base de gestion d’un blog, pour chaque éléments (un commentaire, un article, une page) il faudra faire un appui long pour atteindre les options disponibles

L’appui court ne fait rien ce qui est un peu dommage, j’aurais apprécie de pouvoir le paramétré avec une action par défaut (peut-être une prochaine version).

Comme indiqué plus haut l’édition des articles se fait en mode HTML, on peut donc inséré les balises HTML « à la main » (comme on bon vieux temps), l’éditeur d’article n’est donc pas WYSIWYG. De plus les images n’apparaitront pas (optimisation de la bande passante?!).

Cette application ne vous permettra pas de gérer votre blog de façon complète mais vous pourrez tout de même rédiger quelques brouillons d’articles ce qui est bien tout de même.

Quelques captures pour la route





Nouveau trailer pour Iron Man 2

8 03 2010

Une petite news rapide pour vous annoncer la sortie d’un nouveau trailer pour Iron Man 2 (vous vous en doutiez pas avec le titre ?)

via Mashable





La puissance de Twitter

8 03 2010

Je commence tout juste mon blog et je ne m’attends donc pas à avoir de grosse visite dans l’immédiat mais vendredi j’ai eu une bonne surprise:

Je me suis tout de suite demandé pourquoi un tel pic d’influence… et j’ai bien vite eu la réponse en consultant mes mentions sur Twitter, j’avais été RT pour la @geekette et @HeleenThomas

Donc merci à elles.

Vous constaterez bien évidement que les visites sont redescendus à un niveau plus « normal ».





11 extensions pour Chrome

5 03 2010

Tout comme FireFox Chrome vous permet d’utiliser des extensions (du moins depuis la version 4), vous les trouverez ici. Je me propose donc de vous fournir une petite liste d’extensions que j’utilises dans ma navigation de tous les jours.

Avant de commencer, Chrome n’a pas d’extension GreaseMonkey, tristesse… mais accessoirement ce n’est pas grave car les scripts GreaseMonkey sont gérés en natif par Chrome et apparaissent avec les autres extensions, youhou!

  • Google Mail Checker Plus : celle ci affiche une icone dans la barre d’outils avec le nombre d’email non lus, quand vous cliquez sur l’icone une petite pop-up s’affiche avec la liste des emails non lus et la possibilité de les lire, archiver… ça évite d’ouvrir Gmail exprès.
  • Reader Plus : ici c’est pour Google Reader, l’extension permet entre autre d’utiliser un thème, de coloriser les flux (pratique pour s’y retrouver!), de supprimer les pubs…
  • WiseStamp : créer des signatures HTML pour vos emails, ils vont diront merci.
  • BetterGmail : propose plusieurs options pour améliorer Gmail.
  • VidzBigger : agrandit les dimensions des vidéos sur YouTube et optimise l’affichage.
  • Xmarks : synchronisez vos favoris entre vos  différents postes.
  • Speed Dial : affichez des miniatures de vos site favoris sur votre page d’accueil, c’est une amélioration de la page d’accueil par défaut de Chrome car vous pouvez définir les pages a affichés ainsi que le nombre de miniatures.
  • WOT : permet de connaitre la fiabilité d’un site web, si le site n’est pas assez fiable vous aurez une alerte avant d’y accéder.
  • Extension abonnement RSS : affiche un bouton dans la barre d’adresse pour vous abonnez au flux d’un site, plus besoin de chercher le bouton du flux sur le site!
  • Diaporama : dés que vous vous trouverez sur un album d’images (sur Facebook, Flickr, recherche d’image Google) un diaporama s’affichera un bas pour un accès rapide aux images.
  • AdBlock : bloque les pubs des sites web