Archives de la catégorie : Traductions

Cette rubrique est issue de Design & Graphisme et est consacrée à des articles que j’ai traduit de l’anglais pour en faire profiter le plus grand nombre. Profitez-en donc !
Illustrator

C’est quoi ce « binz » avec les courbes de Bézier régulières dans Illustrator ? (theagsc.com)

Les courbes de Bézier

L’outil Plume est certainement un des outils emblématiques d’Illustrator. Ce n’est pas le plus simple à maîtriser, mais avec un peu d’habitude, d’astuce et d’espièglerie on parvient généralement à s’en sortir. Une fois qu’on a pris le coup de main, les courbes de Bézier sont un vrai plaisir. Toutefois, s’il y a une chose sur laquelle on peut hésiter même après des années de pratique, c’est bien le placement des points d’ancrage. Dans la suite de cet article, nous allons voir la méthode de travail du studio The AGSC qui va nous aider à choisir l’emplacement optimal des points d’ancrage dans Illustrator. →

Traductions

La roue chromatique est un mensonge

La roue chromatique et son cortège de couleurs primaires et secondaires est un outil très prisé par les graphistes et les web designers. Elle permet — à partir d’une couleur donnée — de créer des palettes de couleurs harmonieuses : couleurs analogues, complémentaires, complémentaires isocèles, triadiques ou tétradiques. Toutefois, la beauté de cette roue chromatique ne doit pas nous empêcher de poser des questions existentielles sur la théorie des couleurs et le fonctionnement de leur perception par notre cerveau. 
→

HTML & CSS

Nouvelle méthode de remplacement de texte par une image

Dans l’article Nouvelle méthode de remplacement d’image en CSS, je vous faisais part d’une nouvelle méthode de remplacement de texte par l’image en CSS proposée par Scott Kellum qui utilise la propriété text-indent avec un décalage en pourcentage. Cette méthode n’étant pas dénuée d’effets de bord (voir dans la suite de l’article), une nouvelle technique a fait son apparition lors de la mise à jour de HTML5 Boilerplate. Je vous propose une traduction de l’article Another CSS image replacement technique écrit par Nicolas Gallagher qui détaille une technique avec font-size : →

CMS WordPress

WordPress 3.3 — 10 nouvelles fonctionnalités importantes

Si vous avez hâte de voir à quoi ressemble WordPress 3.3 pour découvrir les nouveautés concoctées par l’équipe qui développe notre CMS préféré, voici ma petite craduction de l’article WordPress 3.3: The 11 Most Important New Features paru sur Mashable. Parmi les nombreuses améliorations apportées par cette nouvelle version, on peut noter les éléments suivants : redesign de la barre d’administration, nouveau menu A propos, nouvelle section d’aide, Tooltips, Media Uploader en HTML5, menus déroulants pour alléger WordPress.  Je vous invite à consulter l’article original qui présente notamment les captures d’écran sous la forme d’une galerie très pratique. →

Traductions

7 conseils pour mélanger plusieurs fontes dans votre design web

La typographie peut devenir la partie la plus créative de votre design ou la plus frustrante. Travailler avec ne serait-ce qu’une police de caractère peut déjà devenir un défi insurmontable pour de nombreux webdesigners ; alors imaginez ceux qui utilisent jusqu’à sept fontes ou plus dans leur design ! Voici un résumé de l’article 7 Rules for Mixing Multiple Fonts in Good Web Design qui passe en revue les éléments à prendre en considération pour utiliser plusieurs polices de caractère dans votre site web. →

Intégration web

Zapper la maquette Photoshop et passer directement à l’intégration HTML/CSS ?

Depuis longtemps, je me dis qu’un jour je saurai faire la maquette complète d’un design web dans Photoshop. Pourtant, je lance Illustrator à chaque fois, et dès les principes graphiques en place, je lance mon éditeur web préféré (en ce moment, c’est Aptana Studio) pour commencer l’intégration tout de go ! Dans mon for intérieur, j’ai toujours trouvé que peaufiner une maquette dans les moindres détails dans Photoshop était souvent plus chronophage qu’efficace. On se focalise sur les détails graphiques (le bidule, un peu plus à droite, c’est possible ?) au lieu de privilégier la bonne distribution des informations dans l’espace. →

HTML & CSS

Je teste mon navigateur sous Acid2, c’est grave, docteur ?

Acid2 the reference rendering smileyC’est une bonne nouvelle pour tous les webdesigners et autres intégrateurs HTML et CSS : la prochaine mouture d’Internet Explorer (IE8) devrait passer le test Acid2. Enfin, c’est ce qu’on peut lire un peu partout (disons que c’est notre Laure Manaudou à nous, les webeux). Mais qu’est-ce donc que ce test ? Ne risque-t-on pas d’abimer notre navigateur à le passer ainsi à l’Acid ? Pour le savoir, je me suis lancé dans une petite « craduction » de la première partie de l’article Acid2: The Guided Tour paru sur The Web Standards Project qui se bat depuis longtemps pour l’adoption des standards du web par tous pour permettre l’accès du web pour tous. →

HTML & CSS

Frameworks CSS + Reset CSS : design from scratch

Je n’ai pas résisté à l’envie de vous proposer ma traduction de l’article CSS Frameworks + CSS Reset: Design From Scratch paru dernièrement sur Smashing Magazine. Les frameworks CSS sont des environnements de développement composés généralement de plusieurs fichiers CSS gérant chacun une partie spécifique du design web (typographie, grille de mise en en page, formulaires, etc…). Ces frameworks sont souvent accompagnés d’un Reset CSS, pour s’affranchir des différences de rendu entre les navigateurs. L’article fait ainsi le point sur la notion de framework CSS, ses avantages et ses inconvénients, décrit les frameworks les plus populaires et termine par une série de liens commentés à propos des Reset CSS et des styles de base. En attendant d’éventuels retours sur la traduction, ce billet est en version bêta. →

Ergonomie & Accessibilité

L’expérience utilisateur et l’ergonomie des sites web

Ruiner l'expérience utitilisateur ? Quelle idée ^^ Pour faire bonne impression sur les visiteurs, il suffit d’anticiper leurs besoins. Dans ce domaine, ce sont souvent les détails qui comptent le plus. Améliorer l’expérience utilisateur et adapter les fonctionnalités d’un site web en fonction des attentes de chacun permet de satisfaire : ceux qui veulent consulter un site web ergonomique offrant un contenu facilement accessible ; ceux qui veulent un design attractif ; et enfin, ceux qui veulent le grand jeu avec Ajax à tous les étages. Ce billet est ma traduction du dernier article d’Aaron Gustafson Ruining the user experience paru sur A List Apart le 27 mars dernier. →