Tous les articles par niveau

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 !

Débutant

Arrière-plans cliquables, par Dan Cederholm.
Appliquez des images cliquables à vos listes de liens, en les laissant à l’arrière-plan.
CSS : on reprend tout à zéro !, par Joe Gillespie.
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), par Joe Gillespie.
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), par Joe Gillespie.
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), par Joe Gillespie.
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), par Joe Gillespie.
Suite du feuilleton des feuilles de style : comment faire pour les tableaux ?
CSS : on reprend tout à zéro ! (13ème épisode), par Joe Gillespie.
Suite du feuilleton des feuilles de style : comment faire pour les formulaires ?
CSS : on reprend tout à zéro ! (14ème épisode), par Joe Gillespie.
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), par Joe Gillespie.
Suite et fin du feuilleton des feuilles de style : les perspectives d’avenir.
CSS : on reprend tout à zéro ! (épisode 3), par Joe Gillespie.
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), par Joe Gillespie.
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), par Joe Gillespie.
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), par Joe Gillespie.
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), par Joe Gillespie.
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), par Joe Gillespie.
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), par Joe Gillespie.
Suite du feuilleton des feuilles de style : mise en place définitive de la page, en trois colonnes.
Font-weight est toujours cassé pour l’ensemble des navigateurs sauf un, par Richard Rutter.
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.
Navigateurs indulgents : cap danger !, par J. David Eisenberg.
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.
On revoit les bases : la propriété « background », par Paul O’Brien.
Tout ce que vous avez toujours voulu savoir sur la propriété background et que vous n’avez jamais osé demander !
Partir du bon pied avec les standards, par Steve Smith.
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.

Intermédiaire

Écrire des feuilles de style efficaces, par Holly Bergevin et John Gallant.
Optimisez vos feuilles de styles avec ces astuces pour des CSS plus légères et efficaces.
Bien utiliser le texte alternatif, par WebAIM.
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.
Comment vous assurer que vos emails HTML s’affichent correctement et arrivent à bon port ?, par David Greiner.
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.
Contraste et sens, par Andy Rutledge.
Le contraste est l’élément fondamental du design, le premier à créer du sens.
Création d’une mise en page fluide à l’aide des marges négatives, par Ryan Brill.
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 !
Définir des tailles de police dynamiques cohérentes avec CSS, par Robert Nyman.
Comment utiliser les ems (presque) aussi facilement que les pixels pour définir des tailles de police redimensionnables dans tous les navigateurs.
Des CSS plus efficaces grâce aux raccourcis, par Roger Johansson.
C’est un article au titre comme nous les aimons chez Pompage... Il se passe de commentaires !
Domptez vos puces, dressez des listes, par Mark Newhouse.
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.
Faites bonne impression avec les CSS, par Eric A. Meyer.
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.
Gros, rigide, trapu ? gagnez en souplesse !, par Joe Clark.
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.
Javascript non-intrusif, chapitre 1 : le grand nettoyage !, par Christian Heilmann.
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, par Christian Heilmann.
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 4 : l’appel des scripts de la forêt, par Christian Heilmann.
Mais au fait comment fait-on pour séparer concrètement notre code Javascript du balisage et de ces règles d’affichage ?
L’impression à votre façon, par Derek Featherstone.
Avec quelques outils et un rien de CSS, créez facilement des versions imprimables qui vous ressemblent !
La vengeance des menus déroulants, par Patrick Griffiths et Dan Webb.
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 ?
Le DOCTYPE qu’il vous faut, par Jeffrey Zeldman.
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.
Les déclarations « Doctype » et les en-têtes « Content-type », par Tommy Olsson.
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.
Les listes de définitions : mal utilisées ou mal comprises ?, par Russ Weakley.
Découvrir, comprendre, et styler les listes de définition en HTML
Les pieds (de page) dans le plat, par Bobby van der Sluis.
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.
Les Super-Sélecteurs !, par Andy Clarke et James Edwards.
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 !
Quand CSS et Courriel s’embrassent sous le gui, par Mark Wyner.
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.
Séparer le comportement de la structure, par Peter-Paul Koch.
Réconciliez-vous avec JavaScript en lui appliquant la même rigueur de raisonnement qu’avec XHTML et CSS.
Sprites CSS : Meurs, découpe d’images, meurs !, par Dave Shea.
À 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 !
Tables Vs. CSS - Un combat à mort, par Sergio Villarreal.
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.
Techniques et astuces pratiques pour une mise en page CSS, par Mark Newhouse.
Quelques indications pratiques pour abandonner progressivement les tableaux au profit de CSS.

Confirmé

Comment lire une spécification du W3C, par J. David Eisenberg.
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.
Design de poche : Porter votre site web au petit écran, par Elika Etemad et Jorunn D. Newth.
Comment adapter son site web à un petit, très petit écran.
Javascript non-intrusif, chapitre 3 : créer du contenu et le détruire, par Christian Heilmann.
Et maintenant voyons un peu comment manipuler nos documents.
Javascript non-intrusif, chapitre 5 : un exemple de formulaire amélioré en Javascript, par Christian Heilmann.
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.
Les Portes Coulissantes de CSS, par Douglas Bowman.
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, par Douglas Bowman.
Ajoutez des rollovers et élargissez les zones sensibles de vos menus à onglets en CSS basés sur la technique des Portes Coulissantes.

Tous niveaux

10 raisons expliquant pourquoi les clients n’ont que faire de l’accessibilité, par Christian Heilmann.
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.
99,9% des sites web sont obsolètes, par Jeffrey Zeldman.
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.
Améliorer l’accessibilité par la typographie, par Joe Dolson.
Taille, lisibilité, contraste : quelques recommandations pour éviter que votre texte soit illisible.
Au tableau !, par Roger Johansson.
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, par Roger Johansson.
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, par Roger Johansson.
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.
Changez-vous la vie avec XHTML, par J. David Eisenberg.
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.
Clarence le poney, par Al Sparber.
La raison pour laquelle vous devriez passer à CSS, à travers l’histoire de Clarence le poney.
Comment j’ai expliqué REST à ma femme, par Ryan Tomayko.
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.
Déclarations XHTML, par Patrick Griffiths.
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.
Dégradation élégante & Amélioration progressive, par Tommy Olsson.
Ou comment rendre un site utilisable par tous et agréable pour la plupart.
Donnez votre avis sur le futur de HTML, par Molly E. Holzschlag.
HTML change... Et VOUS pouvez être partie prenante du processus. Lisez, puis réagissez !
Du stretching pour vos sites, par Patrick Griffiths.
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.
Emails HTML - Dompter la bête, par David Greiner.
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.
Envoyons paître les mauvais navigateurs, par Jeffrey Zeldman.
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.
Feuilles de Styles en Cascades, Promesse contre Réalité, et un regard vers le Futur, par Mark Newhouse.
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.
Iconologic et les standards, par Aaron Boodman.
Reproduction d’un mémo pour la société qui emploie l’auteur, expliquant les avantages du web design selon les standards Web.
L’accessibilité : politique et design, par Alan Herrell.
Alan Herrell déconstruit les nouvelles lois américaines sur l’accessibilité et leurs implications pour les web designers où qu’ils se trouvent.
Le singe baigneur est nu, et autres considérations sur la distinction entre stylisme et design, par Adam Greenfield.
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.
Le tao du design Web, par John Allsopp.
Nouveau media, vieux rituels ? Le Taoïsme pour aborder le Web d’une autre manière.
Les colonnes factices, par Dan Cederholm.
Une technique simple pour obtenir avec CSS des colonnes qui semblent de hauteur égale, indépendamment de leur contenu.
Les coulisses d’un design, par Douglas Bowman.
Une explication détaillée du processus et des décisions prises pour monter un des designs du CSS Zen Garden.
Mon site Web est standard ! Et le vôtre ?, par Karl Dubost.
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 !
Où suis-je ?, par Derek Powazek.
Trois règles simples pour une meilleure navigation dans les sites web.
Refondre aux standards des sites de taille industrielle, par le WaSP.
Une interview de Dan Cederholm, webdesigner ayant mené la refonte aux standards de 2 grands magazines web américains.
Sept erreurs d’accessibilité (1ère partie), par Christian Heilmann.
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), par Christian Heilmann.
La suite de l’article de Christian Heilmann sur les raisons qui font que certains produits n’arrivent pas à être accessibles.
Sortez-vous la tête des grilles, par Molly E. Holzschlag.

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.

Une terminologie de la conception web, par Holly Bergevin et John Gallant.
Un décryptage du jargon de la création web.
Vous aimez l’accessibilité ? Les moteurs de recherche aussi !, par Andy Hagans.
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.

Trier les articles par :

© 2001-2009 Pompage Magazine et les auteurs originaux - RSS / ATOM - About this site