Articles syndiqués tirés de ce site

Traduit ailleurs  : Travailler avec les icônes SVG

Août 2016

Un très bon guide détaillé écrit par Florens Verschelde pour travailler les icônes de vos applications web au format SVG.,Il regorge de bons conseils et d’astuces assez avancées. À mettre entre les mains de tous les designer web.

Traduit ailleurs  : Traitement de texte multicanal

Août 2016

Avec paysage grandissant de périphériques d’accès et d’applications web, la portabilité des documents reste un problème pour beaucoup. Ce plaidoyer pour le format Markdown, un format texte brut idéal pour la rédaction, revient sur l’importance de se libérer des prisons dorées des formats (…)

De l’audit de contenu aux idées de design :  : Comment un audit de contenu facilite le processus de décision et influence la stratégie de design

Octobre 2015, par Christopher Detzi

Tout au long de ma carrière, j’ai généralement compris la valeur apportée par un audit de contenu (qu’on le fasse ou qu’on en bénéficie) dans le cadre du redesign d’un site web. Un audit de contenu est une évaluation du contenu d’un site, à la fois, d’un point de vue quantitatif (par exemple (…)

Concevoir un design sans la couleur

Septembre 2014, par Mark Boulton

Cet article est le premier d’une série publiée sur le blog du designer Mark Boulton. Mark propose ici de démarrer un design sans aucune couleur.

Écrire du JavaScript véloce et à faible empreinte mémoire

Août 2014, par Addy Osmani

Les moteurs JavaScript tels que V8 (Chrome, NodeJs) sont spécifiquement conçus pour une exécution rapide des applications JavaScript les plus complexes. En tant que développeur, si vous êtes soucieux de la consommation de mémoire et des performances, il est important que vous connaissiez les (…)

Inline-block est-il un substitut aux floats ?

Août 2014, par Steven Bradley

Les dispositions d’éléments avec les CSS sont souvent délicates ; cet article permet de faire le point sur les meilleurs choix à effectuer entre les éléments flottants (floats) et les blocs en ligne (inline-blocks).

Introduction à l’accessibilité de JavaScript

Août 2014, par James Edwards

Il fut un temps où l’accessibilité de JavaScript signifiait simplement assurer une dégradation élégante lorsque JavaScript n’était pas disponible. Mais, avec la percée d’Ajax et des Applications Internet Riches (RIA), JavaScript n’est plus seulement utilisé pour améliorer l’utilisabilité à la (…)

Introduction à l’accessibilité de JavaScript

Août 2014, par James Edwards

Il fut un temps où l’accessibilité de JavaScript signifiait simplement assurer une dégradation élégante lorsque JavaScript n’était pas disponible. Mais, avec la percée d’Ajax et des Applications Internet Riches (RIA), JavaScript n’est plus seulement utilisé pour améliorer l’utilisabilité à la (…)

Votre application me fait grossir

Juillet 2014, par Kathy Sierra

Un regard sur la psychologie de l’utilisateur face à des interfaces mal conçues.

Traduit ailleurs  : Continuum

Juillet 2014

Jeremy Keith, dans la continuité du célèbre Tao du Webdesign, défend l’idée du web comme un continuum - un espace ouvert à l’expérimentation, soucieux d’accessibilité au contenu. Engagé, constructif, définitif.

D’abord la structure. Le contenu suivra.

Juillet 2014, par Mark Boulton

On parle souvent de conception « donnant la priorité au contenu » mais que recouvre cette expression, au juste ? Faut-il rédiger tous les textes du site avant de commencer le design ? Non, bien sûr. Mark Boulton présente son cheminement et sa méthode pour concevoir des sites où le contenu soit à (…)

Principes à connaître pour améliorer vos feuilles de styles

Juin 2014, par Hugo Giraudel

Hugo Giraudel propose de faire le point en 10 étapes sur les bonnes pratiques pour améliorer sa connaissance et son usage des CSS.

Principes à connaître pour améliorer vos feuilles de styles

Juin 2014, par Hugo Giraudel

Hugo Giraudel propose de faire le point en 10 étapes sur les bonnes pratiques pour améliorer sa connaissance et son usage des CSS.

Quelles mesures CSS, pour quel usage ?

Avril 2014, par Dudley Storey

Confrontés au foisonnement des systèmes de mesure CSS, les développeurs web peuvent avoir du mal à comprendre quelle unité utiliser à quel moment. Voici une liste de recommandations pour mieux s’y retrouver.

Tests de contenu

Mars 2014, par Angela Colter

Angela Colter montre comment intégrer une évaluation du contenu aux processus de tests d’expérience utilisateur.

Formulaires : une méthode de validation qui a de l’avenir

Mars 2014, par Ryan Seddon

La validation des formulaires a toujours été une affaire délicate dès les débuts du web. D’abord, il y a eu les rapports d’erreurs de la validation côté serveur. Ensuite, on a évolué vers la validation côté client pour vérifier les résultats en ligne. Aujourd’hui, HTML et CSS3 nous fournissent (…)

En route pour des composants HTML réutilisables

Février 2014, par Niels Matthijs

On parle beaucoup des méthodologies telles qu’OOCSS, SMACSS et BEM. Niels présente ici sa vision des choses : des composants HTML réutilisables, indépendants de leur présentation, en prenant un exemple concret et omniprésent, l’article de (…)

Traduit ailleurs  : Soin et alimentation des ingénieurs informatique

Février 2014

Il n’y a pas si longtemps, Jenna Bilotta a écrit un excellent article intitulé « Comment faire travailler main dans la main designers et développeurs », dans lequel elle aborde les façons de faire travailler ensemble plus productivement les designers et les ingénieurs. Cela m’a amené à réfléchir (…)

Traduit ailleurs  : Responsive Webdesign – présent et futur de l’adaptation mobile

Janvier 2014

On entend parler de « Responsive Webdesign » depuis plusieurs années maintenant, et le sujet s’est vraiment démocratisé et popularisé en 2012. Cependant, beaucoup reste encore à faire.

Traduit ailleurs  : Apprendre les mises en page CSS

Janvier 2014

Vous connaissez déjà les sélecteurs CSS, les propriétés et les valeurs, et même probablement une ou deux choses sur la mise en page. Si ça vous donne parfois envie de vous arracher les cheveux, alors suivez ce tutoriel qui vous évitera peut-être de vous énerver sur votre prochain projet !

L’étude de l’expérience utilisateur : et en français, ça donne quoi ?

Janvier 2014, par David Sherwin

Parler d’expérience utilisateur avec des clients, c’est bien, utiliser des termes qu’ils comprennent, c’est mieux. Voici donc un aide-mémoire détaillé expliquant le déroulement et l’intérêt de chaque technique d’étude de l’expérience (…)

8 raisons de ne pas s’inscrire sur un site

Décembre 2013, par Anthony T

Quels sont les erreurs à soigneusement éviter lorsqu’on propose un formulaire d’inscription sur son site web ? Cet article propose 8 éléments auxquels il faut rester attentif pour ne pas faire fuir les utilisateurs.

Ecrans tactiles : mort aux mythes

Décembre 2013, par Steven Hoober

Les écrans tactiles nous entourent depuis plusieurs dizaines d’années, c’est même pour beaucoup le principal moyen d’interaction avec notre téléphone, mais leur fonctionnement reste mystérieux. Steven Hoober nous explique tout ça en (…)

Pour des sélecteurs CSS raccourcis

Novembre 2013, par Harry Roberts

Plus un site prend de l’ampleur, plus il faut raccourcir les sélecteurs selon Harry Roberts. Voici pourquoi, selon lui, des sélecteurs courts permettent de produire des sites flexibles, faciles à maintenir, et prévisibles.

Sémantique HTML et architecture côté client

Novembre 2013, par Nicolas Gallagher

Voici quelques réflexions, quelques histoires et idées que j’aime bien et sur lesquelles je travaille depuis un an. Pour le HTML, cela recouvre la sémantique, les composants et différentes approches de l’architecture côté client (en front-end), mais je parle aussi des systèmes de nommage des (…)

La grille infinie

Octobre 2013, par Chris Armstrong

Les systèmes de grilles sont des composants majeurs du design graphique, mais elles ont toujours été conçues pour des canevas aux dimensions fixes. Jusqu’à présent.

Concevoir des e-mails réactifs : Étude de cas - Twitter

Octobre 2013, par Campaign Monitor

Après la théorie, la pratique. L’exemple utilisé est un e-mail envoyé à des millions de personnes chaque jour (rien que ça).

Concevoir des e-mails réactifs : Optimiser vos formulaires de souscription

Octobre 2013, par Campaign Monitor

Optimiser vos campagnes e-mail pour mobiles ne se limite pas à s’assurer que votre newsletter peut être lue sur de petits écrans. Après tout, à quoi sert de diffuser des campagnes optimisées pour les mobiles si les utilisateurs de mobile ne peuvent même pas s’y abonner (…)

Le Web sur mobile et au-delà

Septembre 2013, par Dominique Hazaël-Massieux

On me dévisageait en me lançant des regards moqueurs en 2005 lorsque le W3C a lancé son Initiative pour le Web mobile afin de prôner l’importance du Web pour le monde mobile. C’est désormais moi qui me balade avec le sourire, par exemple lors de l’édition 2013 du Mobile World Congress (MWC) de (…)

Concevoir des e-mails réactifs : Optimiser les images pour le mobile

Septembre 2013, par Campaign Monitor

La surface d’écran disponible étant limitée sur les terminaux mobiles, nous devons être prudent quand il s’agit d’ajouter des images aux e-mails HTML. Voici diverses techniques pour adapter les images aux différentes situations.

Concevoir des e-mails réactifs : Cibler des terminaux avec les media queries

Septembre 2013, par Campaign Monitor

Tous les terminaux dits mobiles ne sont pas des iPhones, voyons donc comment ajuster nos requêtes de média et nos styles pour s’adapter au maximum d’appareils.

Concevoir des e-mails réactifs : Gabarits réactifs

Juillet 2013, par Campaign Monitor

Il est généralement recommandé de choisir un gabarit à une seule colonne quand on veut que ses e-mails soient optimisés pour mobile, mais il existe une technique élégante pour créer des gabarits réactifs à deux colonnes sans devoir écrire des kilomètres de (…)

Concevoir des e-mails réactifs : Coder des e-mails pour les mobiles

Juillet 2013, par Campaign Monitor

Lorsque les concepteurs de sites parlent de feuilles de style pour les mobiles, ils ne parlent pas de feuilles de styles totalement distinctes, mais des trucs sympas qui apparaissent entre les accolades des requêtes de média.

L’amélioration progressive est toujours importante

Juillet 2013, par Jake Archibald

À l’heure des applications web et de l’omniprésence de JavaScript, Jake Archibald nous rappelle de continuer à utiliser une démarche d’amélioration progressive.

Concevoir des e-mails réactifs : Techniques de design

Juin 2013, par Campaign Monitor

Tout comme les nombreux concepteurs de sites qui ont une approche orientée design dans leurs projets, nous allons, dans ce guide, parler de l’aspect visuel des newsletters optimisées pour le mobile, avant de plonger les mains dans le code. Cela devrait vous aider à prendre les bonnes décisions (…)

Concevoir des e-mails réactifs : Pour commencer

Juin 2013, par Campaign Monitor

Si vous lisez régulièrement vos e-mails sur un smartphone, vous savez sans doute que c’est une expérience qui peut virer au cauchemar. Telle newsletter, qui s’affiche pourtant très bien dans votre boîte de réception habituelle, peut devenir absolument illisible quand elle est réduite à un petit (…)

Traduit ailleurs  : Comment fonctionnent les navigateurs

Juin 2013

Une plongée dans les entrailles de deux moteurs de rendus utilisés par de nombreux navigateurs.

Fenêtres sur le Web

Mai 2013, par Karen McGrane

Quels sont les mécanismes à éviter ou à mettre en place pour faciliter un accès homogène aux mêmes données, quel que soit le périphérique ou le moment choisis ? Lisez cet article de Karen McGrane pour en savoir plus !

Traduit ailleurs  : Apprendre à apprécier les parties les moins sexy de CSS

Mai 2013

Tout le monde parle des nouvelles méthodes de mise en page et des effets graphiques incroyables bientôt permis par CSS3. Mais il est encore temps de s’intéresser aux rouages du langage : sélecteurs, unités, fonctions. Voyez pourquoi ces parties peu sexy méritent votre affection.

Les pixels, voilà l’ennemi !

Avril 2013, par Dave Rupert

Les terminaux offrent des écrans de plus en plus sophistiqués, qui poussent les concepteurs de sites à proposer des images à haute définition. Dans cette course au pixel effrénée, comment garder à l’esprit les contraintes des utilisateurs (…)

Un peu de classe : l’héritage en Javascript

Mars 2013, par Mark Dalgleish

Les fonctions orientées objet de Javascript, telles que les constructeurs et les chaines de prototypes sont probablement les concepts les plus incompris de ce langage. Revenons sur leur fonctionnement.

Conception responsive : obtenir une validation sans maquettes

Février 2013, par Matt Griffin

Matt Griffin revient sur la conception d’un site web …dans un navigateur web.

Traduit ailleurs  : Comprendre z-index et les contextes d’empilement

Février 2013

Comment fonctionne la propriété z-index ? A priori, rien de plus simple, mais cet article nous montre que ce que ne nous prenons pour acquis n’est pas toujours aussi simple qu’il n’y paraît. À lire avant de s’arracher les cheveux sur des problèmes de mise en page !

Pour une typographie qui a du sens

Janvier 2013, par Tim Brown

Les échelles modulaires sont des séquences de chiffres liés entre eux de façon logique et arithmétique. Tim Brown nous explique en quoi leur usage peut aider le designer web à faire des choix cohérents et harmonieux pour structurer ses (…)

Designer par accident

Janvier 2013, par Frances Berriman

Êtes‑vous un développeur ou un designer ? Cette question doit parler à beaucoup d’entre nous et Frances Berriman nous donne son avis sur la question.

La modélisation de contenu, une compétence maîtresse

Décembre 2012, par Rachel Lovinger

Dans « Tinker, Tailor, Content Strategist », paru conjointement [sur le site original, NdT], je vous ai interrogé sur les compétences phares de la stratégie de contenu. Il n’est que justice que je partage l’une de mes préférées avec (…)

Traduit ailleurs  : Outline none

Novembre 2012

La propriété outline sert à identifier le lien ayant le « focus » quand on navigue dans un document Web en utilisant la touche TAB (ou un équivalent). Ceci est particulièrement utile pour les gens qui ne peuvent pas utiliser une souris ou ayant une déficience visuelle. Si vous supprimez le (…)

Mettre en place l’expérience utilisateur : une étude de cas

Novembre 2012, par Simon White

Quand de vieilles habitudes sont bien installées, il n’est pas facile d’appliquer de nouvelles méthodes : chaque étape d’un processus devient une nouveauté pour les parties prenantes. Certaines personnes aiment la nouveauté, d’autres non. Mais tout le monde doit embarquer dans le même bateau (…)

Mettre en place l’expérience utilisateur : une étude de cas

Novembre 2012, par Simon White

Quand de vieilles habitudes sont bien installées, il n’est pas facile d’appliquer de nouvelles méthodes : chaque étape d’un processus devient une nouveauté pour les parties prenantes. Certaines personnes aiment la nouveauté, d’autres non. Mais tout le monde doit embarquer dans le même bateau (…)

Communiquer sur le design

Mai 2012, par D Keith Robinson

L’autre jour, j’ai lancé une remarque sur Twitter à propos des « wireframes ». Cela m’a fait réfléchir au processus de design et à la façon dont les designers communiquent leurs choix de conception.

La propriété border-image en CSS3

Mai 2012, par Estelle Weyl

La propriété border-image est apparue en CSS3 mais encore peu utilisée. Explications, syntaxes, exemples, et comment contourner les inévitables bugs navigateurs.

La cryptographie et le Web : hachage, salage et autres recettes

Février 2012, par Lyle Mullican

L’un des outils de sécurité les plus puissants à disposition des développeurs web est la cryptographie. Comme tout artisan qui se respecte, ils se doivent de savoir quel type de cryptographie convient à quel contexte. Voici donc les trois techniques cryptographiques les plus pertinentes pour les (…)

La discipline de la stratégie du contenu

Décembre 2011, par Kristina Halvorson

Nous, les personnes qui faisons des sites web, parlons depuis quinze ans d’expérience utilisateur, d’architecture de l’information, de systèmes de gestion de contenu, de programmation, de métadonnées, de design visuel, de recherche utilisateur et de toutes les autres disciplines qui permettent à (…)

La discipline de la stratégie du contenu

Décembre 2011, par Kristina Halvorson

Nous, les personnes qui faisons des sites web, parlons depuis quinze ans d’expérience utilisateur, d’architecture de l’information, de systèmes de gestion de contenu, de programmation, de métadonnées, de design visuel, de recherche utilisateur et de toutes les autres disciplines qui permettent à (…)

Comment bien placer des labels dans leur zone de texte

Octobre 2011, par Anthony T

Il existe plusieurs manières de disposer les labels sur les formulaires. En général, les designers web les placent soit au‑dessus, soit à gauche des zones de texte. Jusqu’à récemment, personne ne pensait à les insérer à l’intérieur. Mais avant d’opter pour cette méthode, quelques points sont à (…)

Dimensionner ses fontes avec rem

Septembre 2011, par Jonathan Snook

Finis le manque de flexibilité des pixels, ou les maux de crâne à calculer des font-size relatives au parent : Voici une introduction à REM, une nouvelle unité introduite par CSS 3.

Traduit ailleurs  : Architecture de l’information – Penser l’organisation d’un site web

Août 2011, par Jonathan Lane

De manière générale, réfléchir à l’organisation d’un site web (ou de n’importe quel projet) peut être une étape un peu stressante. Tout le monde a un avis sur la façon dont doit être construit le site, et souvent les opinions divergent entre elles. Votre objectif numéro un pour n’importe quel (…)

Pourquoi les menus affichés au survol font plus de mal que de bien aux utilisateurs

Août 2011, par Anthony T

De nombreux menus sont à l’heure actuelle activés au survol de la souris. Mais est-ce une bonne pratique et que nous apporteraient des alternatives ? Le rédacteur de UX Movement nous donne son opinion.

Pourquoi les menus affichés au survol font plus de mal que de bien aux utilisateurs

Août 2011, par Anthony T

De nombreux menus sont à l’heure actuelle activés au survol de la souris. Mais est-ce une bonne pratique et que nous apporteraient des alternatives ? Le rédacteur de UX Movement nous donne son opinion.

Désacraliser les tests d’utilisabilité

Juin 2011, par Dana Chisnell

Un test d’utilisabilité, c’est quoi ? Voici un retour sur le sujet, ainsi que les étapes importantes à suivre pour le mener à bien.

Désacraliser les tests d’utilisabilité

Juin 2011, par Dana Chisnell

Un test d’utilisabilité, c’est quoi ? Voici un retour sur le sujet, ainsi que les étapes importantes à suivre pour le mener à bien.

Introduction au positionnement CSS

Mai 2011, par Noah Stokes

Retour sur les bases du positionnement CSS, et explications sur les objectifs et fonctionnements des valeurs de la propriété position.

Formulaires HTML5 : prenez la clé des champs

Avril 2011, par Inayaili de León

Inayaili de León (alias Yaili) fait le point sur les techniques de mise au point de formulaires avec HTML5.

Traduit ailleurs  : Les Grilles Fluides

Février 2011, par Ethan Marcotte

Lors de la refonte de son site, le w3.org a donné peu de consignes : conserver le logo de l’organisme, améliorer la typographie et la lisibilité. Mais la mise en page devait être fluide et s’adapter à la taille de la fenêtre du navigateur. Ethan Marcotte explique comment il s’y est (…)

Accessibilité : un regard sur la résolution et la taille des écrans

Novembre 2010, par Tim Berners-Lee

L’auteur, Mert Tol, examine l’influence sur l’accessiblité des réglages choisis par les (ou imposés aux) utilisateurs quant à la résolution et à la taille de leur écran.

Accessibilité : un regard sur la résolution et la taille des écrans

Novembre 2010, par Tim Berners-Lee

L’auteur, Mert Tol, examine l’influence sur l’accessiblité des réglages choisis par les (ou imposés aux) utilisateurs quant à la résolution et à la taille de leur écran.

Traduit ailleurs : Longue vie au web

Novembre 2010, par Tim Berners-Lee

« Sir » Tim Berners-Lee, le père du Web, a livré au magazine Scientific American une analyse complète lucide et accessible des menaces qui pèsent aujourd’hui sur ce curieux phénomène qui depuis vingt ans a changé la face du monde : (…)

HTML5 et l’avenir du web

Novembre 2010, par Ethan Marcotte

Tout le monde en parle ! personne n’en veut ! tout le monde le réclame ! HTML5 arrive, pour le pire, et espérons-le pour le meilleur.

HTML5 et l’avenir du web

Novembre 2010, par Ethan Marcotte

Tout le monde en parle ! personne n’en veut ! tout le monde le réclame ! HTML5 arrive, pour le pire, et espérons-le pour le meilleur.

Traduit ailleurs : Le Web Design Réactif

Novembre 2010, par Ethan Marcotte

Apprenez à créer des designs web réactifs grâce aux grilles fluides, aux images flexibles et aux media queries. Traduction de Magalie Cadiou et Carole Lesimple, relue par Caroline Comacle.

Penser mobile en premier résout de gros problèmes

Novembre 2010, par Luke Wroblewski

Dans la continuité de l’article Penser mobile d’abord, Luke Wroblewski nous explique les bénéfices d’une conception orientée vers les mobiles.

Penser mobile en premier aide pour les décisions critiques

Novembre 2010, par Luke Wroblewski

Dans la continuité de l’article Penser mobile d’abord, Luke Wroblewski nous explique les bénéfices d’une conception orientée vers les mobiles.

Conférences Sudweb et WebUX

Novembre 2010, par Luke Wroblewski

Vous avez probablement entendu parler de Paris Web, le cycle de conférences et d’ateliers sur la conception, réalisation et maintenance de projets Web… Mais saviez-vous que deux autres conférences viennent compléter le tableau en 2011 (…)

Penser mobile d’abord aide pour les décisions critiques

Novembre 2010, par Luke Wroblewski

Dans la continuité de l’article Penser mobile d’abord, Luke Wroblewski nous explique les bénéfices d’une conception orientée vers les mobiles.

Penser mobile d’abord

Octobre 2010, par Luke Wroblewski

La plupart du temps, la version mobile d’un site ou d’une application web est conçue après la version classique. Voici trois bonnes raisons de commencer par la version mobile.

8 façons simples d’améliorer la typographie dans vos designs

Octobre 2010, par Tantek Celik

Le support des navigateurs web nous le montre : la typographie est la grande oubliée du design web. Cependant, soigner la typographie, c’est aider le visiteur, et l’inciter à rester sur le site qu’il consulte. Antonio Carusone nous livre ici quelques astuces pour rendre vos sites plus (…)

De la vraie typographie pour le Web

Octobre 2010, par Tantek Celik

Maintenant que les navigateurs supportent l’inclusion de fontes dans les feuilles de style, et que des licences permettent d’utiliser ces jeux de caractères, il est temps de dépasser toute l’excitation autour des caractères du web pour réfléchir de façon pragmatique à la façon d’utiliser de (…)

Accessibilité des applications internet riches

Octobre 2010, par Tantek Celik

Présentation de techniques pour rendre les applications Internet accessibles.

Accessibilité des applications AJAX - implications

Octobre 2010, par Tantek Celik

Présentation d’AJAX et des implications en termes d’accessibilité.

Traduit ailleurs : Qu’est-ce que le web ouvert

Octobre 2010, par Tantek Celik

Le Web Ouvert concerne la capacité de faire ouvertement trois choses : publier des contenus et des applications sur le web dans des standards ouverts coder et implémenter les standards du web dont les contenus/applications dépendent accéder et utiliser les contenus/codes/applications (…)

Penser mobile d’abord aide pour les décisions critiques

Juillet 2010, par WebAIM

Dans la continuité de l’article Penser mobile d’abord, Luke Wroblewski nous explique les bénéfices d’une conception orientée vers les mobiles.

Penser mobile d’abord aide pour les décisions critiques

Juillet 2010, par WebAIM

Dans la continuité de l’article Penser mobile d’abord, Luke Wroblewski nous explique les bénéfices d’une conception orientée vers les mobiles.

Penser mobile d’abord

Juillet 2010, par WebAIM

La plupart du temps, la version mobile d’un site ou d’une application web est conçue après la version classique. Voici trois bonnes raisons de commencer par la version mobile.

Penser mobile d’abord

Juillet 2010, par WebAIM

La plupart du temps, la version mobile d’un site ou d’une application web est conçue après la version classique. Voici trois bonnes raisons de commencer par la version mobile.

Font-weight est toujours cassé pour l’ensemble des navigateurs sauf un

Février 2010, par Christian Heilmann

Malgré la course à l’armement des navigateurs en prévision de CSS3, leurs revendications de conformité vis à vis des Acid Tests, ainsi qu’un support toujours meilleur des Standards du Web, il apparaît que les typographes n’ont pourtant que leurs yeux pour pleurer en ce qui concerne le support (…)

La checklist d’accessibilité que je m’étais juré de ne pas rédiger

Février 2010, par Christian Heilmann

Même s’il n’est pas possible de garantir à 100% l’accessibilité d’un site à travers une checklist, on peut au moins limiter les dégâts.

8 façons simples d’améliorer la typographie dans vos designs

Février 2010, par Christian Heilmann

Le support des navigateurs web nous le montre : la typographie est la grande oubliée du design web. Cependant, soigner la typographie, c’est aider le visiteur, et l’inciter à rester sur le site qu’il consulte. Antonio Carusone nous livre ici quelques astuces pour rendre vos sites plus (…)

La checklist d’accessibilité que je m’étais juré de ne pas rédiger

Février 2010, par Christian Heilmann

Même s’il n’est pas possible de garantir à 100% l’accessibilité d’un site à travers une checklist, on peut au moins limiter les dégâts.

Font-weight est toujours cassé pour l’ensemble des navigateurs sauf un

Février 2010, par Christian Heilmann

Malgré la course à l’armement des navigateurs en prévision de CSS3, leurs revendications de conformité vis à vis des Acid Tests, ainsi qu’un support toujours meilleur des Standards du Web, il apparaît que les typographes n’ont pourtant que leurs yeux pour pleurer en ce qui concerne le support (…)

Accessibilité : un regard sur la résolution et la taille des écrans

Février 2010, par Christian Heilmann

L’auteur, Mert Tol, examine l’influence sur l’accessiblité des réglages choisis par les (ou imposés aux) utilisateurs quant à la résolution et à la taille de leur écran.

HTML5 et l’avenir du web

Février 2010, par Christian Heilmann

Tout le monde en parle ! personne n’en veut ! tout le monde le réclame ! HTML5 arrive, pour le pire, et espérons-le pour le meilleur.

La checklist d’accessibilité que je m’étais juré de ne pas rédiger

Février 2010, par Christian Heilmann

Même s’il n’est pas possible de garantir à 100% l’accessibilité d’un site à travers une checklist, on peut au moins limiter les dégâts.

Traduit ailleurs : La sécurité du web passera-t-elle par vous ?

Février 2010, par Christian Heilmann

Christian Heilmann présente les risques et les enjeux, illustrés par des exemples concrets, et les moyens de corriger la plupart des problèmes. Une traduction de Frédéric de Villamil.

De la vraie typographie pour le Web

Octobre 2009, par Tim Wright

Maintenant que les navigateurs supportent l’inclusion de fontes dans les feuilles de style, et que des licences permettent d’utiliser ces jeux de caractères, il est temps de dépasser toute l’excitation autour des caractères du web pour réfléchir de façon pragmatique à la façon d’utiliser de (…)

Accessibilité des applications internet riches

Septembre 2009, par Antonio Carusone

Présentation de techniques pour rendre les applications Internet accessibles.

La checklist d’accessibilité que je m’étais juré de ne pas rédiger

Juillet 2009, par Aaron Cannon

Même s’il n’est pas possible de garantir à 100% l’accessibilité d’un site à travers une checklist, on peut au moins limiter les dégâts.

Accessibilité des applications AJAX - implications

Juillet 2009, par Aaron Cannon

Présentation d’AJAX et des implications en termes d’accessibilité.

Dégradation élégante & Amélioration progressive

Décembre 2008

Ou comment rendre un site utilisable par tous et agréable pour la plupart.

On revoit les bases : la propriété « background »

Décembre 2008

Tout ce que vous avez toujours voulu savoir sur la propriété background et que vous n’avez jamais osé demander !

Comment vous assurer que vos emails HTML s’affichent correctement et arrivent à bon port ?

Décembre 2008

Suite à la sortie d’Outlook 2007, David Greiner revoit ses consignes sur les bonnes pratiques du design d’emails HTML et en profite pour donner quelques conseils qui peuvent vous assurer d’être bien reçus par vos lecteurs.

Traduit ailleurs : Introduction à WAI ARIA

Décembre 2008

Une traduction de Pierre Bertet qui vous permettra de découvrir une spécification qui sert à décrire les rôles, les états et les propriétés des contrôles d’interface web développés pour simuler les applications bureautiques, de manière à ce qu’ils soient reconnaissables et utilisables par les (…)

Paris-Web 2008

Septembre 2008, par l'équipe de Pompage

Une fois n’est pas coutume, un peu de « promo » pour un événement qu’on aime tellement que nous y participons au moins par l’esprit si ce n’est dans la pratique.

Javascript non-intrusif, chapitre 5 : un exemple de formulaire amélioré en Javascript

Mars 2008

Pour finir, voyons maintenant comment tout ce que nous avons pu apprendre jusqu’à présent s’articule dans un exemple concret : la validation d’un formulaire en ligne avec un Javascript non-intrusif.

Javascript non-intrusif, chapitre 4 : l’appel des scripts de la forêt

Mars 2008

Mais au fait comment fait-on pour séparer concrètement notre code Javascript du balisage et de ces règles d’affichage ?

Javascript non-intrusif, chapitre 3 : créer du contenu et le détruire

Mars 2008

Et maintenant voyons un peu comment manipuler nos documents.

Javascript non-intrusif, chapitre 2 : comment retrouver les éléments que l’on veut manipuler

Mars 2008

Commencez donc par découvrir les outils qui vont vous permettre de vous déplacer dans vos documents, de les modifier et d’accéder à ce que vous cherchez.

Javascript non-intrusif, chapitre 1 : le grand nettoyage !

Mars 2008

Et si vous utilisiez aussi Javascript tout en restant accessible ?

Traduit ailleurs : Les formulaires d’inscription doivent disparaître

Mars 2008

Découvrez pourquoi et comment permettre à vos visiteurs de comprendre ou d’utiliser votre service en évitant de passer par le classique et indigeste formulaire d’inscription. Une traduction de Pierre Bertet.

Améliorer l’accessibilité par la typographie

Novembre 2007, par Sarah Allen-Caroline Jarrett

Taille, lisibilité, contraste : quelques recommandations pour éviter que votre texte soit illisible.

Définir des tailles de police dynamiques cohérentes avec CSS

Novembre 2007, par Sarah Allen-Caroline Jarrett

Comment utiliser les ems (presque) aussi facilement que les pixels pour définir des tailles de police redimensionnables dans tous les navigateurs.

Contraste et sens

Novembre 2007, par Sarah Allen-Caroline Jarrett

Le contraste est l’élément fondamental du design, le premier à créer du sens.

Traduit ailleurs : Quatre étapes pour choisir les éléments de formulaire

Novembre 2007, par Sarah AllenCaroline Jarrett

… ou comment utiliser au mieux listes déroulantes, boutons radio et autres cases à cocher pour créer l’expérience utilisateur la plus satisfaisante possible. Traduit par Cédric Magnin.

Traduit ailleurs : Le mythe de la métaphore

Décembre 2006, par Alan Cooper

Une déconstruction du mythe de la métaphore dans la construction d’interfaces web ou logicielles traduite par Marc Wathieu.

Traduit ailleurs : Architecture des CSS

Novembre 2006, par Garrett Dimon

Utiliser les feuilles de styles pour gérer le déploiement de gros sites, c’est bien. S’organiser pour en faciliter la maintenance, c’est mieux. Garett Dimon partage quelques méthodes pour structurer au mieux vos feuilles de styles, traduit par Marie (…)

Traduit ailleurs : Mythes et idées fausses sur l’accessibilité

Septembre 2006, par Roger Johansson

Cela fait plusieurs années désormais que la notion d’accessibilité des sites web se répand, à tel point qu’elle se fait même entendre de la bouche de politiques et de journalistes. Cependant, cette reconnaissance reste imparfaite et s’accompagne encore et toujours d’idées fausses qui ont la vie (…)

Traduit ailleurs : Sélecteurs CSS 2.1

Septembre 2006, par Roger Johansson

Encore une très bonne série de Roger Johansson traduite par Manuel Catez pour tout savoir sur l’utilisation des sélecteurs CSS 2.1.

Traduit ailleurs : Erreurs de développement web

Mars 2006, par Roger Johansson

Une compilation d’erreurs de développement communément rencontrées sur le web et quelques uns des moyens de les corriger. Avec un peu de chance vous en trouverez bien une que vous que vous pourrez désormais éviter de reproduire grâce à cette traduction de Marie (…)

Traduit ailleurs : Les principes du design

Décembre 2005, par Joshua David McClurg-Genevese

À être plongés dans nos pixels, règles CSS et balises HTML, on en vient à oublier que le design web, tout comme le design d’intérieur ou le design industriel, est avant tout du « design tout court ». Dans son article « Les principes du design », Joshua David McClurg-Genevese nous aide à prendre (…)

Traduit ailleurs : La conception de l’expérience utilisateur

Décembre 2005, par Peter Morville

Peter Morville est un spécialiste de l’architecture d’information pour le web. Dans cet article, il décrit les différentes composantes de l’expérience utilisateur telle qu’il la conçoit, et explique en quoi cette décomposition peut vous permettre de repousser les limites de la conception web. (…)

Traduit ailleurs : Trucs et astuces CSS

Mai 2005, par Roger Johansson

Roger Johansson nous donne quelques trucs et astuces CSS pour créer des feuilles de styles efficaces, résoudre un problème spécifique ou corriger les erreurs les plus fréquentes des débutants. Traduit par Normand Lamoureux.