Dans la série "vérification de pages web" je profite du fait que je sois lancé pour écrire un deuxième article dans la foulée. D'autant que ça faisait un petit moment que je n'avais pas mis à jour ce blog ( et pour cause j'étais sur un gros chantier, la refonte graphique de mon book en ligne - d'ailleurs n'hésitez pas à aller le voir et me dire ce que vous en pensez ).
En plus des différences entre les navigateurs, le comportement de pages web change en fonction de ce qui est activé dans le navigateur et ce qui ne l'est pas. Ainsi certaines personnes désactivent le javascript pour éviter les spywares, rendant ainsi certains sites inutilisables ( dont ce blog ), mais faire des tests est facile, surtout sous Mozilla où la désactivation du javascript est rapide à trouver ( Dans Outils > Options > Contenu ). Seulement voilà, avec Flash, ce n'est pas pareil, une fois qu'il est installé le seul moyen serait de le désinstaller à chaque fois pour faire des tests, si l'on a mis en place un script pour vérifier que la bonne version de ce plugin est installée. Ce qui ne serait pas envisageable. Heureusement il existe un utilitaire gratuit ( pour PC ) qui permet de désactiver Flash de manière temporaire, et de vérifier ainsi comment sur un navigateur où la bonne version de Flash n'est pas installée la page apparaîtrait. Cet utilitaire, c'est TurnFlash. Malheureusement, il ne fonctionne que pour Internet Explorer, mais c'est amplement suffisant.
Télécharger TurnFlash

Ce billet s'adresse principalement aux personnes qui comme moi, font des pages web. Créer un site, c'est beaucoup plus compliqué que ne le croient les gens qui ne touchent pas à la technique, l'esthétique c'est une chose, mais en plus il faut faire en sorte que ce que l'on a créé soit vu par tout le monde de la même manière ( ou presque ) si les pages son en html et non en flash. Il faut donc un ordinateur avec plusieurs navigateurs, Internet Explorer et Mozilla, et si comme moi on a la chance d'avoir deux ordinateurs ( portable et ordinateur de bureau ) faire exprès de garder des versions anciennes des navigateurs ( entre Internet Explorer 6 et la version 7 la différence est gigantesque ). Seulement voilà, à moins d'avoir un Mac, même comme ça, on met de côté une partie des visiteurs, dix pour cent dans mon cas, qui utilisent Safari. Je déteste Safari. Quand je travaillais sous Mac j'utilisais Mozilla. Donc je ne fais pas de la pub pour le logiciel, en revanche à des fins de test il peut s'avérer très pratique. Or si l'on ne peut pas installer une version ancienne de Safari sur un PC, il faut savoir que la toute dernière ( Safari 3 ), pour l'instant en version bêta en anglais, existe dorénavant sur PC. Très amusant de voir que le vice a été poussé jusqu'à importer l'interface Mac de ce logiciel sur PC, L'aspect est exactement le même que sous Mac OS X ( mais heureusement sans le plus gros défaut des navigateurs Mac : il est possible d'agrandir les fenêtres comme pour toute application Windows ).Télécharger Safari 3

"Au secours j'ai un blog" est un site sur le graphisme qui vaut le coup d'œil. Contrairement au mien il n'attaque pas la création graphique par son aspect technologique mais directement par les œuvres des créatifs tous supports confondus, ceux qui aiment les magazines tels que Pixel devraient y trouver leur bonheur. C'est très agréable de voir un blog avec du contenu graphique qui ne soit pas celui du créateur de celui-ci, d'autant que la sélection est faite, je trouve, avec goût.
Au secours j'ai un blog!!

J'ai découvert le travail de cet artiste au hasard de mes pérégrinations sur la toile, et je le trouve extrêmement digne d'intérêt, dommage que son site ne soit pas à la hauteur de celui-ci. Vivant avec son temps, il ne peint pas sur une toile mais sur des pavés, et là où ça devient intéressant c'est qu'il s'agit de trompe-l'œils. Dommage que je n'aie jamais vu son travail en vrai, les photos sont très impressionnantes. Bon, c'est sûr, pour un travail de ce type la photo permet le positionnement le plus adéquat possible, ce type de peinture jouant sur un effet de perspective en voir sous le mauvais angle casse toute illusion. Il n'en reste pas moins qu'à notre époque, où l'on a voulu supprimer toute notion de beauté dans la création artistique, où des mouvements rebelles désireux de casser un académisme trop stricte se sont transformés à leur tour en mouvements académiques sans s'en rendre compte, époque de ready-mades et de happenings, ce type de création, qui joue directement sur l'émotion du spectateur, me parle.
Le site de Julian Beever

Sortant d'une semaine chargée, entre travail en freelance et recherche active d'emploi non précaire, je n'ai que très peu pu contribuer à ce blog. Je profite du week-end pour m'y remettre.
Internet révolutionne les coutumes. Non seulement c'est un moyen de communication à part entière, mais en plus il récupère des types de créations traditionnellement prévus sur d'autres supports. On pourra penser aux spots publicitaires à petit budget prévus spécialement pour le web, exploitant les sites de partage vidéo Youtube et consorts. On pourra penser à des dessins animés flash, tels qu'Happy Tree Friends, dont j'ai déjà parlé. Mais un autre type de création s'intéresse de près au web : la bande-dessinée. Certes, ça ne rapporte pas en tant que tel, mais ça permet de se faire connaître, sans avoir à passer par une maison d'édition, étape qui peut se révéler fort sélective. Si la qualité est au rendez-vous, le créateur est encouragé par les lecteurs qui viennent le voir, et ainsi armé de nombreuses productions et d'un public déjà existant, la publication devient plus accessible. Nombreux sont ceux qui lancent ainsi leur blog BD, parmi lesquels on peut trouver des perles. L'une d'entre elle c'est le webcomic de Maliki. Bien dessiné (il faut aimer le style manga), histoires courtes sympathiques et amusantes.
Le site en lui même vaut le coup d'oeil : beaucoup plus qu'un blog, on remarquera le personnage animé dont on peut changer les couleurs, les différentes sections, dont une pour jouer à la poupée avec Maliki, un peu dans le style du système de création d'avatars du site du film des Simpsons, dont j'ai déjà parlé.
Le webcomic de Maliki

Quand l'équipe de graphistes de vente-privee.com, premier site de sa catégorie, et initiateur de ce type de ventes, se tape un délire, ça donne "Avez-vous vu Cécile ?". Ceux qui sont inscrits chez Vente-Privée savent que toutes les newsletters sont écrites par une certaine "Cécile de Rostand", qui aurait aussi ouvert un blog sur ce site afin de lui donner un visage plus humain. Bien entendu tout cela est un travail d'équipe et cette personne n'est que pure fiction. Vente Privée, comme la majorité des acteurs de ventes flash, fait une pause estivale, et a cru bon, afin de se démarquer encore une fois de la concurrence qui s'empare de toutes ses idées novatrices, de jouer sur ce faux personnage. Ainsi les mailings se sont arrêtés parce que Cécile de Rostand a disparu, et c'est aux habitués du site de la retrouver. Un bon moyen de faire parler d'eux en plus, car, s'il faut se faire parrainer pour entrer chez eux, vu le nombre d'inscrits qu'ils ont, il est plus que probable que l'on connaisse une personne qui le soit. L'avantage aussi c'est que ça permet au non inscrits d'avoir un aperçu de la qualité graphique au sein de cette entreprise un peu particulière qui, en se passant d'entreprise de communication fait largement mieux que si elle y avait eu recours. Vous n'avez pas le droit à leurs magnifiques bande-annonces ni à leur superbe animation de Noël ? Vous aurez au moins le droit au site spécial été.
Le site "Avez-vous vu Cécile ?"

On connaît les écrans / tablettes graphiques. On connaît les tablet PC. On connait les écran tactiles. Oui mais tous ont un inconvénient majeur : ne prendre en compte que l'appui sur une zone précise. Pour le graphiste, que d'applications pourrait-on imaginer si plusieurs zones étaient prises en compte : au lieu d'imiter le toucher du pinceau avec un brosse artificielle créée par un logiciel, utiliser un vrai pinceau pour peindre sur un écran, par exemple. Un clavier virtuel capable de remplacer entièrement le clavier réel sur l'écran, car prenant en compte l'appui sur plusieurs zones. De la Science-Fiction ? Pas tout à fait, ça existe déjà, c'est tout simplement bluffant, malheureusement ce n'est qu'à l'état de prototype aujourd'hui :

Cette vidéo a été distribuée sur plusieurs sites d'amateurs de technologie, pour que l'on se rende finalement compte que des technologies déjà existantes étaient utilisées : un vidéoprojecteur, un stylo numérique sans encre et un plan de travail modifié de manière à réagir comme du papier numérique. C'est impressionnant, surtout pour ceux qui ont plus l'habitude de peindre sur des formats raisin que de dessiner sur ordinateur, mais de nombreux défauts ajoutent une ombre au tableau : l'ombre de l'utilisateur projetée sur le plan de travail, l'obligation d'être dans l'obscurité pour voir l'image, la basse résolution des vidéoprojecteurs, l'absence de niveaux de pression. Ce qui explique certainement que cette solution ne soit, à ma connaissance, pas commercialisée, en dehors du coût astronomique induit par l'utilisation du vidéoprojecteur. Surtout face à la concurrence des Cintiq de Wacom et des Tablet PC utilisant la technologie Penabled, dont j'ai déjà parlé sur ce blog.Site du stylo numérique Maxell utilisé par le dessinateur

Bon voilà, c'est pas tout à fait lié au graphisme mais mon côté geek fait que je suis "obligé" d'en parler. De plus que le site dont je mets le lien utilise la technologie Sitepal dont j'ai déjà parlé dans le but de donner plus de réalisme. Un phénomène nouveau est en train de naître, les chatterbots. Qu'est-ce que c'est ? Des programmes qui se conduisent comme des êtres humains qui utiliseraient la messagerie instantanée, telle que MSN. Et ça se répand à toute vitesse, car il existe un langage de programmation développé spécialement pour en créer. On écrit une phrase, et ça répond à cette phrase, en respectant une certaine logique. Jusqu'à un certain point ils sont même capables d'analyser les phrases précédentes, afin de sembler le plus humain possibles. Bien entendu ça reste de la programmation, donc pas une vraie intelligence. Il arrive donc souvent qu'ils sortent des absurdités. Et concrètement, ça ne sert à rien tel quel, si ce n'est pour une question de curiosité. Cette technologie devient d'autant plus impressionnante quand, liée à Sitepal, elle permet de faire parler un avatar.
Ah oui, ça n'a pas juste était développé pour la curiosité des amateurs de technologie, plus poussé ce système permet notamment de mettre en place des systèmes d'aide interactifs, capables d'ouvrir des pages selon la question posée, de faire des recherche dans Google (ou autre moteur de recherche) pour chercher des informations...
Le site du chatterbot ALICE ( Il faut savoir parler anglais )

C'est devenu un classique mais tout le monde ne connaît pas. Sur un schéma très particulier, ce dessin-animé a commencé sur internet, profitant de la technologie vectorielle de Flash, pour finir sur support télévisuel / DVD. A tel point que les derniers épisodes, bien que toujours réalisés sous Flash, sont diffusés sous forme de vidéo streaming. Comment ont-il réussi à en arriver là avec une diffusion gratuite et à la demande ? Tout simplement grâce à un concept suffisamment original pour créer un buzz sur internet, et la diffusion de publicité au début de chaque épisode, afin que ce soit rentable. Le concept ? Des personnages très mignons, une musique tout aussi mignonne, des histoires à la Tex Avery... mais avec du sang. Pour découvrir, je vous conseille de regarder les épisodes du Top Ten : non seulement ce sont censés être les meilleurs mais en plus il y en a des anciens en tout vectoriel, donc plus propres, sur les nouveaux la compression vidéo gâche le plaisir.
Le site officiel d'Happy Tree Friends

Il existe plusieurs types d'appareils photos numériques, et le néophite s'y perd. J'ai donc décidé de donner ici quelques explications afin d'aider l'éventuel acheteur à s'orienter.

L'article étant très long, il ne setrouve pas sur cette page. Il décrit les différents types d'appareils, Compact, Bridge et Reflex, leurs avantages et leurs inconvéniants.

Lire la suite

On le trouve de plus en plus sur internet, ce système permet de voir la capture d'écran d'un site, donc un aperçu visuel, avant même d'y aller. Très pratique pour éviter certains sites, pour savoir rien qu'avec un rapide regard si le site semble digne de confiance ou non. Bon en soit ça n'a rien d'exceptionnel, on a déjà vu des vignettes d'aperçu. Oui mais là, ça ne s'affiche que quand on survole le lien qui nous intéresse avec la souris, sous la forme d'une bulle.

J'édite cet article pour ajouter un détail : ce système a pour gros avantage d'être gratuit, et très simple à installer. En revanche pour l'avoir testé et abandonné sur ce blog, c'est un système efficace pour un site simple, tel un blog classique. Ce site n'en étant pas tout à fait un pour cause du menu utilisé pour la navigation, faisant appel à du DHTML, qui entre en conflit avec ce système sous Internet Explorer, causant un clignotement qui n'empêche pas de choisir son lien mais est très désagréable
Site de Snap shots

L'image... un seul mot pour tant de significations... Elle peut être décorative, artistique. Elle peut servir à vendre un produit. Mais aussi un homme politique. Ceux qui me connaissent savent qu'en ce moment je suis très inquiet. Très inquiet des choix des Français pour un gouvernement qui, certes, bouge, et vite, mais à mon avis dans le mauvais sens. A l'opposé de mon idéologie. Or cette image justement, l'image médiatique, lui a été très favorable. Il est inquiétant de voir combien d'organes de presse se sont rangés de son côté, surtout dans la presse écrite et la télévision. C'est connu mais on ne peut rien y faire. Heureusement, il existe quelques émissions critiques, qui osent analyser, décortiquer cette image. Seulement voilà, la plus critique d'entre elles vient de fermer. La chaîne de télévision qui en est responsable, chaîne qui était censée être rangée du côté de la culture, c'est France 5. Cette émission a pris fin suite au licenciement du présentateur Daniel Schneidermann pour faute grave. Une faute grave qui, selon lui, serait en fait due à des propos qu'il a tenus sur... son blog, contre l'arrêt de celle-ci... Un serpent qui se mord la queue en somme... Bon dans ces cas-là il est toujours difficile de savoir où sont les torts, d'autant que ce présentateur n'était pas des plus appréciés par son personnel. Seulement voilà, dans l'hypothèse où ce licenciement serait véritablement justifié, pourquoi arrêter l'une des seules émissions critiques de la télévision ? N'aurait-elle pas pu continuer avec un autre présentateur ? Ou au moins être remplacée par une autre du même accabit ?
Blog de Daniel Schneidermann

Un concept original : des animations qui parlent. Bon jusque-là rien d'extraordinaire, sauf quand on sait que le mouvement de la bouche s'adapte à un enregistrement audio ou, et c'est là que ça devient vraiment intéressant, à un texte que l'on tape au clavier. A quoi ça sert me direz-vous ? Et bien un exemple concret et répandu est tout simplement la lecture à haute voix des articles d'un site web, particulièrement pratique pour les malvoyants ( ou les paresseux ), et amusant pour les amateurs de technologie. Le site qui les commercialise s'appelle Sitepal. Certes ils ne sont pas les seuls à proposer ce type de technologie, je pense notamment au système ReadSpeaker que l'on trouve chez Agoravox. Mais celui-là m'intéresse moins, d'abord tout simplement parce qu'il n'y a pas de personnage animé, or vous êtes sur un site dédié au graphisme, mais aussi parce que, du coup, c'est beaucoup moins châleureureux, beaucoup plus impersonnel.
La version en anglais est la plus impressionnante, logique pour un site Américain. Bien qu'existant aussi en langue française la voix fait beaucoup plus synthétique...
Le site de Sitepal
Le site de ReadSpeaker

C'est à la mode : la création d'avatars personnalisés à l'image de dessins animés célèbres, tels que les Simpsons ou encore Southpark. Vous choisissez la couleur, la forme des cheveux, la forme des yeux... Pour ceux qui ne savent pas encore ce qu'est un avatar, il s'agit d'une image qui sert à vous représenter, qui sera affichée à chaque fois que vous déposerez un message sur un forum, ou encore quand vous discutez avec quelqu'un via un logiciel de messagerie instantannée ( Skype, MSN... ). Bref encore une invention tellement inutile qu'elle en devient extrêmement divertissante.
Créer un avatar Simpson ( cliquer sur Créer son "moi" Simpson )
Créer un avatar Southpark

Si vous êtes graphiste dans le domaine du web, vous avez déjà entendu parler des feuilles de style CSS. Il y a aussi de fortes chances que vous les ayez utilisées. Elles remplacent peu à peu les tableaux, elles ne sont pas forcément plus pratiques à utiliser, sont parfois un casse-tête là où les tableaux permettaient des solutions simples, notamment au niveau du centrage vertical. Elles ne sont pas des plus compatibles, présentant des différences entre Mozilla et IE si elles sont mal gérées, et surtout étant très bridées dans les clients de messagerie.
Oui mais elles sont devenues incontournables, elles permettent un code plus propre, sont utilisées dans les CMS, permettent de changer l'aspect graphique d'un site entier rien qu'en modifiant un fichier et, surtout, permettent le désencombrement des pages en elles mêmes en supprimant les informations de couleur et de mise en page de celles-ci.
On ne se rend parfois pas très bien compte de l'incroyable niveau de flexibilité qu'elles permettent. C'est pour cela qu'il existe un site qui leur est dédié, un site "proof of concept" dont une simple page est décilnée sous une myriade de styles CSS extrêmement différents les uns des autres.
CSS Zen Garden ( pour voir les différentes "mises en page" sélectionnez-en une dans le menu de droite )