Ç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
Last 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
CSS Lint, c’est amusant mais je bugge totalement sur cette règle : « Don’t use ID in selectors ».
+1 pour CSS Lint, 46 erreurs avec ce derniers et rien avec w3c… surtout que j’ai pas non plus compris forcément les erreurs qu’il me dit…
C’est retwitté !
En passant moi aussi j’organise un concours (gagner des formations video2brain), passez sur mon site tant que les inscriptions sont ouvertes. 🙂
Pareil pour moi. L’utilisation de ID est très fréquente et aide beaucoup a structurer les éléments unique. Le « Pourquoi » que c’est une mauvaise utilisation de CSS Lint, est exactement la raison pourquoi on les utilisent. Ce petit logiciel web est très bien sauf qu’il est un peu trop stricte.
C’est tweeté! Je découvre ce blog ma foi plein d’infos. Je vais tester css lint de ce pas.