Tous les articles par auteur

Si vous ne trouvez pas ici votre bonheur, essayez aussi les articles traduits ailleurs. Si vous n'y trouvez toujours pas votre bonheur, proposez-nous un sujet de traduction !

Aaron Boodman

Iconologic et les standards

Reproduction d’un mémo pour la société qui emploie l’auteur, expliquant les avantages du web design selon les standards Web.

Aaron Cannon

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

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.

Adam Greenfield

Le singe baigneur est nu, et autres considérations sur la distinction entre stylisme et design

Pour le bien de l’avancement du design en ligne, il est important de faire une fois pour toutes la différence entre designers et stylistes.

Addy Osmani

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

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 mécanismes mis en œuvre dans les moteurs JavaScript des navigateurs de vos utilisateurs.

Al Sparber

Clarence le poney

La raison pour laquelle vous devriez passer à CSS, à travers l’histoire de Clarence le poney.

Alan Herrell

L’accessibilité : politique et design

Alan Herrell déconstruit les nouvelles lois américaines sur l’accessibilité et leurs implications pour les web designers où qu’ils se trouvent.

Andy Clarke

Les Super-Sélecteurs !

Après « La nuit des morts vivants », c’est sans doute la meilleure façon de terminer l’année en permettant à vos visiteurs d’adapter le style de vos pages à leur guise, et en toute simplicité. Alors précipitez vous donc pour voir « Les Super-Sélecteurs » d’Andy Clark et de James Edwards !

Andy Hagans

Vous aimez l’accessibilité ? Les moteurs de recherche aussi !

Un article simple de Andy Hagans qui explique pourquoi et comment le développement de pages web accessibles peut aussi facilement vous aider à améliorer le référencement d’un site par les moteurs de recherche.

Andy Rutledge

Contraste et sens

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

Angela Colter

Tests de contenu

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

Anthony T

8 raisons de ne pas s’inscrire sur un site

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.

Comment bien placer des labels dans leur zone de texte

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 à connaître.

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

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.

Antonio Carusone

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

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 lisibles.

Bobby van der Sluis

Les pieds (de page) dans le plat

Avec les vieilles méthodes de mise en page par tableaux, le positionnement vertical était une partie de plaisir. Avec le montage en CSS, c’est une partie d’autre chose. Apprenez comment regagner le contrôle de vos pieds de page et d’autres éléments positionnés verticalement avec CSS, JavaSCript, et le DOM.

Campaign Monitor

Concevoir des e-mails réactifs : Pour commencer

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 écran. Parmi les problèmes les plus fréquents, citons les polices trop petites, les colonnes trop étroites et les mises en page brisées.

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

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 : Coder des e-mails pour les mobiles

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.

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

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 CSS.

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

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 : Optimiser vos formulaires de souscription

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 ?

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

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 la prochaine fois que vous planifierez une newsletter, et vous faciliter la compréhension des techniques dont nous allons discuter ensuite.

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

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

Carrie Bickner

Pourquoi les standards du Web sont importants

Carrie Bickner soutient que l’application des normes contribue à rendre les sites plus accessibles, tout en permettant aux bibliothèques de gagner du temps et de l’argent.

Chris Armstrong

La grille infinie

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.

Christian Heilmann

10 raisons expliquant pourquoi les clients n’ont que faire de l’accessibilité

Même si les choses ont un peu évolué depuis la parution de cet article de Christian Heilmann, ce dernier vous permettra sans aucun doute de mieux comprendre pourquoi de nombreux clients sont encore peu sensibles à l’accessibilité et vous donnera peut-être quelques idées pour essayer de les faire changer d’avis.

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

Et si vous utilisiez aussi Javascript tout en restant accessible ?

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

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 3 : créer du contenu et le détruire

Et maintenant voyons un peu comment manipuler nos documents.

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

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 5 : un exemple de formulaire amélioré en Javascript

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.

Sept erreurs d’accessibilité (1ère partie)

Un article de Christian Heilmann en deux parties qui traite des raisons qui font que certains produits web n’arrivent pas à être accessibles.

Sept erreurs d’accessibilité (2ème partie)

La suite de l’article de Christian Heilmann sur les raisons qui font que certains produits n’arrivent pas à être accessibles.

Christopher Detzi

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

D Keith Robinson

Communiquer sur le design

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.

Dan Cederholm

Arrière-plans cliquables

Appliquez des images cliquables à vos listes de liens, en les laissant à l’arrière-plan.

Les colonnes factices

Une technique simple pour obtenir avec CSS des colonnes qui semblent de hauteur égale, indépendamment de leur contenu.

Dan Webb

La vengeance des menus déroulants

Patrick Griffiths et Dan Webb contre-attaquent : leurs menus déroulants sont encore plus légers, plus efficaces et compatibles que lors du premier épisode. Mais où s’arrêteront-ils ?

Dana Chisnell

Désacraliser les tests d’utilisabilité

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

Dave Rupert

Les pixels, voilà l’ennemi !

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 ?

Dave Shea

Sprites CSS : Meurs, découpe d’images, meurs !

À l’aide d’une image maîtresse sous forme de grille, on peut stocker toutes les images de boutons, d’image maps et de navigation dans un seul fichier... Dites adieu à la découpe d’images !

David Greiner

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

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.

Emails HTML - Dompter la bête

Au delà de la gageure que représente la conception d’un email HTML consultable dans un maximum de clients de courrier électronique, quelques recommandations de David Greiner qui vous permettront tout de même de mieux faire passer votre message auprès d’un plus grand nombre de destinataires.

David Sherwin

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

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 utilisateur.

Derek Featherstone

L’impression à votre façon

Avec quelques outils et un rien de CSS, créez facilement des versions imprimables qui vous ressemblent !

Derek Powazek

Où suis-je ?

Trois règles simples pour une meilleure navigation dans les sites web.

Dominique Hazaël-Massieux

Le Web sur mobile et au-delà

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 Barcelone, un des événements majeurs concernant les appareils et réseaux mobiles.

Douglas Bowman

Les coulisses d’un design

Une explication détaillée du processus et des décisions prises pour monter un des designs du CSS Zen Garden.

Les Portes Coulissantes de CSS

Les mises en pages en CSS doivent-elles vraiment êtres plates et carrées ? Non ! Douglas Bowman montre comment créer des menus à onglets sophistiqués à l’aide de CSS et de listes XHTML.

Les Portes Coulissantes de CSS - Chapitre II

Ajoutez des rollovers et élargissez les zones sensibles de vos menus à onglets en CSS basés sur la technique des Portes Coulissantes.

Dudley Storey

Quelles mesures CSS, pour quel usage ?

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.

Elika Etemad et Jorunn D. Newth

Design de poche : Porter votre site web au petit écran

Comment adapter son site web à un petit, très petit écran.

Eric A. Meyer

Faites bonne impression avec les CSS

Pourquoi créer une version ’facile à imprimer’ d’une page, quand il suffit de définir un autre style pour l’original ? Quelques conseils sur le dressage des feuilles de styles imprimantes.

Estelle Weyl

La propriété border-image en CSS3

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.

Frances Berriman

Designer par accident

Ê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.

Harry Roberts

Pour des sélecteurs CSS raccourcis

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.

Holly Bergevin et John Gallant

Une terminologie de la conception web

Un décryptage du jargon de la création web.

Écrire des feuilles de style efficaces

Optimisez vos feuilles de styles avec ces astuces pour des CSS plus légères et efficaces.

Hugo Giraudel

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

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

Inayaili de León

Formulaires HTML5 : prenez la clé des champs

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

J. David Eisenberg

Changez-vous la vie avec XHTML

Si vous voulez que votre site fonctionne correctement dans les navigateurs et les appareils non-traditionnels d’aujourd’hui, et qu’il continue à bien fonctionner dans ceux de demain, ça ne serait peut-être pas une mauvaise idée de créer vos nouveaux sites en XHTML, et convertir les anciens dès que votre planning le permettra.

Comment lire une spécification du W3C

Décoder les spécifications du W3C est une tâche moins difficile qu’il n’y paraît. Apprenez à parler le langage ’Spec’, en quelques étapes simples.

Navigateurs indulgents : cap danger !

Les navigateurs indulgents ont favorisé l’émergence d’un monde d’illettrés du HTML structurel en dissimulant le besoin de structure dont le Web a besoin alors qu’il se dirige vers le XHTML et le XML.

Jake Archibald

L’amélioration progressive est toujours importante

À 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.

James Edwards

Introduction à l’accessibilité de JavaScript

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 marge, il constitue désormais la base des applications web. De nos jours, parler de l’accessibilité de JavaScript c’est s’assurer que le code JavaScript est accessible en lui-même.

Les Super-Sélecteurs !

Après « La nuit des morts vivants », c’est sans doute la meilleure façon de terminer l’année en permettant à vos visiteurs d’adapter le style de vos pages à leur guise, et en toute simplicité. Alors précipitez vous donc pour voir « Les Super-Sélecteurs » d’Andy Clark et de James Edwards !

Jeffrey Zeldman

99,9% des sites web sont obsolètes

La grande majorité des sites actuels sont mal construits, obsolètes, et condamnés à disparaître. Une entrée en matière provocante au livre de Jeffrey Zeldman sur les standards web.

Envoyons paître les mauvais navigateurs

Avec la mort des navigateurs de 4ème génération, cet article est plus ou moins obsolète aujourd’hui. Nous le conservons pour son intérêt historique : le début du mouvement pour exiger des fabricants de navigateurs qu’il fassent enfin des produits conformes aux standards.

Le DOCTYPE qu’il vous faut

Vos pages web ont un air bizarre malgré la présence d’un DOCTYPE ? Découvrez pourquoi, et trouvez votre bonheur dans une liste de DOCTYPEs corrects.

Joe Clark

Gros, rigide, trapu ? gagnez en souplesse !

Utiliser les feuilles de styles pour faire des mises en pages zoomables, c’est plus ou moins exactement ce que les développeurs de navigateurs pour PDA doivent faire pour afficher sur un petit écran des pages larges utilisant le multicolonnage.

Joe Dolson

Améliorer l’accessibilité par la typographie

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

Joe Gillespie

CSS : on reprend tout à zéro !

Vous ne savez rien des feuilles de styles ? Ce n’est pas grave, mais par où commencer ? Pourquoi pas par ce grand feuilleton qui vous apprendra tout pas à pas. Suivez le guide !

CSS : on reprend tout à zéro ! (épisode 2)

Suite du feuilleton des feuilles de style : principe d’un fichier
CSS, premiers pas pour définir l’aspect du corps de la page.

CSS : on reprend tout à zéro ! (10ème épisode)

Suite du feuilleton des feuilles de style : petite parenthèse, il
faut vérifier nos pages pour qu’elles soient valides !

CSS : on reprend tout à zéro ! (11ème épisode)

Suite du feuilleton des feuilles de style : on sépare encore davantage le fond de la forme, et notre feuille de style devient extérieure à la page HTML.

CSS : on reprend tout à zéro ! (12ème épisode)

Suite du feuilleton des feuilles de style : comment faire pour les tableaux ?

CSS : on reprend tout à zéro ! (13ème épisode)

Suite du feuilleton des feuilles de style : comment faire pour les formulaires ?

CSS : on reprend tout à zéro ! (14ème épisode)

Suite du feuilleton des feuilles de style : selon les navigateurs, les interprétations peuvent varier. Comment tout prévoir ?

CSS : on reprend tout à zéro ! (15ème épisode)

Suite et fin du feuilleton des feuilles de style : les perspectives d’avenir.

CSS : on reprend tout à zéro ! (épisode 3)

Suite du feuilleton des feuilles de style : on applique du style au
texte, en manipulant polices, interlignage, titres...

CSS : on reprend tout à zéro ! (épisode 4)

Suite du feuilleton des feuilles de style : réflexions supplémentaires sur la forme du texte, pour avoir la meilleure lisibilité possible.

CSS : on reprend tout à zéro ! (épisode 5)

Suite du feuilleton des feuilles de style : mise en place des listes, ordonnées ou non, avec puces ou avec images.

CSS : on reprend tout à zéro ! (épisode 6)

Suite du feuilleton des feuilles de style : les ancres et les liens hypertextes, leurs différents états et leurs différents aspects.

CSS : on reprend tout à zéro ! (épisode 7)

Suite du feuilleton des feuilles de style : la notion-clé de positionnement relatif ou absolu, avec les boîtes CSS.

CSS : on reprend tout à zéro ! (épisode 8)

Suite du feuilleton des feuilles de style : on personnalise et on organise les boîtes CSS, à renfort d’id, de class, de span... La page reçoit une solide structure.

CSS : on reprend tout à zéro ! (épisode 9)

Suite du feuilleton des feuilles de style : mise en place définitive de la page, en trois colonnes.

John Allsopp

Le tao du design Web

Nouveau media, vieux rituels ? Le Taoïsme pour aborder le Web d’une autre manière.

Jonathan Snook

Dimensionner ses fontes avec rem

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.

Karen McGrane

Fenêtres sur le Web

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 !

Karl Dubost

Mon site Web est standard ! Et le vôtre ?

Quelques bonnes raisons et des outils pour ceux qui veulent commencer à développer avec les standards. Une bonne piqûre de rappel pour les autres !

Kathy Sierra

Votre application me fait grossir

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

Kristina Halvorson

La discipline de la stratégie du contenu : 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 à nos utilisateurs de trouver et de consommer du contenu.

Mais bizarrement, nous ne parlons jamais de l’essentiel : le contenu lui-même.

le WaSP

Refondre aux standards des sites de taille industrielle

Une interview de Dan Cederholm, webdesigner ayant mené la refonte aux standards de 2 grands magazines web américains.

Luke Wroblewski

Penser mobile d’abord

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 aide pour les décisions critiques

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.

Lyle Mullican

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

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 applications web et leurs cas d’utilisation.

Mark Boulton

Concevoir un design sans la couleur

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.

D’abord la structure. Le contenu suivra.

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 à sa juste place.

Mark Dalgleish

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

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.

Mark Newhouse

Domptez vos puces, dressez des listes

Les listes à puces sont idéales pour faire des menus de navigation qui gardent leur sens une fois les feuilles de style ôtées. Apprenez les bases du dressage de listes, bases qui vous serviront par la suite pour créer n’importe quel type de navigation.

Feuilles de Styles en Cascades, Promesse contre Réalité, et un regard vers le Futur

A l’été 2002, Mark Newhouse faisait le point sur la situation de CSS, séparant ce que les Feuilles de Styles en Cascade étaient capable de faire de ce que l’état des navigateurs permettait d’accomplir.

Techniques et astuces pratiques pour une mise en page CSS

Quelques indications pratiques pour abandonner progressivement les tableaux au profit de CSS.

Mark Wyner

Quand CSS et Courriel s’embrassent sous le gui

Non, l’utilisation de CSS dans un email n’est pas mission impossible. Marc Wyner a quelques trucs efficaces pour vous, si vous n’avez pas peur de mettre les mains dans le cambouis.

Matt Griffin

Conception responsive : obtenir une validation sans maquettes

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

Mert Tol

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

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.

Molly E. Holzschlag

Donnez votre avis sur le futur de HTML

HTML change... Et VOUS pouvez être partie prenante du processus. Lisez, puis réagissez !

Sortez-vous la tête des grilles

Une intéressante métaphore urbaine de Molly E. Holzschlag qui permet de comprendre pourquoi la plupart des designs CSS actuels reposent encore largement sur une organisation de la page sous forme de grille et de mesurer tout le chemin qui nous sépare encore de designs créatifs complètement libérés de toutes nos vieilles conceptions.

Nicolas Gallagher

Sémantique HTML et architecture côté client

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 classes, ainsi que de la compression HTTP.

Niels Matthijs

En route pour des composants HTML réutilisables

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 journal.

Noah Stokes

Introduction au positionnement CSS

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

Patrick Griffiths

Du stretching pour vos sites

Pas complètement liquide, mais pas fixe non plus, le design élastique combine les forces des deux méthodes. Bien réalisé, il peut améliorer l’accessibilité, exploiter des capacités négligées du navigateur et du moniteur, et stimuler votre créativité de designer.

Déclarations XHTML

Un aperçu des obligations qui s’imposent aux développeurs en matière de déclaration de documents XHTML : choix du doctype et du jeu de caractères.

La vengeance des menus déroulants

Patrick Griffiths et Dan Webb contre-attaquent : leurs menus déroulants sont encore plus légers, plus efficaces et compatibles que lors du premier épisode. Mais où s’arrêteront-ils ?

Paul O’Brien

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

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

Peter-Paul Koch

Séparer le comportement de la structure

Réconciliez-vous avec JavaScript en lui appliquant la même rigueur de raisonnement qu’avec XHTML et CSS.

Rachel Lovinger

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

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 vous.

Richard Rutter

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

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 d’une règle de base : font-weight.

Robert Nyman

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

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

Roger Johansson

Au tableau !

Rappelons-nous à quoi servent les tableaux : à mettre en forme des données tabulaires. Si on peut en plus rendre le tout compréhensible à quiconque n’utilise pas de navigateur graphique, pourquoi hésiter ? Remettez vos tableaux de données dans le droit chemin de l’accessibilité !

Des CSS plus efficaces grâce aux raccourcis

C’est un article au titre comme nous les aimons chez Pompage... Il se passe de commentaires !

Évaluer l’accessibilité d’un site web, deuxième partie : Les premiers points à vérifier

Maintenant que vous avez les outils, apprenez à vous en servir pour réaliser vos premiers contrôles d’accessibilité en lisant le deuxième article de cette série de Roger Johansson.

Évaluer l’accessibilité d’un site web, première partie : Les préliminaires

Le premier d’une série de trois articles de Roger Johansson qui devrait vous permettre de commencer à vérifier si votre site est aussi accessible que vous le pensez ou qu’on vous l’a promis.

Évaluer l’accessibilité des sites web 3ème partie, Aller plus loin

Même s’ils donnent une bonne idée de l’accessibilité générale d’un site, les contrôles automatisés peuvent aussi se révéler insuffisants dans l’évaluation et la production de pages complètement accessibles à tous. Pour aller plus loin dans ce domaine, il sera donc sans doute nécessaire de faire soi-même l’expérience de la navigation web au regard des points mentionnés dans le dernier article de cette série de Roger Johansson.

Russ Weakley

Les listes de définitions : mal utilisées ou mal comprises ?

Découvrir, comprendre, et styler les listes de définition en HTML

Ryan Brill

Création d’une mise en page fluide à l’aide des marges négatives

Les marges négatives vous permettront de repousser la zone de contenu loin des bords du navigateur, en laissant de la place pour une colonne latérale. Pratique pour vos mises en pages fluides et complexes !

Ryan Seddon

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

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 des types de champs, des attributs et des pseudo-classes qui permettent de déléguer le travail de validation côté client aux navigateurs, voyons donc comment les utiliser.

Ryan Tomayko

Comment j’ai expliqué REST à ma femme

Non ce n’est pas un truc de robot, mais une traduction un peu inhabituelle pour Pompage qui devrait quand même vous permettre de découvrir, de manière assez inattendue, l’architecture sous-jacente du web et l’importance de certains de ses éléments clés que vous utilisez peut-être tous les jours sans le savoir.

Sergio Villarreal

Tables Vs. CSS - Un combat à mort

Soit une maquette graphique X. Soit deux techniques de montage : tableaux, et CSS. Laquelle des deux sera la plus efficace et rapide pour reproduire X ?
Sergio Vilarreal ramasse les copies et distribue les bons points.

Simon White

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

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 pour qu’une nouvelle approche de travail fonctionne.

Voici une analyse de comment nous avons mis en place l’expérience utilisateur dans ma société.

Steve Smith

Partir du bon pied avec les standards

Dans de nombreuses situations encore, passer aux standards web est souvent perçu comme l’apprentissage difficile d’une nouvelle manière de marcher. Alors pour partir du bon pied avec les standards, n’hésitez donc pas à lire ces suggestions de Steve Smith qui vous permettront de commencer à les utiliser ou à les faire accepter dans la conception de tous vos sites web.

Steven Bradley

Inline-block est-il un substitut aux floats ?

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).

Steven Hoober

Ecrans tactiles : mort aux mythes

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 profondeur.

Tim Brown

De la vraie typographie pour le Web

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 véritables polices dans nos projets web.

Pour une typographie qui a du sens

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 pages.

Tim Wright

HTML5 et l’avenir du web

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.

Tommy Olsson

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

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

Les déclarations « Doctype » et les en-têtes « Content-type » : Doctype Declarations and Content-Type Headers

Créer des documents valides c’est bien. Comprendre la signification de la déclaration Doctype et de l’en-tête Content-Type qu’ils contiennent, ainsi que leurs implications pour l’affichage de vos documents, est encore mieux. C’est pour le moins le message que souhaite faire passer cet article de Tommy Olsson qui vous permettra désormais de servir votre XHTML en toute connaissance de cause.

WebAIM

Accessibilité des applications AJAX - implications

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

Accessibilité des applications internet riches

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

Bien utiliser le texte alternatif

Une traduction d’un article de WebAIM qui vous permettra sans aucun doute de mieux comprendre comment implémenter cet élément emblématique de l’accessibilité web qu’est l’attribut alt de la balise image.

Trier les articles par :

© 2001-2024 Pompage Magazine et les auteurs originaux - Hébergé chez Nursit.com ! - RSS / ATOM - About this site