Sushi Codeur's List: Five Stars

• Les polices “web-safe”
• les évolutions des navigateurs ont permis une amélioration du rendu de ces fontes.
• text-rendering: optimizeLegibility;
• l'instruction CSS précédente va permettre
• d'améliorer les ligatures et l'approche typographique.
• Une autre pratique émerge au niveau des font-stack
• De plus en plus, les designers utilisent d’autres polices, pour permettre à ceux qui en sont équipés un affichage plus agréable des pages. Pensez donc bien à votre cible, et prenez garde à choisir des familles de polices qui ont à peu près la même chasse.
• les “hacks”
• solution alternatives pour intégrer des polices comme sIFR (dont la version 3 apporte de grandes améliorations), Cufón ou Typeselect
• pour faire votre choix, il faut prendre en compte les éléments suivants :
• Le site concerné aura-t-il d’autres modules en Flash?
• La police de caractère que vous voulez utiliser a t-elle des restrictions de license?
• @font-face
• Font-squirrel a une bibliothèque de polices gratuites de très bonne facture
• Il fallait s’y attendre, cette solution a explosé.
• Typekit, solution payante, devrait être adoptée par toute agence web qui se respecte
• Leur bibliothèque est fournie en fontes de qualité
• Fontshop a même ouvert de nouvelles perspectives en permettant à ses clients de lier leurs achats de police à leur compte Typekit, rendant ainsi la bibliothèque expansible
• N’oubliez pas fontdeck, par Clearleft, qui a encore une bibliothèque toute jeune, mais qui est un service très prometteur.
• Conclusion
• nous avons de plus en plus de liberté quant au choix des polices que nous pouvons utiliser sur le web
• Attention à ne pas oublier
• certaines polices ne sont pas adaptées à un affichage sur écran
• ce n’est pas parce que vous mettez plus de polices différentes que votre page sera plus jolie
• “typographie” ne veut pas dire “choisir une police”
• il est possible d’aider automatiquement vos clients à améliorer le rendu typographique de leus contenus grâce à des lignes CSS, des plugins comme wp-typography ou des modules PHP comme php-typography

24 more annotations...

• Les polices “web-safe”
• Jusqu’à présent, le webdesigner devait limiter l’usage des fontes utilisées à un nombre restreint. Ce nombre est fonction des polices de caractères installées par défaut sur les postes des internautes.
• Les “hacks”
• Face à ce nombre restreint de fontes, des solutions basées sur des scripts de remplacement de police sont apparues.
• La plus connue et utilisée est sIFR
• Des solutions entièrement basées sur Javascript sont apparues : Cufón , Typeface.js, ou plus récemment, Typeselect.
• @font-face change la donne
• La propriété CSS3 @font-face, déjà prise en compte par Safari (>3.1), Opéra (>10a) et Firefox (>3.1b), permet de lier un fichier de police (ttf, otf) à une page web.
• attention au termes de licence des polices propriétaires utilisées.
• Mais alors, pourquoi un débat ?
• les webdesigners et intégrateurs s’accordent pour dire qu’ils aimeraient avoir un choix de polices de caractères plus vastes
• Les fonderies nous fournissent un travail d’orfèvre, et sont souvent de petites structures qui ont besoin de protéger leur propriété intellectuelle pour survivre.
• Nous avons besoin d’eux et de leur travail
• Créer des polices de caractères est un travail de professionnel
• les polices mises sur serveur pour utiliser @font-face seront téléchargeables
• pour être ensuite utilisées sur son propre poste
• Une solution : EOT
• Ce format propriétaire empêche le vol de la police de caractère incluse, grâce à des restrictions d’utilisations natives
• L’alternative : .webfont
• une alternative non propriétaire à EOT
• Elle a très vite obtenu le soutien massif des fonderies, dont la très respectée Hoefler & Frere-Jones
• le format .webfont est une archive composée de deux fichiers (la police, et un fichier de configuration xml).
• En attendant
• Une autre façon d’aborder le problème a été envisagée par Typekit et Fontdeck
• payer un abonnement pour louer les polices de caractère sur un serveur tiers
• Conclusion
• D’une part, la plupart des polices de caractères ne sont pas optimisés pour l’écran. D’autre part, chaque lot d’innovations ouvrant de nouveaux horizons entraîne une part d’excès d’enthousiasme — et j’ai bien peur que l’on rencontre d’ici peu d’affreux mélanges de polices Papyrus et Mistral sur la toile !

25 more annotations...

• Ces derniers jours, j’ai lu en diagonal des articles négatifs sur l’usage de PowerPoint
• PowerPoint 1.0
• Un produit épatant livré sur disquettes et accompagné d’un splendide livre relié en couleurs qui faisait fonction de manuel
• À cette époque, je bossais pour pas mal de sociétés de conseil anglo-saxonnes dans leurs agences parisiennes et cette application n’a pas été adoptée d’emblée
• nous réalisions alors toutes nos slides à la main, comprendre à l’encre de chine sur papier baryté et composphère
• À leur service, une équipe de graphistes en Visual business (dont votre serviteur et son associée…) et de secrétaires pour réaliser et mettre en forme ces fameuses présentations. Du coup, chaque mission était l’objet d’un intense travail où tout ce petit monde se retrouvait dans les dernières 24 heures au coude à coude, échangeant, corrigeant pour produire la présentation sans dépasser la fatidique deadline.
• Ces présentations étaient généralement fort pédagogiques et efficaces.
• À cette époque, les consultants travaillaient en équipe, testaient devant leurs pairs les scénarios de leurs présentations, prenaient en compte les remarques des graphistes pour les représentations utilisées ou les astuces de découpage, écoutaient leurs secrétaires qui corrigeaient les fautes d’orthographes…!
• Les graphiques les plus complexes étaient éclatés en overlays
• certaines informations étaient traitées à part (blow-up) pour expliquer un élément précis en détail
• Enfin, la présentation était structurée en trois, quatre ou cinq parties, le passage de l’une à l’autre s’effectuant après avoir résumé ce qui venait d’être montré
• Bref, l’idée restait d’être limpide pour l’auditoire de A à Z.
• Du travail d’équipe à la réalisation en solitaire…
• PowerPoint s’est imposé à son tour dans les années 90. Ce fut la fin de ce travail d’équipe. Les graphistes en Visual Business ont été gentiment congédiés et se sont reconvertis, les secrétaires sont (re)devenues des assistantes et les consultants ont commencé à réaliser, seuls, leurs présentations.
• Si la première génération de consultants s’en est pas trop mal sortie, aguerrie par l’expérience passée, ce sont les suivantes qui ont commencé à piocher dans ces templates toutes faites, à penser que copier/coller de graphiques d’Excel dans un flot de slides suffisait.
• En flinguant PowerPoint systématiquement, on se trompe de cible me semble-il.
• PowerPoint et consorts restent des outils performants mais il est temps de (ré)expliquer à tous ceux qui l’emploient des règles de base d’une présentation.
• Bref, retrouver l’essence même de ce que doit être une présentation : faire passer un message, une histoire et un seul à l’auditoire, le rendre capable d’assimiler des concepts complexes en les découpant préalablement en briques élémentaires, fines, accessibles. Le moindre cinéphile devrait le comprendre.

16 more annotations...

• l'écriture web met l'accent sur le contenu narratif (texte ou mutimédia) du système d'information : le développement de l'articulation du récit et de sa structure non linéaire. (...) cela fait partie de l'architecture de l'information.
• Je constate encore très souvent (presque toujours, en fait) dans ma pratique, que rien n'a été pensé pour la mise en valeur de l'information d'un point de vue de l'histoire, du sujet lui-même
• Chaque fois qu'un ergonome ou un designer web ne traite pas ce dernier niveau d'information, il met du lorem ipsum. Cela signifie implicitement "ce niveau n'est pas important pour la structure de l'information". Or, ce n'est pas vrai.
• La structure d'un article ou d'une page web créée pour valoriser le sujet, l'information, c'est fondamental. Les mots structurent le plus souvent la pensée.  Nous faisons le contraire aujourd'hui dans les projets web. On pense une structure et ensuite, on fait rentrer des mots dedans.
• Quand allons-nous penser les sites web comme des vecteurs de messages, de puissants moyens de narration, et non comme des boites navigables toutes prêtes, à remplir avec des mots ?

3 more annotations...

• We all know, people have learned to scroll.

• However, the digital fold concept evolved into ‘squash as much content as you can above a certain number of pixels’.

    

  This is wrong, wrong, wrong.
• Imagine a newspaper squashed all of its quality content on the front page. How disappointed would you be to open the paper to only find the leftovers?
• If everything of exceptional quality is pushed upon the reader at the beginning, once they start exploring and the rest of the site isn’t of the same calibre, they're going to be let down.
• • The Prize -> waste, waste, waste...
    Build up, build up, build up -> The prize
  Add Sticky Note

3 more annotations...