Oui, le titre de cet article est quelque peu bizarre. Mais ne vous inquiétez pas, vous allez vite comprendre. L’artiste-infographiste (pas facile de trouver un qualificatif) David McCandless utilise les graphiques pour représenter des statistiques et raconter des histoires. Comme le dit le dicton « une image vaut mille mots », son travail permet de mettre en valeur des informations qui passeraient inaperçues dans des paragraphes ou des tableaux.
Dernièrement, on est venu me chercher pour faire partie du comité du groupement junior de ma région. C’est avec plaisir que j’ai accepté le défi (sachant tout de même que j’avais une année passablement chargée). Mon rôle dans ce comité : améliorer le co-mu-ni-qua-tion. Ca tombe bien, c’est mon domaine. Cela passera par une refonte du site qui en a bien besoin. Celui-ci est propulsé par une solution-brico-maison-obscure.
Le site de partage de photo met son design à jour. Il ne s’agit pas d’une refonte complète. La page photo ainsi que votre « stream » (fil de photo ?) uniquement son mis au goût du jour.
huhu, un titre en anglais !
C’est vrai, j’aurais pu le traduire par « Faciliter la lecture des vos feuilles de styles CSS ».
Bref, tout ça pour attirer votre attention sur l’article du même nom (voilà d’où vient le titre 
) paru sur le site Smashing Magazine il y a quelques temps. Quelques exemples de commentaires vous y sont présentés. Ceux-ci permettent de rendre votre CSS plus digeste pour la personne qui passe derrière vous.
Combien de fois, je m’arrache les cheveux en m’amusant à relire des feuilles CSS mal construites, mal codées, mal pas commentées, etc.
J’essaie maintenant d’appliquer les recommandations que cet article nous propose. En tout cas, je peux vous dire que c’est bénéfique. Serte, au début on perd un peu de temps. Mais on se fait vite notre petite bibliothèque de commentaire prêts à l’emploi et tout ça va de plus en plus vite. Et comble du bonheur, je m’y retrouve dans mes CSS lorsque je code.
Ou plutôt une révolution colorimétrique !
Tout ça pour dire que j’ai changé la feuille de style. Le vert à été remplacé par le rouge.
Comment ça c’est pas frappant ??? Mais oui, les titre à gauche, z’étaient verts avant ! Roooo.
Bon faut dire que ça m’a pris deux clique à faire. C’est pas comme si j’avais écris 10’000 lignes de code.
(Je ne suis pas certain de la traduction d’ »étiquette ») Tout ça pour dire que voici des exemple de bien belles étiquettes de vins. Sur le vieux continent, on a un peu de la peine à se mettre à jour à ce niveau.
L’autre jour, j’étais à la recherche de palette de couleur afin de refondre l’interface d’un site. Je suis tombé sur Color Scheme Designer 3. Je le trouve assez pratique et surtout ce qui m’a plus est qu’il vous montre des exemples d’interface utilisant la palette que vous avez choisis.
Voilà quelque temps que j’ai acheté Pixelmator le petit remplaçant de Photoshop. Il faut dire que je ne l’utilise pas trop souvent. Ce soir après avoir vainement tenté de faire de la musique, je suis tombé sur un petit tutoriel montrant comment faire ce type d’image. Eh oui, je ne l’ai pas fait tout seul … désolé (même si au final, c’est très très simple). Alors, voici voilà des bulles en couleur.
Ouais, j’ai craqué pour un nouveau sac… un Freitag.
[début du mode auto persuasion] Je me disais qu’après 6 ans de bons et loyaux services de mon vieux Freitag, je pouvais m’en offrir un nouveau. Et il faut dire qu’ils sont solides ces sacs. De plus, j’adore le design
Je travaille dans la publicité (ou dans la com). Il s’agit d’un monde bien à part et très spécial. Antonin Waterkeyn a fait un travail vidéo qui explique très bien comment c’est dans ce microcosme.
Si vous aimez les dessins enfantins avec beaucoup d’humour, aller faire un tour sur le site de Nesk. Cet illustrateur a un monde bien à lui. On peut retrouver bon nombre de ses dessins dans des publications pour les enfants.
Alors si vous avez envie de sourire …
Il y a des gars qui s’amusent à faire des trucs de fou en graphisme. Alors quand en plus ça fait travailler les zygomatiques, on ne peut s’empêcher de partager avec vous ces découvertes.
L’équipe de Pixeloo s’est demandé ce que serrait notre chère Homer Simpson dans la vraie vie. Le résultat est juste bluffant (et trop drôle).
Comme vous le savez, je suis un fan-a-tique de « graphisme d’information ». Je suis retombé sur ce clip de Röyksopp qui me fait littéralement … très plaisir.
Vive les cartes !
J’aime beaucoup ce que fait Maria Hinze. Oui, c’est elle qui a illustré la pochette du dernier album d’Apparat.
Quel design choisir ?
Voilà une question bien difficile. Je me penche sur graphisme de digit.apéro et c’est pas fastoche.
Personnellement, je suis fan de design minimaux comme par exemple le site Yayhooray ou Flickr. C’est peut-être un peu trop carré et pas assez chaleureux. Mais au contraire, c’est léger et se charge très rapidement. Et de plus n’étant pas un as de la conception graphique je me vois mal sortir quelque chose de super lissé qui brille avec des effets de transparence et tout le toutime.
Vous en pensez quoi vous ? Vous avez des idées ?
PS
La preuve, je savais même pas quoi mettre comme image pour illustrer cet article.
What dou you think about that ?
Si vous avez suivi la saga du logo, vous ne serrez pas dépaysé en lisant cet article.
L’idée précédente était sympa, mais voilà une fois réduit, cela ne donne plus rien. Il y a trop de détails pour que cela soit percutant.
Il fallait donc simplifier au maximum. Les deux éléments principaux qui étaient les bulles et les petites chopines s étaient intéressants. C’est pourquoi j’ai essayé de les garder. Les bulles qui représentent le dialogue et la communication et la chope qui est l’élément déclencheur de cette même conversation.
Dans mon programme de rétablissement, je m’étais fixé de bosser le CakePHP. Etant donné que je patauge la moindre, je me suis tournée vers les CSS. Je fais ainsi des maquettes HTML d’un de mes projets (oui c’est toujours le même).
Le principe est toujours le même, on commence avec une bonne vieille feuille de papier pour établir l’architecture générale de la page.
