Bons tuyaux

Spotify Premium sur mobile : écouter de la musique est redevenu cool

Depuis des années, j’écoute de la musique en ligne (je n’ai plus de chaine HiFi depuis 2003). J’ai commencé avec Yahoo! Launch qui proposait des radio thématiques sympathiques (aujourd’hui partenaire de Deezer), puis j’ai continué plus ou moins dans l’ordre avec RadioBlagon, Radio.Blog.Club, Deezer, MusicMe, Grooveshark pour finir par utiliser principalement Spotify, même si je jette une oreille de temps à autre sur les autres solutions pour élargir mon horizon musical (les radios thématiques et chronologiques de Spotify sont perfectibles).

→

Conception de site web

Quelques notes sur le design graphique des sites web et autres futilités

Ces quelques notes sont le fruit d’une réflexion rapide qui fait suite au commentaire de Papier-pixel sur l’article Conception dans le navigateur avec HTML5 & CSS3. Il regrette grosso modo qu’il y a des thèmes récurrents dans mes billets qui tendent à laisser penser que le webdesign et la mise en place d’une vraie charte graphique ne sont pas indispensables. Le fait de coder directement dans le navigateur ou d’oublier photoshop pour finir par m’interroger sur la pertinence du design qui serait « inutile » dans 80% des cas nous entrainerait dans un web uniforme, sans véritable réflexion visuelle en amont. →

HTML & CSS

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

Ergonomie & Accessibilité

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

Helper CSS

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

HTML & CSS

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

Blog professionnel

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

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