Ok

En poursuivant votre navigation sur ce site, vous acceptez l'utilisation de cookies. Ces derniers assurent le bon fonctionnement de nos services. En savoir plus.

01.12.2009

Créez une feuille de styles dédiée à l'impression

Nous avions abordé le principe dans « Pourquoi et comment adapter des feuilles de styles pour l'impression et les mobiles ? », voyons maintenant le procédé qui permettra d'imprimer sans faire mauvaise impression.

Copions d'abord la feuille de styles courante

Lire la suite

15:17 Écrit par Gee Mee dans Configuration avancée, Personnaliser son blog | Lien permanent | Commentaires (0) | Tags : css, media, imprimer, print, style | |  del.icio.us | | Digg! Digg |  Facebook

27.11.2009

Pourquoi et comment adapter des feuilles de styles pour l'impression et les mobiles ?

Vous considérez peut-être avoir assez de difficultés comme cela avec une feuille de styles pour ne pas vous ennuyer avec plusieurs. Avez-vous essayé d'imprimer l'une de vos notes, d'en lire une sur un écran de téléphone portable ? Si certains services existent pour vous faciliter la tâche, vous pouvez tenter d'améliorer les différents rendus de votre blog par vous-même. Voyons d'abord le principe.

 

Lire la suite

09:50 Écrit par Gee Mee dans Configuration avancée, Modèles, images et CSS | Lien permanent | Commentaires (2) | Tags : css, media, imprimer, handheld, iphone, blog, mobile | |  del.icio.us | | Digg! Digg |  Facebook

09.07.2009

Sachez éditer avant d'imprimer, vous aurez meilleurs fonds

J'ai déjà fait "mauvaise tête", en m'interrogeant sur la pertinence d'un service d'impression quasi-automatique de blog. Je prétends que si le fond mérite d'être lu, il mérite aussi d'être mis en forme. C'est ce que je me propose d'illustrer aujourd'hui par l'exemple.


Sur la forme


À mon sens, pour qu'un document vaille d'être imprimé, il doit avoir des raisons de durer. Au-delà du confort immédiat de lecture, il doit proposer le minimum de ce que l'on attend d'un écrit acceptable, à savoir :
- une mise en perspective, par une introduction ou des explications,
- une structure pour faciliter lecture et repérage,
- des références, des tables, un sommaire, éventuellement un glossaire, un index.
Et tout en étant susceptible de devenir "papier", le support électronique intermédiaire doit maintenir le lien avec le blog d'origine.

Peut-être trouve-t-on tout cela dans l'offre d'ImprimeBlog, je n'ai qu'une connaissance partielle de leurs services. Pour l'essentiel, toutes ces transformations vous sont accessibles avec un logiciel de traitement de texte courant, et un peu de temps aussi. C'est l'expérience que j'ai voulu tenter avec les "Chroniques du cobaye".

Lire la suite

09:19 Écrit par Gee Mee dans Vous l'avez fait | Lien permanent | Commentaires (6) | Tags : blog, sociologie, imprimer, oh!91, entre2eaux | |  del.icio.us | | Digg! Digg |  Facebook

05.06.2009

Mauvaise tête d'impression ?

Peu après que je vous propose d'offrir une version imprimable de vos notes, HautetFort nous propose d'imprimer nos blogs. Je reste aussi dubitatif[1] devant ce concept que devant celui de la police à trou.

Les relations entre écran et papier n'ont jamais été simples, pas plus que ne l'ont été les relations entre médias différents à chacunes de leurs évolutions respectives. La radio aurait du tuer la presse, avant d'être trucidée elle-même par la télévision quand cette dernière n'a pas vu venir la menace d'internet. Chaque média a sa place, mais aucune n'est immuable. Chaque média a ses règles d'efficacité, ses atouts, la seule erreur à ne pas faire étant la transposition sans adaptation de l'un à l'autre.


From hard copy to raw publishing[2]

ImprimeBlog.pngJe n'ai aucune animosité contre le service proposé par ImprimeBlog. C'est juste que je ne comprends pas l'intérêt du concept. Cela n'engage que moi, mais il me semble que l'impression d'un blog est aussi peu utile que l'édition peut en être intéressante.

Si vous recherchez un archivage de votre blog, pourquoi changer de support ? Vous pouvez utiliser des logiciels de capture comme le célèbre et efficace HTTrack, et graver des DVD ou CD pour les consulter. Rien ne vous empêche de préparer de belles jaquettes et de les offrir à des gens qui vous sont proches. La dynamique de navigation de votre blog sera préservée, avec toutes ses imperfections. Si vous ne pouvez enregistrer dans votre archive tous les fichiers multimédias externes (musique, vidéo, etc.) au moins sera-t-il relativement aisé de créer les liens qui permettront d'aller les consulter en ligne. Ce n'est pas le moindre des avantages que de permettre à ceux qui consultent cette archive de se trouver à un clic de votre blog, comme de tous les liens qu'il comprend.

Si vous recherchez une version papier de votre blog, vous devrez vous poser des questions d'éditeur. Quelle est la cohérence de mon contenu ? Quel sommaire proposer, même s'il est possible de multiplier les index, les renvois. Comment rendre les liens hypertextes visibles pour inciter (ou pas) mes lecteurs à consulter les blogs de mes amis, les sites qui m'intéressent ? Faut-il tout publier, faire une sélection, ré-écrire peut-être une partie du contenu ? Bref, un vrai boulot d'édition.

ImprimeBlog me semble se situer dans son concept même entre les deux, entre la copie d'écran et l'édition brouillonne. Un peu nulle part, sinon dans la satisfaction narcissique d'avoir « sorti un livre ».

Je considère que certains blog méritent une diffusion différente de leur contenu, et peut-être de passer au papier. Je ne dénoncerai personne en particulier, mais j'ai rencontré des écritures que j'apprécierai de voir imprimées. Si ces dernières n'arrivent à se faire éditer, au moins devraient-elles réfléchir à s'éditer elles-mêmes avec des solutions comme celle de Lulu[3]. C'est beaucoup de travail, je le reconnais, et si c'est de cela dont on souhaite s'affranchir, autant confier son blog à un imprimeur automatisé.


What a BJ![4]

ecofont.pngAlors que Kielut effectue des tests à la rigueur toute scientifique du service PrintWhatYouLike, dont les résultats nous seront un jour livrés dans une note mémorable, je suis allé voir leur blog. J'y ai trouvé la référence d'une police de caractères proposée par une agence de communication, prétendant nous faire économiser jusqu'à 20% d'encre : Ecofont.

L'idée est dans le vide, sans rire. Il s'agit d'une police avec plus de déliés[5], que de pleins[6]. La surface des aplats est limitée par des trous, qui de fait, réduisent la consommation d'encre et ou de toner. Je respecte les compétences et le travail des personnes qui ont conçu ces caractères, cela n'a pas dû être facile.

Évidemment, il faut remplacer la police des documents que l'on souhaite imprimer, et c'est d'une efficacité nulle avec les graphiques...

C'est sans doute le moment de se rappeler que son imprimante propose certainement un mode d'impression « brouillon » ou économie, qui vous donnera un pâle résultat mais lisible. Sur des feuilles dont vous veillerez à utiliser les deux faces. On peut parfois même imprimer plusieurs pages sur une feuille, et économiser d'autant.


Conclusion

N'imprimons que si c'est nécessaire, et surtout, ne renonçons pas à réfléchir plus longtemps qu'un double clic.

 

Sur le même sujet : Sachez éditer avant d'imprimer, vous aurez meilleurs fonds

 

* * *

 

[1] Même sous la torture, je citerai moins Laurent Garnier que Pierre Desproges.[^]
[2] De la copie d'écran à l'édition brute (crue, sans crédulité)[^]
[3] En hommage à mon père, pas à Brassens.[^]
[4] Quel jet d'encre ! (What a bubble jet!)[^]
[5] Autant dire qu'elle n'est pas de chez nous, alors que nous envoyons nos pandores dans les cours de récréation.[^]
[6] Qu'est-ce que je disais ?[^]

10:05 Écrit par Gee Mee dans Boîte à outils | Lien permanent | Commentaires (8) | Tags : imprimer, blog, police, imprimeblog, ecofont | |  del.icio.us | | Digg! Digg |  Facebook

26.05.2009

Proposez une version imprimable de vos notes avec PrientFriendly

Si les origines des blogs étaient associées à de courtes informations, vous trouvez aujourd'hui de longues notes que vous souhaitez parfois imprimer ou conserver pour une lecture hors connexion. Ça doit bien vous arriver de déconnecter non ?


A priori, vous n'avez besoin de personne pour imprimer une page vue sur le net. Sauf que parfois, une simple page web prend quatre feuilles de papier pour la pub, la navigation, et le contenu, par ailleurs tronqué. La plupart des journaux en ligne proposent une version imprimable de leurs actualités, sans la navigation, mais pas forcément sans la pub.
En fait, il s'agit d'envoyer le contenu de la page dans une autre feuille de styles. Dans un site dont vous auriez la totale maîtrise, vous pourriez définir plusieurs feuilles de styles. Une "courante", une pour l'impression, une pour des affichages spécifiques tels ceux des écrans de téléphones portables.

PrientFriendly, dont la communication n'est pas exempte de greenwashing, vous propose de générer une version imprimable de la page que vous êtes en train de visualiser. Cette dernière sera non seulement affichée dans une CSS simplifiée, mais la publicité et les éléments de navigation seront neutralisés. Si cela ne devait pas suffire, vous pourrez retirer les images et ou des blocs de texte.

 

Avec PrintFriendly, vous pouvez imprimer ou convertir en PDF.

Cette fonctionnalité pourtant intéressante n'est hélas pas la plus efficace. Une gestion aléatoire des tables de caractères génère des textes rapidement illisibles. Par contre, rien ne vous empêche d'installer une imprimante virtuelle PDF sur votre ordinateur. Si vous n'en avez pas encore après avoir installé un scanner par exemple, vous pouvez récupérer PDFCreator (libre et gratuit, à la différence de PDF Creator).

Attention : Cela ne fonctionnera pas toujours. D'expérience, je constate que les blocs de texte avec des listes se comportent assez mal. Pour mémoire, il vous est toujours possible de sélectionner du texte avant de commander l'impression (qu'elle se fasse sur papier, ou d'abord vers un ficher PDF comme PDFCreator). Avant de valider l'impression, vérifiez dans la "zone d'impression" (là où il a dû vous arriver de limiter  l'impression de la page 1 à la page 2) que vous imprimerez bien la "sélection".

Vous pouvez enregistrer PrientFriendly dans un marque-page / favori / signet de votre navigateur, et ou installer un bouton sur votre site pour que la page vue soit envoyée à PrintFriendly. C'est cette dernière possibilité que j'ai utilisé pour modifier mon pied de note.

Par défaut, le code du bouton est le suivant

<script src="http://cdn.printfriendly.com/printfriendly.js" type="text/javascript"></script>
<a href="http://www.printfriendly.com" id="printfriendly" onclick="window.print();
return false;" title="Print an optimized version of this web page">
<img style="border:none;" src="http://cdn.printfriendly.com/pf-button.gif" alt="Print"/></a>

Vous pouvez le personnaliser en ligne, en modifiant l'image notamment.


Du PDF avec le pied ?

Vous retrouverez dans le code ci-dessous les instructions PrientFriendly telles que que je les ai intégrées au pied de note. J'ai retiré l'appel de l'image, utilisé du texte, et personnalisé le titre du lien.

{$post.pubdate|date_format:"`$blog.time_format`"}
{t} Ecrit par {/t}
<a href="http://www.google.fr/search?hl=fr&q=site%3Ageemee.hautetfort.com+%22ecrit par
{$post.user|authorname}%22" target=_blank title="Les autres contributions de
{$post.user|authorname} sur ce blog" name="Les autres contributions de
{$post.user|authorname} sur ce blog" >
{$post.user|authorname}</a> |
<a href="{$post.post_permalink}" id="a{$post.iteration}">{t} Lien permanent {/t}</a>
{if $post.allowcomments!=1} |
<a href="{$post.post_permalink}#comments"> {t} Commentaires {/t} ({$post.commentcount}) </a>
{/if} | {if $blog.blog_type neq 'photoblog'}
<a href="javascript:void(0)" onclick="toggle_emailthis('div_send{$post.post_id}',{$post.post_id});">{t} Courriel {/t}</a>
{/if}
<!-- printfriendly.com -->
<script src="http://cdn.printfriendly.com/printfriendly.js" type="text/javascript">
<!-- // --></script>
<a href="http://www.printfriendly.com" id="pfLink" onclick="window.print();
return false;" title="Obtenez une version imprimable, un PDF"
style="text-decoration: none;" name="pfLink">{t} | Impression {/t}</a>
<!-- /printfriendly.com -->

<!-- AddThis Button BEGIN -->
<script type="text/javascript">addthis_pub = 'blogspirit';</script>
<a href="http://www.addthis.com/bookmark.php" onmouseover="return addthis_open(this, '', '{$post.post_permalink|urlencode}', '{$post.post_title|urlencode}')" onmouseout="addthis_close()" onclick="return addthis_sendto()"> | {t} Partage {/t}</a>
<script type="text/javascript" src="http://s7.addthis.com/js/152/addthis_widget.js"></script>
<!-- AddThis Button END -->
<br>
<!--cat-->{if $post.categories}{t}Dans :{/t}{foreach name="categories" from=$post.categories item="cat"} <a href="{$cat.url}">{$cat.name}</a>{if !$smarty.foreach.categories.last}, {/if}
{/foreach} |
{/if}<!--/cat-->
{tags post="`$post.post_id`" assign="tag"}{if $tag.first}&nbsp;{t}Tags : {/t}{/if}<a href="{$blog.url}tag/ {$tag.name|urlencode|replace:"%2F":"/"}">{$tag.name}</a>{if !$tag.last}, {/if}{/tags}

Il n'est pas exclu qu'un jour nous disposions sur cette plateforme d'une feuille de style dédiée à l'impression avec une fonction dans le pied de note, au même titre que la fonction "Courriel".

Cette note a été rendue possible par la lecture de celle du "Modérateur"