Conventions de nommage pour les CSS — identifiants et classes — de votre site web

Le nommage des identifiants et des classes est une question à laquelle l’intégrateur web est confronté chaque fois qu’il démarre un projet. Dans l’idéal il faut trouver des intitulés d’identifiants et de classes reflétant la signification des contenus qu’ils enveloppent. A cet égard, #publicite-principale est plus judicieux que #publicite-en-haut-a-droite dans la mesure où l’emplacement de la publicité — fut-elle principale — peut être placée à différentes endroits stratégiques. Pour nous aider à y voir plus clair, Andy Clarke (revisitant Eric Meyer) a eu la  bonne idée de partager ses réflexions sur le sujet (dès 2004) sous la forme d’une proposition de convention de nommage pour les identifiants et les classes susceptibles de faire partie de la majorité des projets web.

Opquast : dites « bonjour » à M. Référent Accessibilité

Je m’étais inscrit il y a déjà quelques temps très longtemps pour suivre les contributions pour la nouvelle version du référent accessibilité pour les sites web édité par Opquast sous la houlette de Elie Sloïm de l’équipe Temesis. Si je connais Opquast depuis son lancement, je me rend compte que je l’ai peu consulté : j’ai l’impression de faire de l’accessibilité comme Jourdain faisait de la prose, mais la plupart du temps, lorsque je prends connaissance d’une bonne pratique, je me rends compte que les miennes sont perfectibles. Vous aussi ? Faites comme moi et commencez donc par télécharger une copie des 217 bonnes pratiques pour la conception de sites web de qualité.

Du rythme pour vos colonnes avec le pseudo sélecteur CSS :nth-child() et jQuery

Outre un nouveau design sombre que je trouve très réussi, Soh Tanaka nous offre une belle leçon de choses en utilisant le pseudo sélecteur :nth-child() et une pincée de jQuery (compatibilité Internet Explorer oblige) pour donner du rythme à une liste de produits contenant des éléments récurrents de tailles différentes. Rassurez-vous, le concept est très bien expliqué avec moult illustrations dans l’article Advanced Columns using the :nth-child(N) 😉

30+ éditeurs HTML plus ou moins WYSIWYG

Qu’il s’agisse de créer une page web ou de permettre aux utilisateurs de mettre en forme leurs articles ou leurs commentaires, on a toujours besoin d’un éditeur HTML à consommer sur place ou à emporter. Voici une sélection de plus de 30 éditeurs HTML (tirée en grande partie de ma liste des 1000 ressources pour webdesigner) qui devrait occuper les longues soirées d’automne qui s’annoncent.

8 exemples de tarifs pour l’intégration de votre site WordPress

Quels sont les éléments à prendre en compte dans l’établissement d’un tarif pour la livraison d’un site web utilisant WordPress ? C’est en substance la question posée dans l’article Quel tarif pour un thème WordPress ? Beaucoup de personnes ont été déçues par le manque de données chiffrées. Je reconnais que le titre pouvait induire en erreur. Je vais essayer de rectifier le tir en dressant le portrait de plusieurs clients-type en utilisant librement la technique des Personas. Il s’agit de représentations fictives mais concrètes des utilisateurs pour lesquels le produit est conçu. Ils fournissent aux développeurs une référence pour définir les fonctionnalités et les scénarios d’utilisation. C’est donc une méthode idéale pour concevoir un site web orienté vers l’utilisateur !

Le petit journal du web — Non, Twitter n’a pas tué les Backlinks… La preuve !

A force de refiler des bons tuyaux aux plus de 4 300 abonnés de mon compte Twitter j’en avais presque oublié mon petit journal du web. Cette rubrique qui me permets d’arrêter le temps, l’instant d’un billet, pour jeter un oeil dans le rétro, histoire de me remémorer les sites ou les articles qui ont attiré mon attention. En ce qui me concerne, il ne sera pas dit que Twitter sera un dévoreur de Backlinks ! Pour vous donner le goût des autres, ce billet est composé de sites que j’ai découvert récemment.

Le Design serait inutile dans 80% des cas

Désolé pour le titre accrocheur, mais que voulez-vous, c’est la tendance ! Et les tendances dans le webdesign, c’est sacré. Du moins c’est ce que l’on a tendance à croire parce que c’est pratique.

HTML5 Boilerplate Thematic — Un «WordPress Theme Framework» complet

Thematic-html5boilerplate est un un thème WordPress basé sur le thème par défaut Twenty Ten présent dans l’installation de WordPress depuis la version 3.0, le framework Thematic et HTML5Boilerplate qui est est lui-même un template composé d’un ensemble cohérent de fichiers HTML, Javascript et CSS. Son but ? Rendre votre blog prêt pour HTML5 et CSS3, le tout avec des performances améliorées.