J’y répondrai, rassurez-vous

Une édition, pourquoi si tôt ?

Une deuxième édition après seulement 9 mois de mise en rayon, ce n’est pas très courant. À vrai dire, je ne m’y attendais pas non plus mais la raison était simple. Début mars 2010, j’apprends que le premier tirage − 1800 exemplaires − arrive à épuisement. 2 alternatives me sont proposées :

• partir sur un nouveau tirage, plus important, à contenu identique
• partir sur une nouvelle édition, et justifier son titre par des ajouts ainsi qu’une actualisation du contenu

La deuxième option n’aurait pas été drôle si je n’avais pas jusqu’au 1^er avril pour fournir le nouveau manuscrit. C’est pourtant la solution retenue, notamment parce qu’un nouveau tirage aurait repoussé à 2011 toute actualisation.

L’actualité des réseaux sociaux ayant été chargée depuis septembre 2009, je souhaitais limiter l’obsolescence du contenu.

Nouveautés et changements

En grand garçon organisé et méthodique que je suis, j’avais déjà noté tous les chapitres et sous-chapitres impactés par des mises à jour de contenu. En acceptant ce petit défi, j’avais donc la tranquillité d’esprit de mon côté. Il n’y avait plus qu’à écrire.
Et c’est aussi ce qui évite tout sentiment de précipitation quant à la fenêtre réduite pour y parvenir.

Cette deuxième édition gonfle de 11 pages, avec ces nouveaux contenus :

1. inclusion du documentaire vidéo Le phénomène des blogs en clôture de premier chapitre
2. sous-chapitre « fédérer une communauté » expliquant en quoi fournir une plateforme de blogs facilite l’expression de vos suiveurs, de les canaliser et d’en faire ressortir des leaders d’opinion
3. sous-chapitre « cartographier les flux sortants », pour ne plus jamais s’emmêler les pinceaux en publiant 2 fois la même information sur autre canal de communication (Facebook, Twitter et consors)

Et du côté des changements, de manière synthétique :

1. maîtrise de son identité − ajout de Google Alertes
2. mise à jour des données sur Blogger − l’ajout de la fonctionnalité « pages »
3. mise à jour des données sur Posterous − l’ajout de la gestion des thèmes
4. mise à jour des données sur WordPress − anticipation de la fonctionnalité multi-blogs de WordPress 3.0 et suppression de WordPress Mu
5. mise à jour des données de FeedBurner − fonctionnalité Socialize
6. mise à jour des données de Facebook − synchronisation avec Twitter
7. mise à jour des données de Yammer − recherche améliorée, hashtags etc.

J’ai déjà des idées pour la troisième édition, mais si vous avez des requêtes, corrections ou d’autres idées à faire passer, n’hésitez pas

Le phénomène des blogs

Honte à moi, je n’avais pas parlé de cette vidéo réalisée par 2 anciens de mes étudiants en SRC à Bordeaux. Béatrice Valéro a, à mon sens, réalisé un sacré travail de conception/réalisation/montage. Je ne saurais que recommander son travail en dépit d’un caractère bien trempé

Toujours est-il que la trame de ce documentaire d’une quarantaine de minutes se focalise sur l’origine des blogs, leur évolution, les problématiques SEO et journalistiques sans oublier des témoignages de blogueurs, à titre perso et professionnel.

J’ai choisi d’inclure cette vidéo en fin de premier chapitre, afin de clôturer l’introduction de manière originale, avec un condensé rapide de ce qu’il faut savoir, sans pour autant faire doublon avec le reste du livre.

Cliquer ici pour voir la vidéo.

Conclusion

Cette actualisation a nécessité quelques heures de travail mais certainement pas autant que pour la première édition − tant mieux, c’est déjà assez éprouvant pour l’entourage qui nous prend pour un autiste, quand il arrive à comprendre ce besoin d’isolement.

N’imaginez pas qu’avec cette réédition, je pourrai rouler en Porsche, loin de là, et que l’inclusion dans iBooks y changera quelque chose.
Mais ça, j’y reviendrai plus tard … l’iPad sauvera peut-être la presse, mais certainement pas les auteurs.

Couverture du chapitre 5 : Gérer son blog au quotidien

Je saisis donc l’occasion pour offrir la partie traitant des blogs et des obligations légales. Et même mieux, tout le chapitre dans lequel il est inclus : gérer son blog au quotidien. Vous êtes donc à 2 clics de savoir comment gérer un blog sans craindre de représaille juridique

Contenu du chapitre offert : gérer son blog au quotidien

Ce chapitre de 56 pages contient une synthèse de ce qu’il faut savoir pour gérer un blog au quotidien, à savoir :

1. Gestion du contenu
2. Monétisation
3. Gestion de sa réputation et de son identité
4. Gestion de son infrastructure
5. Obligations légales

À mes yeux, la gestion de la réputation et des obligations légales sont fortement liées. L’usurpation d’identité ou le mensonge (sur soi) ne peuvent qu’attirer des ennuis.

La partie «obligations légales» rappelle les fondamentaux, explique les lois fondamentales et traite des notions à connaître :

• Quelles sont les responsabilités que doivent respecter les blogueurs ?
• Explications sur la loi relative à la liberté de la presse
• Explications sur la loi LCEN
• Explications sur la loi relative à la propriété intellectuelle
• Nétiquette
• Diffamation
• Respect de la vie privée
• Plagiat
• Citation des sources
• Licences d’utilisation

J’ai grassé les parties relatives à ce qui a été contrarié par l’utilisation frauduleuse de ma photo par Paris Match (malgré toute la bonne volonté possible dont ils aient pu user). Tous ces conseils s’appliquent en réalité à tout contenu partageable sur la Toile, que ce soit photo, vidéo, audio ou texte.

D’ailleurs en restant dans le domaine de la photo, la photo de couverture de ce chapitre est intitulée Gardener. Elle est publiée sous licence Creative Commons BY-ND, autorisant une utilisation commerciale. Je n’ai pas manqué de la citer dans l’ouvrage et d’en remercier l’auteur. Je m’appelle pas Paris Match

Conditions de partage de cet extrait gratuit

Le fait de partager ce chapitre ne vous laisse pas tous les droits bien entendu. Mais ça vous le savez maintenant
Tout comme mes photos, ce PDF est proposé sous licence Creative Commons BY-NC-ND. Libre à vous de le redistribuer tant qu’il y a citation de l’auteur, de la source, sans modification et en dehors d’un contexte commercial.

Vous ne souhaitez en citer qu’une partie ? On retombe sur le droit d’auteur donc une mise en forme citation, le livre, la page, l’auteur et l’édition suffisent

Bonus : extraire certaines pages d’un PDF

Pour les besoins de ce partage, j’ai eu à extraire certaines pages du PDF du livre − celui correspondant à la version papier de «Réussir son blog professionel». 3 programmes sont certes nécessaires mais ça s’effectue en 2 coups de cuillère à pot :

pdftops reussir-son-blog-pro.pdf - | psselect -p128-183 | ps2pdf - reussir-son-blog-pro-chap5.pdf

Cet enchaînement permet dans l’ordre de :

1. convertir le PDF en PostScript (en l’envoyant en sortie)
2. extraire les pages 128 à 183 du flux PostScript
3. capturer l’entrée en la convertissant en un PDF

Seul inconvénient de la méthode : l’indexation du PDF saute, de même que son titre. Je n’ai pas trop cherché, j’avoue, mais je suis preneur de toute astuce

Ce rendez-vous sera l’occasion de présenter l’ouvrage, de répondre à vos questions et de repartir avec,  signé par mes soins

Qui peut venir ? À peu près tout le monde qui s’intéresse au Web, particulier ou entreprise, avec ou sans votre petite famille.
Il y aura de toutes façons une réduction offerte par la librairie à cette occasion.

Et comme le soir je repars à Bordeaux, on peut même faire un bout de route/rail ensemble

Informations complémentaires

Librairie Eyrolles
55, 57, 61 et 63 boulevard Saint-Germain
75005 Paris
En cas de difficulté, je vous invite à consulter le plan d’accès.

Réussir son blog professionnel
Auteur : Thomas Parisot
Préface par Philippe Martin
Sortie le 3 septembre 2009, ~300 pages, 18€
ISBN-10 / ASIN : 2212125143
ISBN-13 : 978-2212125146

Motivations et objectifs

Cette envie d’apporter ma pierre sur la compréhension de l’outil blog est en partie née avec l’animation des BlogCamp Bordeaux. Cette année et demi de contribution, d’animation et de rencontres avec un large horizon de personnes m’ont laissé à penser qu’il y avait encore du chemin à parcourir pour démocratiser cet outil. Mais on parle là de démocratisation et de bonne utilisation dans un contexte professionnel. J’ai vu des utilisateurs aguéris et des personnes qui n’attendaient qu’une chose : qu’on leut confirme que ce n’était pas ringard du tout d’utiliser des blogs.

Les blogs sont des outils, pas une fin en soi et c’est pour ça que j’ai souhaité diffuser plus qu’un simple catalogue de blogs ou expliquer comment en configurer un (de blog). J’ai apporté ma vision transverse de technicien, de maître d’œuvre dans le domaine du Web et d’utilisateur averti d’outils qui changent la vie. C’est pourquoi j’ai souhaité parler de l’intégration des blogs avec un écosystème vivant : Facebook, Twitter, RSS, Yammer et j’en passe.

Tout ça est parti d’une proposition de Mémento auprès d’Eyrolles : quelques mois plus tard, c’est finalement un livre dépassant les 200 pages de contenu qui atterrira sur les étals de vos crémeries préférées. Plusieurs mois de travail m’ont été nécessaires pour traiter le sujet, de manière perfectible je préfère l’annoncer. J’ai entre temps bouquiné pas mal de références sur le sujet et je peux dores et déjà annoncer que leurs contenus seront complémentaires. Je n’ai pas l’expérience de 10 ans de déploiement de blogs en entreprise mais je pense avoir concentré les arguments et les informations nécessaires pour avoir une vision transverse du sujet : communiquer, rédiger et affirmer sa présence en ligne.
Des conseils qui s’adapteront aux futurs outils du Web, le jour où les blogs seront mis à la poubelle pour quelque chose de mieux … si tant et si bien que ça se produise

Table des matières

J’en profite pour partager avec vous la table des matières de l’ouvrage. Je suis ouvert à vos critiques mais il ne faut pas rêver : à quelques jours du bouclage il ne faudra pas espérer de changement majeur. Si c’est le cas ça sera à voir pour la deuxième édition … et les suivantes je l’espère

1. Le blog, qu’est-ce que c’est ?
   1. Site perso + Web 2.0 = blog
   2. Quelques mythes à oublier
      1. Les blogs c’est pour les gamins
      2. Le blogueur est influent
      3. Le blogueur est un journaliste
      4. Bloguer c’est facile (d’écrire, de gagner de l’argent etc.)
      5. Je peux tout faire sur un blog
      6. Sur un blog, je suis anonyme
      7. Parce que c’est sur un blog, c’est vrai
2. Un blog, pourquoi faire ?
   1. Attirer de nouveaux clients ciblés et qualifiés
   2. Communiquer avec ses clients
   3. Communiquer autour de son métier et de ses produits
   4. Affirmer son expertise
   5. Usages internes à l’entreprise
   6. Gestion communautaire
3. Les fonctionnalités de base des blogs
   1. Billets
   2. Pages
   3. Catégories et Tags
   4. Commentaires / Pings / Rétroliens
   5. Liens / Blogroll
   6. Modules complémentaires : Extensions / Plugins
   7. Thèmes graphiques / Widgets
   8. Revue de presse numérique : la syndication RSS
4. Quelques questions à se poser avant de commencer
   1. De quoi vais-je bloguer ?
   2. Avec qui ?
   3. Sous quel nom ?
   4. À quelle adresse ?
   5. En quelle(s) langue(s) ?
   6. Combien de ressources ?
      1. Combien de temps ?
      2. Combien d’argent ?
   7. Quel hébergement choisir ?
      1. Gratuit
      2. Mutualisé
      3. Dédié
5. Gérer un blog au quotidien
   1. Son contenu
      1. Publier du nouveau contenu
      2. Enrichir les anciens articles
      3. Modérer les commentaires
      4. Monétiser son contenu
   2. Sa réputation
      1. Consulter ses statistiques
      2. Commenter en dehors de son blog
      3. Maîtriser son identité
      4. L’économie de la conversation
   3. Son infrastructure
      1. Choisir ses extensions
      2. Planifier des sauvegardes
      3. Mettre à jour le logiciel
      4. Respecter son budget
   4. Obligations légales
      1. Quatre articles de loi pour les gouverner tous
      2. Diffamation
      3. Respect de la vie privée
      4. Plagiat
6. Quel logiciel choisir ?
   1. La grille de critères
   2. Blogs hébergés
      1. WordPress.com
      2. TypePad
      3. Blogger
      4. Posterous
   3. Blogs à héberger
      1. WordPress
      2. Dotclear
      3. Movable Type
      4. Typo
   4. Outils de gestion de contenu (CMS)
      1. Drupal
      2. SPIP
7. Utiliser des services complémentaires pour étendre votre réseau
   1. Gestion de communautés
      1. MyBlogLog
      2. Who’s Hot?
      3. Google Friend Connect
   2. Republier du contenu
      1. Feedburner
      2. Facebook
      3. soup.io
      4. Sur des Planet
      5. Sur vos propres sites
   3. Moteurs de recherche de blogs
      1. Google Blog Search
      2. Technorati
      3. Twingly
      4. Wikio
   4. Microblogs
      1. Twitter
      2. FriendFeed
      3. Identi.ca
      4. Yammer
      5. Ping.fm
   5. Outils de publication à distance
      1. Windows Live Writer
      2. ScribeFire
      3. iPhone
      4. Flock
      5. Ecto
      6. MarsEdit
      7. Autres solutions de publication

Cette table des matières est encore sujette à évolution, notamment dans le choix des titres. À ce stade là, il me paraît difficile de changer profondément la structure

Et la suite ?

Pendant cette fin de mois de juillet, je procède aux corrections sur les judicieux conseils de ma batterie de relecteurs. Philippe Martin participe également au projet en proposant une préface et sa vision franco-canadienne de l’utilité des blogs. Au mois d’août, l’imprimeur fait son office pour que le 3 septembre vous puissiez apprécier le travail mené et commencer à m’insulter parce que de toutes façons, les blogs c’est nul, ça craint et que le classement Wikio ça sert à rien

D’ici là je vous livrerai quelques billets sur cette épreuve car malgré l’aspect sympathique d’écrire un livre, c’est avant tout une aventure humaine, tant d’un point de vue personnel que professionnel.

Comme je ne savais plus quoi faire de mes journées, j’ai tenté le coup.
Le petit se porte bien et devrait voir le jour aux alentours du mois de juin 2009. Le prénom n’est pas encore officiel, ça peut encore changer.

Un grand merci à celles et ceux qui subissent et vont subir mon autarcie jusqu’à l’accouchement
C’est d’ailleurs pourquoi je vais légèrement ralentir la cadence sur le blog en passant à 1 billet toutes les 2 semaines maximum.

On se tient au courant pour les festivités.

Concevoir un site Internet dans les règles de l’art demande de multiples compétences : architecture technique, programmation, graphismes, intégration, ergonomie et du bon sens. Transcender CSS : sublimez le design Web ! s’intéresse à l’aspect esthétique au travers des CSS.

Ou comment CSS, sémantique, intégration XHTML, microformats, sources d’inspirations et approche du design en grilles sont indispensables pour tirer partie du meilleur du Web.

Transcender CSS : sublimez le design Web ! est un ouvrage paru en France en août 2007 aux éditions Eyrolles ; en novembre 2006 dans le monde anglophone. Le livre est broché sur 360 pages ce qui en fait un livre imposant et propice à de riches illustrations d’excellente qualité. Andy Clarke, son auteur, s’est permis ce plaisir pour montrer au mieux qu’un site visuellement alléchant et bien structuré est un succès assuré pour capter l’attention du visiteur.

Transcender CSS ne s’adresse pas aux débutants puisqu’il ne s’attardera pas à vous expliquer les modèles de boîte ou les innombrables bugs d’Internet Explorer. Son contenu évolue toutefois en douceur de la facilité à la complexité ce qui le rend néanmoins abordable par des néophytes.

Découverte

Organiser les contenus avant tout, tel est le credo de Transcender CSS. C’est l’objectif majeur de cette première partie ; partie qui devrait être lue et transmise par tous les enseignants puisqu’elle explique comment on adapte le design au contenu et non l’inverse.

La mise en pratique du balisage XHTML est menée avec pédagogie. Vous apprendrez comment traduire une image en balises HTML de manière adaptée. Et un bon balisage c’est déjà la moitié du travail, l’autre restant son habillage. Il faut dissocier le contenu et la mise en page tout en n’oubliant pas un point essentiel : donner du sens au contenu.
Il existe de nombreuses balises XHTML qui ont chacune leur propre signification : il faut les utiliser pour donner du sens. C’est non seulement important pour le référencement mais aussi pour ancrer les feuilles de style de manière propre et efficace. Nos professeurs de français nous ont appris à utiliser des verbes riches au lieu de verbes pauvres (être, avoir, aller, prendre etc.) alors faisons de même avec les balises XHTML :

• <h1 à h6> pour afficher des titres hiérarchiques
• <p> pour des paragraphes de textes (les images sont du texte)
• <ul/ol/li> pour des listes de contenus
• <q/cite/blockquote> pour des citations de textes
• <pre/code/kbd> pour des saisies de texte au clavier ou des extraits de code
• <span/div> dans les autres cas ; ce sont des balises neutres vides de tout sens

Et d’aborder dans la foulée les microformats. Ça a été ma première surprise car je ne m’attendais pas à les retrouver dans ce livre. Un duo de page les aborde et montre (un peu trop succinctement) que microformater du contenu n’a rien d’impossible, surtout quand la structure XHTML est bonne dès le départ.

Processus

Transcender CSS s’intéresse à une approche industrielle du processus de création. Autrement dit : comment proposer efficacement une interface graphique à un client/décideur sans investir trop de temps. Nous savons tous qu’il y a toujours du changement, mineur mais surtout majeur, et qu’il est difficile de chambouler toute une feuille de style pour repositionner des éléments en conservant une cohérence.

C’est là que l’approche par la méthode de la boîte grise prend tout son sens. Elle définit à l’aide de boîtes grises l’agencement des contenus de la page. Une boîte, un contenu et le charme opère. Les classiques story-board s’en approchent.
Cette méthode peut se compléter à l’aide de symboles pour représenter des éléments annexes (textes, formulaires etc.) mais est surtout très facilement réalisable à partir d’un logiciel de présentation de type OpenOffice Impress ou Microsoft Powerpoint.

Une fois les bases de la structure mise en place, l’heure est venue de présenter une maquette statique. Autrement dit du HTML et des CSS. Les ajustements resteront possibles puisque la première partie du livre a expliqué comment mettre en œuvre une structure pérenne et libre de mise en forme.
Transcender CSS recommande fortement, et je suis on ne peut plus d’accord, d’utiliser de manière poussée les extensions indispensables de Firefox que sont Firebug et Web Developer.
J’y consacrerai un billet mais les éditeurs intégré modifiant à la volée votre page sont des outils précieux offrant des gains de développement mésestimés.

L’ouvrage poursuit sur des bonnes pratiques d’organisation de son code au sein même des feuilles de style. Des pratiques qui permettent de retrouver facilement ses petits sans avoir à chercher inutilement. Des pratiques qui suggèrent également de bien coder pour mieux réutiliser son travail dans d’autres projets. Si vous estimez votre travail, pourquoi le recommencer intégralement lors du projet suivant ?

Inspiration

Cette troisième partie a été mon deuxième choc pendant la lecture. C’est la partie dans laquelle j’ai le plus appris car elle explore des aspects finalement peu abordés dans les ouvrages liés aux CSS.

J’ai commencé à mieux percevoir l’intérêt et l’ingéniosité du rythme vertical grâce à la divine proportion. Qui aurait cru que les maths se cachaient aussi subtilement dans le design Web ? Certainement pas moi. Retenez bien le nombre 1,62 (φ) car c’est le nombre d’or qui régira avec majesté les designs CSS les plus réussis.
En français, il s’agit de la règle des tiers. Au lieu de choisir arbitrairement la taille des contenus, divisez les espaces en largeurs proportionnelles, elles-mêmes divisibles par 1,62 etc. La clarté en résultat est tout simplement saisissante.

Tout ceci nous amène à parler du design par grille. Vous venez de suivre le lien ? Vous aurez probablement remarqué, consciemment ou pas, que la page est découpée en 8 colonnes de largeur identiques. Certains contenus occupent davantage de place mais devinez-quoi ? Cela correspond toujours à un certain nombre de colonnes, pas une largeur hasardeuse.
Cette lubie n’est pas si excentrique que cela puisqu’elle nous provient directement des … journaux papiers. Qui aurait cru que le New York Times aurait pu inspirer les meilleurs designers du Web ? Et pourtant, on ne regardera plus les journaux de la même manière en observant leur structure à 6 ou 8 colonnes. Du nombre d’or en veux-tu en voilà.

Andy Clarke termine ce chapitre sur les sources d’inspirations. Là non plus il n’y a pas de frein à l’imagination puisque tout est susceptible de catalyser créativité : architectures d’immeubles, coupures de presse, publicités de magazines, affiches diverses et variées. Vous l’aurez compris, tous les supports visuels facilement agrégeables.

Transcendance

Cette partie termine en apothéose Transcender CSS. Nous savons intégrer, nous savons structurer et nous savons imaginer alors maintenant il va falloir sublimer. Au prix du livre, ça serait dommage que notre côté créatif n’aie pas pris du galon

Il n’y a d’ailleurs qu’un point sur lequel j’ai du mal à adhérer : cette adhésion au positionnement absolu/relatif et le dénigrement déguisé des flottants. Si les positionnements relatifs permettent de forcer le positionnement d’un bloc, c’est en revanche une solution beaucoup moins flexible dans la majorité des cas. Cette technique oblige, à mes yeux, de connaître les tailles des éléments à positionner. C’est parfois impossible, surtout si on veut pouvoir s’affranchir de largeurs fixes pour profiter de designs élastiques.
Je comprends néanmoins que c’est une pratique appréciable pour les designs en grilles.

De très nombreux cas pratiques abondent dans cette partie. Ces exemples stimulent l’imagination avec des mises en pages (et des variantes) convaincantes, attractives et on ne peut plus déclinables dans le monde réel. Réel ou presque puisqu’ils se basent sur des navigateurs valides uniquement.
C’est l’occasion d’aborder le génie de Dean Edwards avec IE7, la librairie Javascript ultime pour Internet Explorer. Cette librairie permet de mettre à niveau Internet Explorer 5 et Internet Explorer 6 au niveau d’Internet Explorer 7. Ce n’est certes pas la panacée mais ce n’est plus l’enfer truffé d’incertitude que l’on haït tant.

Transcender CSS conclut sur une quarantaine de pages avec les CSS 3 en mêlant exemples pratiques et des comparaisons entre CSS 2 et CSS 3. J’ai été ravi de voir en pratique l’affichage multi-colonnes sans jouer avec les flottants, l’habillage d’un bloc avec plusieurs bordures en images (sans balises superflues) et surtout l’Advanced Layout.
L’Advanced Layout est probablement l’avancée la plus attendue car elle permet de s’affranchir des positions absolues pour repositionner du contenu sur la page simplement. Et de retrouver les notions de grilles puisque des régions sont définies dans la feuille de style. Au designer de déplacer un contenu dans le flux sans le faire quitter.

Autant dire que les designs bâtis sur CSS 3 seront riches en créativité. Et ce n’est pas l’initiative Goto CSS3 qui dira le contraire

Conclusion

Cet ouvrage m’a énormément plu pour 2 raisons :

• j’ai failli croire que je n’allais rien apprendre
• le contenu est ouvert vers l’avenir

En effet plutôt que de nous dire quoi faire, Transcender CSS explique comment mieux faire. C’est véritablement appréciable car en lisant le livre on adapte son contenu à ses besoins. Ses pages sont généreusement émargées de conseils, d’astuces et de ressources qui enrichissent la perception de la conception du design Web. Je me suis d’ailleurs surpris à relire le livre mais uniquement ses marges de peur d’avoir raté un lien essentiel …

Vous le savez tout aussi bien que moi, le gros problème des ouvrages réside dans des cas pratiques difficilement réutilisables au quotidien. Transcender CSS a l’intelligence de proposer des recettes pour mieux aborder la conception des sites, des sources d’inspiration jusqu’aux secrets du découpage en grilles. Qui eût cru que la presse papier avait encore de belles leçons à donner au Web ?

Transcender CSS ne livre pas clé en mains des solutions mais vous aidera à y voir plus clair, à comprendre pour mieux réagir. En soi c’est ce que j’attends d’un livre à 30€. Une valeur sure.