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

Rigueur. Et passion !

Ne dites pas à ma mère que je suis artisan en architecture de l'information appliquée aux sites web : elle croit que je suis webdesigner, intégrateur HTML & CSS, rédacteur web, formateur NTIC et consultant en webmarketing depuis 2001 ! Voulez-vous en savoir plus ?

Le blog de l'intégrateur web

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

Articles sur le même sujet

PS : Le respect de la vie privée sur internet est important : j'ai décidé d'échanger mon bouton Like de Facebook par un bouton Faire un don de Paypal car
Il n'y pas d'amour, il n'y a que des preuves d'amour (Jean Cocteau) ;) Merci d'avance.



5 commentaires pour “Le petit journal du web — WordPress, Couleur, CSS, Page Speed, 404”

  1. CSS Lint, c’est amusant mais je bugge totalement sur cette règle : « Don’t use ID in selectors ».

  2. Descloux Nicolas dit :

    +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…

  3. Identitools 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. :)

  4. aurevilly dit :

    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.

  5. id meneo dit :

    C’est tweeté! Je découvre ce blog ma foi plein d’infos. Je vais tester css lint de ce pas.



Colophon

CSS & Webdesign est une publication irrégulomadaire à tendance hebdomadaire
éditée par Bruno Bichet qui carbure à WordPress et au café équitable.
Tous droits réservés © 2006 - 2011.

Contactez l'auteur du site