FontFriend : éditer vos polices en temps réel

0 commentaires

Par Seb

Dans la série des petits utilitaires fichtrement pratiques, je vous présente FontFriend : ce bookmarklet (à glisser dans vos favoris) vous permet, depuis n’importe quelle page web, d’ouvrir un panneau de contrôle vous permettant de modifier en temps réel les polices.

Pour les webdesigners un peu pointilleux sur le choix des polices, c’est un must-have ! Vous pouvez modifier sur l’ensemble de votre document ou sur un élément précis (avec des sélecteurs de type CSS/jQuery) :

  • La police, parmi un choix des polices standards du web, ou celle de votre choix
  • Les variantes : small-caps ou normal
  • Les graisses : bold ou normal
  • Les transformations : capitalize, uppercase, lowercase ou normal
  • Inclure une déclaration font-face, via un simple glisser-déposer de votre police
  • La hauteur de ligne
  • La taille des caractères

Pour les intégrateurs HTML, c’est un temps précieux d’économisé : plus besoin de modifier votre feuille de style, d’enregistrer, de passer dans votre navigateur puis d’actualiser – tout se fait en temps réel.

Attention toutefois aux possesseurs d’anciens navigateurs (IE 7 et antérieur, notamment), l’outil ne semble pas vraiment compatible.

À découvrir ici : http://somadesign.ca/projects/fontfriend/

The Printliminator, l’ami de votre cartouche d’encre

2 commentaires

Par Seb

Petite mise en situation : vous êtes en train de parcourir l’actualité people sur votre site favori, et là – paf ! Vous tombez sur l’article du siècle : le dernier potin sur le 3ème chien de Paris Hilton. Vous vous dites alors que vous allez l’imprimer pour en faire profiter tout votre entourage, et c’est là que ça coince…

Site non optimisé pour l’impression, sapin de noël de pubs clignotantes… Pour sortir votre petit paragraphe de texte, votre imprimante va laborieusement repeindre trois ou 4 pages avec vos cartouches, dont vous pouvez presque voir le niveau baisser à vue d’œil, en imprimant tous les éléments non indispensables et donc – forcément – très colorés et gourmands en place.

Et encore, à condition que votre texte ne soit pas carrément tronqué par le bord de la page.

Pour ne plus rencontrer ce genre de situation, vous pouvez faire appel au Printliminator : un simple bookmarklet à ajouter dans vos favoris, et d’un clic vous pourrez :

  • Supprimer toutes les images
  • Supprimer les blocs indésirables (pubs, bandeaux, footers…)
  • Appliquer une feuille de style optimisée pour l’impression

Comme une petite vidéo vaut mieux qu’un long discours, je vous renvoie à la page de démo de ce redoutable petit outil :

Sur ThemeForest