Thomas Hervé // le blog

Petit post en avance alors que je préfère d’habitude publier en début de semaine, mais vu que je risque d’être déco pendant quelques jours, voici de quoi nourrir vos rétines pour la semaine…

Petit bijou d’originalité pour le site de Serge Seidlitz, tout en hauteur (plus de 5000 pixels de haut), bourré de couleurs, de personnages et de typos faites mains. Je vous laisse contempler et fouiller les détails !

Le voici en version complète (capturé avec Sunrise), mais le mieux étant d’aller sur son site, voici le lien : www.sergeseidlitz.com

Je rencontre quelques problèmes avec mon ancien flux RSS (http://www.thomasherve.com/blog/?feed=rss2) et je conseil à tous de basculer vers le nouveau flux (http://www.thomasherve.com/feed). L’ancien risque de ne plus fonctionner très longtemps…

Je pense que je vais devoir faire une réinstallation de Wordpress car je ne m’en sors pas de cette histoire de flux… Merci à tous de votre compréhension !

Pas de date du genre « News du… » pour cet article, un « #100″ aujourd’hui puisqu’il s’agit du centième depuis que j’ai relancé mon blog. Ce n’est pas énorme, plus symbolique, une étape de plus. Oh, pas d’inquiétude, je ne vais pas me mettre à poster tous les jours pour autant, j’ai déjà du mal à garder un rythme hebdomadaire, donc je vais continuer sur ma lancée, avec peut être les quelques nouveautés.
L’apparence du blog va aussi encore évoluer en douceur, dès que j’aurais assez de temps pour m’y coller.

 Hommage de TypeNeu.com

Je vais commencer cette série de news par un hommage qui est rendu à Adrian Frutiger pour ses 80 ans par toute la communauté. C’est une initiative de la fonderie Linotype, qui proposait de réaliser des cartes de voeux qui lui seront remise aujourd’hui, jour de son anniversaire.

Vous pouvez voir quelques cartes d’anniv comme chez TypeNeu, Aisleone, Typeforyou ou encore Computer Love. Donc très bon anniversaire Monsieur Frutiger !

Pour continuer dans la typo, Fontcubes propose la Walkway, un caractère bâton et ses 31 variantes, en téléchargement gratuit.

Chez ILT, deux interviews a dévorer dans la série « Face to Face », avec Nadine Chahine (typographe libanaise) et avec Stefan Hattenbach (typographe à Stockholm). Croquis, explications, belle présentation, vraiment dommage que l’on ai pas la même chose en France !

Quoique, je dis ça, c’est totalement faux. Il y a le très beau travail de Julien Castanié (Quadrupleclic.fr) et des interviews d’étudiants en Arts Appliqués que je vous conseille de lire. Avec un coup de coeur pour le  très beau travail de Biblis Duroux. 

Un peu d’inspiration avec une sélection de carte de visite sur le Dzineblog.

Un équivalent à Iconfinder: Iconlook.com

Pour les passionnés de photo, le début de l’été est synonyme des Rencontres d’Arles. Alors ne ratez pas le programme du festival 2008, le 39ème tout de même, qui aura lieu du 8 juillet au 14 septembre avec comme « commissaire-couturier » Christian Lacroix. J’en reparlerais après y être passé.

Très bon week-end à tous !

En retard, comme d’habitude ! Et comme j’ai lu sur le blog de François Pisani que nous ne lisions pas mais que nous ne faisions que balayer l’information (20% d’un texte de 600 mots, 50% si il est inférieur à 111 mots), je vais faire court et mettre des images (mais pour ça, je ne change pas…) :

> tout d’abord, encore des news du blog, je continue à m’amuser avec le CSS3. Du coup, je suis passé au multicolonnage. Un rêve pour tout graphiste print habitué au chaînage de bloc texte ! Reste encore à l’améliorer, corriger des bugs, trouver le compromis entre l’affichage de Safari et celui de Firefox, des problèmes d’équilibrage automatique des colonnes (avec les problèmes d’image coupée ou séparée du texte). Mais c’est un début…

> Vu sur « l’instant des… », un photoblog de photographies glanées sur le web avec régulièrement de très belle trouvaille, dont celle-ci de Michael Christopher Brown que je trouve superbe.

> Chez ILT, une jolie sélection du 27 avril avec le problématique logo de l’OGC, du t-shirt de graisse helvétique, le newwork magazine, et j’en passe… Et comme ILT, c’est du lourd, voici un autre article à ne pas rater sur 15 sites avec une belle utilisation de la typo (en tout cas, il y en a au moins 5 qui valent vraiment le coup)

> Vous aimez le packaging ? Moi oui, et le Dzineblog aussi semble t’il puisqu’il propose une très belle sélection en deux articles (le 1 et le 2) pour vous apporter inspiration et créativité. A ne pas rater !

> Une initiative intéressante et à suivre de près : Minimal Experimental. Une plate-forme pour encourager les graphistes à aller à l’essentiel, à expérimenter plus et dont le but est aussi de promouvoir le design expérimental comme une forme d’expression contemporaine.

> un peu de technique mais peut être une bonne révolution, l’Open Screen Project d’Adobe ou si vous préférez, l’ouverture de flash pour essayer de l’imposer avant l’arrivé de Microsoft. Et c’est bien pour tout le monde mais les conséquences peuvent être vraiment importante. Voir plus de détails par exemple ici.

> Pour terminer, une vidéo que j’ai trouvé très poétique, celle d’une méduse aérienne. Via 37 signals.

Bon, j’en ai encore pas mal sous le coude, mais je vais en garder pour la prochaine fois, en espérant que ce soit pas dans un mois ! N’hésitez pas à me laisser un commentaire pour me dire ce que vous avez aimé, trouvé inintéressant, pas compris, déjà vu… Ce que vous voulez !

MAJ : Xuoan de « l’instant des… » m’a fait remarquer par mail que les commentaires étaient bloqués, il fallait apparemment être connecté pour en laisser un. C’est sans doute bloqué depuis mon passage à WP 2.5. J’ai donc décoché cette option et vous pouvez normalement poster un commentaire sans souci. Merci donc encore une fois à Xuoan d’avoir pris le temps de m’écrire un mail pour me le signaler !

Petite news de ce mercredi matin, puisque ça fait une semaine, il faut quand même que j’arrive à tenir ce rythme. A ce propos, si j’arrive à trouver plus de temps, j’essayerais de mettre plus de photos et pourquoi pas quelques boulots en plus de mes posts habituels d’actualités. Cela permettra de faire vivre un peu plus le blog et d’avoir quelque chose de plus personnel. Reste à trouver la forme et le temps.

Du temps justement, j’en ai trouvé un peu pour m’attaquer au reste du site qui avait vieilli par rapport à la nouvelle apparence du blog. J’ai donc tout re-charter, j’ai plongé les mains dans le cambouis du javascript (JQuery pour les intimes) afin d’animer un peu tout ça. Autant vous le dire tout de suite, j’ai été très agréablement surpris par sa simplicité. Bon, ça reste du code, mais à réutiliser et à modifier, c’est assez simple.

Du coup, ma page portfolio a été entièrement mis à jour, les deux PDF sont encore là mais un petit javascript (Galleria), permet de présenter 27 pages extraites de mon book. C’est simple, propre, assez rapide, pas besoin de plugin (n’est ce pas Flash ?), il ne manque qu’un retour en arrière plus intuitif (en cliquant à gauche de l’image).

J’ai aussi rajouté une page d’archive. Bon, je vient de m’apercevoir qu’elle ne fonctionne plus (tout comme la page Informations & Crédits). Cela doit venir du remplacement de ma base wordpress par une version corrigée au niveau des accents. Il va falloir que je m’en occupe.

Petite news pour les utilisateurs de Safari 3, vous vous serez peut-être aperçu de la typographie utilisée, la Fontin, pas très habituelle pour le web. En effet, je me suis servi de la fonction @font-face apparu avec la version 3 du CSS. J’en ai déjà parlé, je ne reviendrais donc pas dessus, mais c’est étonnement simple à utiliser !

Voilà, il me reste encore à travailler la page Photographie, il s’agit d’un gros boulot puisque je vais essayer de la lier à Lightroom. J’en profiterais pour mettre à jour toutes les photos puisque ce n’est plus le cas depuis…pfff trop longtemps.

Bon, après autant de news sur le blog, voici la série de liens de la semaine :

Soocial, un service pour gérer son carnet d’adresse en ligne. J’avais testé Plaxo, mais je n’avais pas été convaincu, trop intrusif. Soocial semble bien plus prometteur, la beta est pour l’instant ouverte qu’au utilisateur Mac, j’attends mon invitation, si j’accroche plus, je vous tiendrais au courant de ce service.

Chez Smashing, un peu de magazine en PDF. Il y a du bon et du moins bon.

Chez Noupe.com, une sélection de design inhabituel de blog Wordpress. Intéressant.

Un petit article intitulé : « Des machines et des hommes : le web sémantique » très intéressant. On en parle souvent beaucoup mais sans trop le comprendre. Maintenant plus d’excuse, c’est chez Mashable FR.

Terminons avec le meilleur : une interview de Jos Buivenga (l’auteur de la Fontin, de la Museo, …) chez Ilovetypography.com. Bien sûr, c’est en anglais, mais ce n’est finalement pas bien long à lire !

Au programme après ce beau dimanche ensoleillé (ici): un bug , Photoshop Express, la beta de Lightroom 2, un outil de construction de typo, un concours photo et un site…

Tout, d’abord, et vous l’aurez remarqué, je rencontre un petit problème avec les accentuations (dans mes anciens articles). Il s’agit d’un problème de codage des bases de donnée qui est apparu depuis mon passage à la 2.5 de Wordpress. C’est bien beau de connaître l’origine, reste à trouver une solution… Donc je cherche et j’ai demandé un peu d’aide car les bases de données et les graphistes n’ont jamais fait bon ménage… Pour le reste, pas de gros changement pour le lecteur, la version 2.5 a évolué au niveau de l’administration. Et après utilisation, rien à voir, la nouvelle interface est bien mieux pensée, structuré et agréables. Cette plate-forme évolue vraiment dans le bon sens…

Entre le lancement de Photoshop Express, de la beta de Lightroom 2 et du tour de l’Europe par le onAIR Tour (de passage à Paris le 2 avril dernier), ça bouge beaucoup du coté de chez Adobe en ce moment. On parle même déjà de la version CS4 et CS5 de Photoshop (pour des histoires de 64 bits, de Carbon et de Cocoa… je vous passe les détails). On va pas se plaindre que l’une de nos sociétés fétiches (bien grand mot, je sais, mais pour nous, graphistes, le monde informatique se résume souvent à Apple et Adobe) ne se repose pas trop sur ses lauriers.

Concernant Photoshop Express, le peu que j’ai testé, je l’ai trouvé lent, extrêmement limité (normal), mais néanmoins très efficace dans ses actions. Rien de révolutionnaire en tout cas, reste que ça commence à se battre sévèrement du coté des applications en ligne de retouche d’images…

Autre champs de bataille, les derawtiseurs, ou plutôt devrait on dire les logiciels dédiés aux photographes, avec gestions complètes du flux de prod. Depuis Aperture et Lightroom, la concurrence a sensiblement diminué, les anciens derawtiseurs (DxO par exemple) deviennent des plugins aux deux grands. Hélas, Apple perd doucement du terrain face à Adobe. Alors que le premier annonçait il y a peu la version 2 d’Aperture avec son lot d’améliorations, Adobe présentait il y a quelques jours la version béta de son second lightroom, et les avancées sont bien plus importantes du coté de la firme au carré rouge. En espérant que du coté de la pomme on se ressaisisse rapidement, la concurrence étant la meilleure chose pour nous, utilisateurs finaux. Bref, j’ai décidé de tester cette beta sur les photos de mon week end à Barcelone. Plus de détails bientôt. En attendant, tout le monde en ayant déjà beaucoup parlé des nouveautés de cette version, je vous renvoie vers le site de JF Vibert qui a fait un très bon article ou celui de Gilles Theophile d’utiliser-lightroom.fr.

Après Photoshop Express, on continue dans le logiciel en ligne avec cette fois un outil de création de typographies. C’est Fontshop à l’origine de ce projet, et alors que je m’attendais à quelque chose d’extremement basique et complètement dans la tendance des grosses typos géométriques (j’en reparlerais), Fontstruct est plutôt agréable voir même amusant à utliser. Reste que ce n’est pas un vrai logiciel de dessin de caractère mais pour certaines utilisation spécifique, pourquoi pas… J’essayerais de trouver le temps de la tester plus en profondeur…

Via l’excellent Le monde de la photo, l’annonce d’un concours du National Geographic intitulé « Le lien entre les peuples » avec l’aide d’Air France… Autant dire quelques jolis lots à gagner…

Pour terminer, un bon site à visiter, celui de la marque Starbucks Coffee, avec son site starbuckscoffeeathome.com, c’est bien fait, c’est propre, original; bref, on se laisse prendre au jeu…

Je profite de 20 minutes de calme pour poster mes news de la semaine passée. Cette fois ci : Typos, visualisations et tissu.

> le typographe Jos Buivenga de Exljbirs (je vous en ai déjà  parlé pour la Fontin ou la Diavlo) présente sa nouvelle famille : la Museo. Une serif arrondie, c’est le dessin du U qui servit de base à  toute la famille. Bref, une belle typo dans la ligné du travail de Jos sur la Fontin ou la Diavlo.

Elle est disponible en Opentype chez Myfonts, 3 graisses sont gratuites (light, regular et bold), deux sont payantes ( l’ultralight et la black) pour moins d’une dizaine d’euros !

> Je ne pouvais pas passer à  coté de ce site, frshbook.com, qui propose la visualisation de couvertures de livres en 3D. A tester une fois… Via Presse Citron.

> C’est Sarah qui en parle sur son blog, et c’est avec plaisir que je m’en fais l’écho, il s’agit du travail d’Andréa Delibes, une amie de l’ESAT qui a poursuivi son chemin de graphiste vers la toile et le tissu. C’est absolument superbe, dommage que les photos sur le site ne soient pas à  la hauteur de la très belle qualité du travail !

A voir absolument en vrai lors de ses expositions, les prochaines sont du 18 au 22 avril à  Arpajon (dans l’Essonne) pour une expo collective et du 14 au 21 mai, à  la Galerie de Jarente, 75004 Paris.

Voilà , c’est un mail que j’écrivais ce matin à  un pote, et je me suis dit qu’après tout, avec un bon chausse pied et quelques raccourcis, ça ferait un petit article.

Bon, je ne connaissais pas, Google arrive (avec plus ou moins de succès pour l’instant) à  indexer du site Flash. L’annonce est là  : Indexation d’un site flash. C’est très intéressant car c’est actuellement le principal frein évoqué au développement de site avec cette technologie (en tout cas, l’un de ces principaux défauts). J’en profite pour balancer ce petit lien d’une démo faite par Adobe d’un site en Flex (qui n’est rien d’autre que du Flash pour développeur). Cela peut laisser entrevoir quelques belles choses au niveau navigation : Flashon.

Je suis tombé sur l’article de l’indexation d’un site flash suite à  la lecture de cette petite reflexion sur les sites de Rich-commerce et du frein du google page rank. Pas faux. A lire ici : Google est il devenu un frein pour le Web ?
Ah, et puis ça m’a fait sourire, c’est pour les utilisateurs de Mac bien sûr : Nouvelle version du Webkit chez Techcrunch (toujours).Ceci dit, que le Webkit (le moteur de Safari) s’améliore est une très bonne chose, mais j’aurais un point de vue opposé à  l’article : ce qui est en fait beaucoup plus troublant, ce n’est pas que Safari soit très rapide, c’est que la version Mac de Firefox soit aussi lente…

Je viens de découvrir cette chose, appelé « Microformat » à  l’instant (par le site de MacGe qui annonçait la détection par Safari des microformats grâce à  un plugin).Le principe, si j’ai bien compris, consiste en un élément d’information (carte de visite, événement,…) mis en place sur un site web, visible par la présence du logo vert (ci dessus) à  coté du bien connu flux RSS. Au même titre que le flux RSS (quand il y a plusieurs flux), une liste déroulante apparaît en cliquant dessus permettant de choisir l’information et de la transférer vers son carnet d’adresse ou un calendrier par exemple…Ces informations étant codés comme du HTML/XHTML, cela semble très simple à  mettre en place. Pour exemple, trouvé sur Wikipédia, voici ce que ça donne :Une info basique sur un site, c’était sous cette forme :

<div><div>Jean Bout</div><div>Société Exemple</div><div>604-555-1234</div><a href= »http://exemple.com/ »>http://exemple.com/</a></div> 

Avec le marquage microformat hCard, ceci devient :

<div class= »vcard »><div class= »fn »>Jean Bout</div><div class= »org »>Société Exemple</div><div class= »tel »>604-555-1234</div><a class= »url » href= »http://exemple.com/ »>http://exemple.com/</a></div> 

Vous comprenez aisément le gain et la facilité d’utilisation, surtout pour une navigation sur portable, o๠le nombre de clic devient primordial…Et bien sûr, le système étant très loin d’être fermé puisque basé sur le HTML/XHTML, de très nombreuses choses risquent de se développer autour de ce format. Le plus simple pour comprendre est peut être tout de même cette petite vidéo, qui montre aussi l’utilisation du service avec google map.

Pour finir, quelques petits liens pour approfondir le sujet, ce que je vais m’empresser de faire…Microformats.org (Eng)Le wiki de Microformats (fr) : c’est du wiki mais en français…Elanceur.org/microformats (fr) : ce charge de la traduction des billets de Microformats.orgPS : le plugin pour Safari n’est compatible que avec Leopard, c’est pour cela que vous n’avez pas de jolies captures d’écrans. Il semble que Firefox 3 le gère, nativement ou par un plugin, aucune idée, espérons nativement !

Dévoilé pendant l’Adobe Max, je n’avais pas eu le temps de regarder les vidéos. Maintenant que c’est fait, je ne peux m’empêcher de vous en parler…

Qu’est ce que Thermo ? Et bien, pour faire simple, c’est un outil de création d’interfaces riches (si, si, ça vous dit quelque chose. Il s’agit des R.I.A., je vous en parle tout le temps…). Et là , j’entends déjà  le graphiste du fond qui gueule comme quoi s’est encore une appli pour codeur. Et bien non. Ou plutôt, c’est aussi une applicaiton pour nous, pauvres graphistes, que la moindre ligne de code révulse.

C’est basé sur la technologie Flex (c’est donc du flash à  la base), qui est à  la base de AIR. Le truc très amusant, c’est que ça gère les fichiers Photoshop, Illustrator, … avec les calques ! Donc, on maquette son petit PSD, on le balance dans Thermo, chaque calque est un objet que l’on peut transformer en bouton, en liste, en champs de recherche. Mais d’une manière tellement simple et rapide, c’est impressionnant !

Reste à  voir si le code qui en sort sera propre. On connait tous la qualité du code de Dreamweaver (et autre Image Ready) pour s’inquiéter à  ce sujet. En attendant, la création d’interface (et j’ai envie de dire : d’applications riches) devient à  la portée du graphiste, et cela annonce pleins de choses fabuleuses…

Je vous conseille de regarder ces 3 vidéos qui sont la présentation à  l’Adobe Max de Thermo, c’est bluffant et je terminerais pas cette phrase de Fred Cavazza : « Pour celles et ceux qui savent lire entre les lignes, ce Thermo pourrait potentiellement devenir l’arme ultime pour faire du prototypage rapide d’interfaces riches. »