Webdesign : Typographie sur le Web avec FontDeck

Après la sortie il y a quelques jours de Google WebFonts, un nouveau système similaire vient de sortir : FontDeck.

Cette solution est, en quelque sorte, le compromis entre l'API Google et TypeKit. De nombreuses typographies sont présentes (81 à l'heure actuelle), certaines sont de très bonne qualité, et l'utilisation de cette solution à l'air (je n'ai pas encore eu le temps de la tester) aussi simple que celle de Google. Seul bémol, cette solution est payante, compter environ 11.90 dollars par typo et par site (soit 9.75 euros) pour une licence annuelle.

Les avantages

• Nombreuses typos (81)
• Compatible avec tous les navigateurs récents
• Simplicité d'utilisation
• Fonctionne même lorsque le JavaScript est désactivé
• Texte "en dur"

Les inconvénients

• Solution payante
• Beaucoup de polices ne sont pas utilisable en corps de texte

Une version d'essai est proposé gratuitement (très limitée).
En savoir plus sur FontDeck : http://fontdeck.com/

Webdesign : L'API Google WebFonts

Webdesign : L'API Google WebFonts

Depuis quelques jours, je teste sur ce blog la nouvelle API de google, Google WebFonts. En tant que webdesigner, je suis souvent confronté à des questions au sujet des polices utilisées dans mes maquettes (destinée à la création de site internet en Html et Css), j'attends depuis longtemps une solution permettant d'utiliser des typos différentes des classiques Arial, Verdana ou Georgia... sans devoir passer par des images.
Plusieurs solutions existent déjà, comme Typekit, SiFR, ou Cufon, chacune d'elles ayant leurs avantages et leurs inconvénients.

TypeKit

les avantages

• Nombreuses typo (restrictions en fonction de l'offre choisie)
• Installation simple
• "Texte en dur"
• Une offre gratuite (pour un site, deux polices, maximum de 25 000 pages vues/mois, et bagde TypeKit obligatoire)

Inconvénients

• Pas compatible avec tous les navigateurs (Opéra 10.5 notamment)
• nécessite la création d'un compte sur TypeKit
• 3 offres payantes (de 24.99$ à 99.99$/an - ça reste cependant raisonnable)

Pour en savoir plus : www.typeKit.com

Cufon

les avantages

• Intégration de vos propres polices (True Type et Open Type)
• Compatible avec tous les navigateurs récents
• Solution gratuite

Inconvénients

• L'intégration des typos à l'air un peu complexe (j'avoue ne pas avoir encore tester :) )
• intégration dans balise < cufon > 
• ne fonctionne pas lorsque le javascript est désactivé

Pour en savoir plus : http://cufon.shoqolate.com/

SiFR

les avantages

• Intégration de vos propres polices
• Solution gratuite

Inconvénients

• Système basé sur Flash (paramètres passés en flashvar), donc pas super pour le référencement...
• ne fonctionne pas lorsque le javascript est désactivé
• Pas compatible avec tous les navigateurs (Opéra 10.5 notamment)

Pour en savoir plus : http://wiki.novemberborn.net/sifr3/

Google WebFonts

les avantages

• Simplicité d'utilisation
• Solution gratuite
• Solution hébergée par Google
• Compatible avec tous les navigateurs (même IE6)
• Fonctionne même si le javascript est désactivé

Inconvénients

• "Seulement" 18 polices disponibles pour le moment
• Les polices sont souvent inutilisables en corps de texte

Pour en savoir plus : http://code.google.com/webfonts/

Pour en savoir plus sur ces solutions :

• Cufon sur Alsacréation
• Typo personnailsée sur Alsacréation
• TypeKit sur Css4Design
• Google WebFonts sur CreativeJuiz

Profession graphiste indépendant

Tout est dans le titre !
Voici un livre tout simplement indispensable, si vous souhaitez vous installer en tant que graphiste indépendant, ou que vous l'êtes déjà...
Il y avait le "Guide du graphiste indépendant", écrit par Christelle Capo-Chichi (édition Pyramid), il y a désormais "Profession graphiste Indépendant". Ecrit par Julien Moya (directeur artistique freelance, déjà à l'initiative du Kit de Survie du Créatif), et Éric Delamarre (photographe indépendant), ce livre est une véritable source d'informations pour tout graphiste souhaitant réussir sa carrière d'indépendant.
Au programme : le projet d'indépendance, le statut fiscal, le statut social, les droits d'auteurs, les questions de tarifs... tout y est !
Le mien est commandé, je l'attends avec impatience !


En savoir plus : profession graphiste indépendant

• Auteurs : J. Moya et E. Delamarre
• Edition : Eyrolles
• Parution : 07/05/2010
• Edition : 1ère édition
• Nb de pages : 256 pages
• Format : 17 x 23
• Couverture : Broché
• Poids : 495 g
• Intérieur : Noir et Blanc
• Prix public : 26,00 EUR

Webdesign : Nouvelle interface Google.fr, partie 2

Ce soir encore (cf nouvelle interface google.fr), Google effectue des tests sur sa nouvelle interface pour Google.fr.
Une nouvelle fonctionnalité apparaît dans les résultats de recherche : le choix de la localité. Nous savons déjà depuis longtemps que Google propose des résultats différents selon la localité du visiteur, mais cette fois-ci le géant Américain  a directement intégré un mini-formulaire permettant de préciser le lieu depuis lequel nous effectuons notre recherche.

Entre les tests sur la nouvelle interface Google.fr, et les résultats de recherche qui évoluent de façon spectaculaire ces derniers temps, je me demande si Google n'est pas en train de nous préparer une nouvelle interface tout simplement pour accueillir la fameuse mise à jour de son algorithme : Google Caféine ?

En savoir plus : 

• Nouvelle interface Google.Fr
• Google diffuse sa dose de caféine
• Google Cafféine se déploie à vitesse grand V !
• Google Cafféine ou quand les SERPS bougent

[edit du 06/05/10] : Google a lancé officiellement sa nouvelle interface aujourd'hui même (le 06 mai 2010). Cette nouvelle interface google est nommée "Jazz"... pour tout savoir sur l'interface Jazz rendez-vous sur le blog de l'agence de référencement montpellier Publika

Webdesign : nouvelle interface Google.fr

C'est pas la première fois que je le remarque, mais Google.fr change ! Je ne parle pas de la mise à jour Caféine (même si... ;) ) , mais de son interface graphique. Et une fois de plus, on reste dans la grande tradition Google : une efficacité éblouïssante ! Toujours aussi simple, accès sur l'élément principal qu'est le moteur de recherche, avec le logo rajeuni (il était temps !) mais pas dénaturé. L'intégration d'icône dans le menu de gauche ajoute un côté plus visuel au  SERPs, et de nouvelles fonctionnalités sont apparues. La nouvelle interface Google propose de modifier l'apparence des résultats de recherche en affichant par exemple une (ou plusieurs) image(s)   (très certainement la (les) première(s) qui ressort(ent) dans Google Images), ou un aperçu de la page (je dois  avouer que le résultat n'est, pour le moment, pas une réussite...). D'après ce que j'ai pu constater, seules les interfaces de Google Maps et de iGoogle n'ont été mises à jours...

la preuve en image...