Citation

"La science, c'est ce que le père enseigne à son fils. La technologie, c'est ce que le fils enseigne à son papa." - Michel Serres, Philosophe

lundi 29 août 2011

Un nouveau blogueur sur Blogger...

"Bon alors ce bouton là sera linké sur cette page avec un rollover dessus qui..." oui c'est long de concevoir un site !
Depuis la création de l'entreprise ZARF en novembre 2008, je n'ai jamais eu le temps de parler de ce que je faisais autrement que par mon wall Facebook... et encore je me suis très peu exprimé ! Il était important que ZARF puisse avoir un site web dynamique, surtout que c'est un service que je propose aux clients, mais mon agenda archi-plein m'a toujours empêché de développer cet aspect pourtant vital de la communication de l'entreprise, je ne faisais pas mentir Montaigne qui disait si justement : "les cordonniers sont toujours les plus mal chaussés".

Le logo de Googl... Blogger ! ;)
Alors voilà, cet été j'ai décidé de remédier au problème... hier j'étais encore en train de développer une structure CMS à partir d'un moteur spip (gratuit) et d'un environnement graphique généré par SoftPress Freeway Pro pour réaliser un vrai site tout beau tout neuf... et puis je me suis dit que ce boulot allait me grappiller de précieuses heures étalées sur de nombreuses semaines et qu'il faut parfois penser "efficacité". Alors je me suis souvenu d'excellents blogs tenus par des professionnels du cinéma (autant dans le fond que dans la forme) et qui font office de vitrine de leur activité mais qui sont aussi des mines d'enseignements sur leurs outils et leur métier... et du coup j'ai décidé d'adopter cette ligne là en faisant confiance à un moteur externe dédié, Blogger, que je sais racheté depuis de longue date par Google et qui donc ne devrait pas disparaître de sitôt. Évidemment je n'ai pas toute liberté dans la mise en page (en tout cas pour commencer) mais la plate-forme offre un panel riche de modules (ou "gadgets" selon Blogger) qui s'installent dans une structure en blocs, tout ce que j'aime ! Et évidemment les fonctionnalités de syndication ou encore de partage avec Facebook, Twitter ou Google+ sont parfaitement intégrées.

C'est donc parti sur Blogger ! :)

A savoir : sur Blogger on peut donc tout naturellement importer des images dans les messages, les légender et les disposer par rapport au texte comme bon nous semble (à gauche, centrées ou à droite). Lorsqu'une photo est uploadée, Blogger propose plusieurs tailles, "petit", "moyen", "large", "extra-large" et "taille originale", après de multiples tests j'ai remarqué que ces réglages (à part le dernier) ne dépendaient pas de la taille d'origine de l'image chargée et donc en fait "extra-large" produit dans tous les cas une image d'une largeur de 640 pixels, "large" donne 400 pixels, "moyen" 320 pixels et enfin "petit" 200 pixels. Puisque je risque de parler cinéma ici et d'illustrer pas mal mes propos, j'ai donc cherché la taille idéale de colonne permettant aux images "extra-large" de couvrir parfaitement la largeur du texte des messages (et permettant aux contours des images justifiées à gauche ou à droite de rester alignés avec ceux d'une image centrée), et la bonne taille de colonne est 730 pixels... or cette dernière ne pouvant être directement renseignée dans l'outil de création de modèles, il faut simplement que la taille du "Blog complet" soit supérieure de 730 pixels à la taille de la "Barre latérale (droite)". Dans mon cas j'ai choisi un blog de 1014 pixels et une barre de 284 pixels.

730 pixels de différence et toutes vos images sont bien alignées et les extra-larges occupent tout l'espace !
PS : comme je l'ai fait dans ce premier article, j'essaierai d'associer systématiquement un lien externe aux acronymes, aux termes spécialisés ou encore aux personnes, marques ou produits cités pour permettre à chacun de s'y retrouver. Une manière de désacraliser la technique et rendre mes incursions digestes... parce que parfois si on ne m'arrête pas... ;)