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.

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.

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.

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.

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.

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.

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 ?

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.

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.

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.

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.

Holly Bergevin et John Gallant

Écrire des feuilles de style efficaces: Optimisez vos feuilles de styles avec ces astuces pour des CSS plus légères et efficaces.
Une terminologie de la conception web: Un décryptage du jargon de la création web.

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.

James Edwards

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.

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 !

l’équipe de Pompage

Paris-Web 2008: 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.

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.

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.

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.

Patrick Griffiths

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

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é !
É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.
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 !

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

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.

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 »: 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

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.