Ergonomie & Accessibilité

Opquast : dites « bonjour » à M. Référent Accessibilité

Je m’étais inscrit il y a déjà quelques temps très longtemps pour suivre les contributions pour la nouvelle version du référent accessibilité pour les sites web édité par Opquast sous la houlette de Elie Sloïm de l’équipe Temesis. Si je connais Opquast depuis son lancement, je me rend compte que je l’ai peu consulté : j’ai l’impression de faire de l’accessibilité comme Jourdain faisait de la prose, mais la plupart du temps, lorsque je prends connaissance d’une bonne pratique, je me rends compte que les miennes sont perfectibles. Vous aussi ? Faites comme moi et commencez donc par télécharger une copie des 217 bonnes pratiques pour la conception de sites web de qualité. →

Design & Graphisme

Le Design serait inutile dans 80% des cas

Désolé pour le titre accrocheur, mais que voulez-vous, c’est la tendance ! Et les tendances dans le webdesign, c’est sacré. Du moins c’est ce que l’on a tendance à croire parce que c’est pratique. →

Conception de site web

Une très brève histoire des métiers du web et de la PAO (publication assistée par ordinateur)

Lorsque j’ai publié mon dernier billet sur le design dans le navigateur avec HTML5 et CSS3, je m’attendais à des commentaires sur mon interprétation du rôle et de l’utilisation des nouvelles balises HTML5 pour structurer les contenus telles que `header`, `hgroup`, `section`, `aside`, `nav`, `article` ou `footer`. A la place, j’ai vu apparaitre une discussion plutôt orientée « graphistes vs. intégrateurs » web au sens large, qui m’a donné envie de faire un retour en arrière sur mon expérience des métiers de la chaine graphique et des métiers du web. →

Conception de site web

Conception dans le navigateur avec HTML5 & CSS3 (amélioration progressive)

Le design dans le navigateur est une technique de Webdesign qui fait l’impasse sur la maquette Photoshop. Derrière ce concept se trouve l’idée selon laquelle dans « Webdesign » il y a d’abord « Web » : pourquoi commencer le travail dans Photoshop pour refaire ensuite presque la même chose en HTML et en CSS ? Surtout quand la prise en charge progressive de CSS3 par les navigateurs récents autorise des effets graphiques qui nécessitaient autrefois de nombreuses images et un marquage HTML surnuméraire… →

Typographie

La typothèque idéale par Smashing Magazine

J’arrive un peu après la bataille, mais que voulez-vous, il fallait bien que mon pauvre Modem Olitec 56K (1) prenne le temps de charger les 80+ plus belles polices de caractères pour un design professionnel que nous propose Smashing Magazine. Si je n’ai jamais douté de la qualité des articles publiés par ce qu’on peut considérer comme l’un des 10 meilleurs blogs du monde, je dois avouer que mon passé d’infographiste print amoureux de la belle typo a refait surface pour traquer la faute de goût… →

Design & Graphisme

La couleur sur le web

Voici quelques liens qui vous permettront de choisir les couleurs de vos sites web. J’ai volontairement laissé de côté les outils en ligne spécialisés dans la création de palettes de couleur dont j’ai déjà eu l’occasion de parler dans Choisir sa palette de couleur. →

Design & Graphisme

Webdesign — Après le contenu, le contraste est roi !

Le contraste est la différence que l’oeil perçoit entre des couleurs qui sont à proximité les unes des autres. Le contraste est un élément indispensable pour rendre un site accessible au plus grand nombre. Le contraste ne se limite pas à l’utilisation du noir et blanc. Il est possible d’utiliser toute la gamme des couleurs disponibles à condition d’être vigilant sur les combinaisons des couleurs que l’on choisit. Pour cela, il existe un certain nombre d’outils pour convertir les couleurs de la page en niveaux de gris ou choisir des palettes de couleur en tenant compte des pathologies de la vision, par exemple. →

Design & Graphisme

0 to 255 — Trouvez les variations autour d’une couleur de base

0 to 255 est un outil en ligne très pratique pour afficher et copier les variations autour d’une couleur de base par palier de 3% ou 4%. On peut sélectionner une couleur parmi celles qui sont proposées ou saisir la couleur de son choix au format hexadécimal. C’est l’outil idéal pour choisir les couleurs secondaires d’un site web, comme les effets `:hover`, les bordures, les dégradés, etc. →

Design & Graphisme

15 « Photoshop-like » en ligne testés et commentés

Photoshop est encore un logiciel incontournable pour l’édition d’image. Mais il est parfois agaçant de sacrifier sa mémoire vive pour effectuer des modifications triviales sur des images (redimensionnement, recadrage, corrections chromatiques, ajouter du texte) ou faire des opérations plus complexes (détourage, remplacement de fond, etc). A côté des économies de RAM, il peut être utile de proposer à ses clients une application en ligne pour modifier les images avant publication ; si WordPress propose des outils pour recadrer, pivoter ou redimensionner les visuels depuis la version 2.9, on est encore loin de faire ce qu’on veut avec ses cheveux ! C’est pourquoi, je vous ai concocté une liste composée d’une bonne dizaine d’outils passés au crible avec un résumé, les «plus», les «moins» et un «verdict» pour que vous fassiez le bon choix. →