Le petit journal du web — WordPress, Couleur, CSS, Page Speed, 404

Ça faisait longtemps que je n’ai pas partagé sur ce blog les bons tuyaux que je tweet depuis mon compte Twitter @br1o. Découvrez : comment contrôler la qualité de vos feuilles de styles CSS ; un journal papier à partir d’un flux de production allant de Google Documents à InDesign en passsant par WordPress ; les goulets d’étranglements qui grèvent les performances d’affichage de votre site web ; une galerie de pages d’erreur 404 ; un site sur les codes couleur ; comment gagner des encarts publicitaires sur des blogs low tech et hight tech ; un thème WordPress basé sur HTML5 Boilerplate.

Contrôle qualité des CSS

CSS Lint — Copier-collez votre feuille de style CSS dans le champs prévu à cet effet, et cliquez sur LINT! pour avoir un contrôle qualité : nombre d’erreurs et point de vigilance sous la forme d’un tableau indiquant la ligne, la colonne, le nom de l’erreur, sa description et le navigateur concerné, le cas échéant. Un clic sur la ligne saute directement à l’erreur concernée dans le contexte de la CSS. Pratique, même si certains point de vigilance sont un peu intempestifs. (Via @ThierryRoget).

Journal papier avec Google Docs, WordPress et InDesign

Docs to WordPress to InDesign — [Video] Faire un journal papier avec InDesign à partir de Google Docs et WordPress, c’est possible !

Via La Social NewsRoom qui explique les différentes étapes en français.

Performances web avec Page Speed

Page Speed Online — Analyser l’affichage de vos pages web et obtenez des suggestions pour améliorer les performances de votre site, tant il est vrai qu’une page web qui se charge rapidement décourage les taux de rebond élevés et augmente les taux de conversion. Existe également comme extention Chrome ou Firefox.

Erreur 404 : page non trouvée

404 — Une bien belle collection de page d’erreur 404 «curatée» par PiouPiouM sur Flickr. De quoi trouver un peu d’inspiration pour ces pages souvent rébarbatives mais Ô combien indispensables !

Code couleur

Code Couleur — Code couleur HTML et Conseil sur la colorimétrie. Le site possède plusieurs rubriques dédiées à la couleur : signification des couleurs (couleurs primaires, couleurs secondaires, couleur tertiaires, et autres couleurs) ; dictionnaire des couleurs avec l’ensemble des couleurs nommé et leurs valeurs hexadécimales, RVB, CMJN et TSL.

Gagner des encarts publicitaires

A l’occasion du premier anniversaire du blog des nouvelles technologies, j’offre à @lryo17 de faire gagner à ses lecteurs et lectrices un encart publicitaire au format 200×200 à paraitre sur le blog low-tech css4design.

En participant à l’événement, vous pourrez également gagner d’autres encarts publicitaires sur des blogs High Tech comme WebActus, Waebo, WebSourcing, Blogmotion et Semageek !

Pour participer, il suffit de Retweeter ce message :

Anniv J8 #bnt @webactus @waebo @br1o @xhark @semageek @lionelroux : RT pour gagner 1 encart publicitaire http://t.co/Di0yZBH (via @lryo17)

WordPress Basics

Logo WordPress BasicsLast but not least : n’oubliez pas de télécharger votre version de WordPress Basics avec des morceaux de HTML5 Boilerplate, des microformats, des rôles ARIA et bourré (je me comprends) de sémantique HTML 5