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.

29.05.2009

Avec Firefox, étendons le domaine de la lutte...

C'est bien évidemment de la lutte des "class" qu'il s'agit. Puissent les parents que j'ai eu la chance d'avoir ne pas m'imposer d'autocritique en cellule.

J'ai beaucoup plus d'affinités pour les partis qui se drapent de rouge, que pour ceux qui gâchent la forêt de leur arbre bleu. Mais nous ne sommes pas là pour un exposé d'un élémet de la théorie marxiste, pas plus que pour un exposé romancé des possibles influences du libéralisme sur nos vies sexuelles. Sur le sujet, même si Marcel me harcèle, je préfère Iacub. Fin de la digression.

Firefox, navigateur internet ayant sans dogmatisme ma préférence, peut vous rendre bien des services avec ses nombreux add-on.


Comment choisir les bonnes extensions ?

La plupart des bidouilleurs ont un avis, souvent convaincus d'avoir chacun trouvé LA perle, qui entre toutes éclaire les nuits blanches passées devant des écrans balfards d'éblouissants et changeants reflets irisés. Autant dire qu'en écailleur, j'ai une forte marge de progression.

D'autres, bien plus malin que moi partagent leurs découvertes, et je vous suggère de leur rendre visite.

Encore, une fois, la visite régulière du Blog du modérateur vous apportera son lot d'informations utiles et intelligentes. J'en ai déjà dit suffisamment de bien, je n'insiste pas.


Faire confiance aux développeurs ?

Non, l'informaticien n'est pas pour l'homme le loup que les managers techniquement incultes veulent nous décrire pour pallier leurs incompétences. Il y en a de très sympas qui savent rester accessibles. C'est le cas de l'équipe d'Alsacréations, mais non pas les gâteaux...

Dew propose ici sa liste des 20 meilleures extensions pour Firefox. Vous y retrouverez son avis à propos de Firebug, Web Developer Toolbar, Html Validator, IE View, Colorzilla (plébiscité par Lavande), Fireshot, Measure It (présenté par Alexandra), et bien d'autres.

Je vous invite vraiment à lire cete note, utilement complétée par les commentaires des internautes.

Il existe encore une presse informatique en ligne, pas toujours aussi mauvaise qu'on veut bien le dire. Ainsi vous trouverez chez ZDnet cette visite en image des 10 extensions indispensables, après avoir fait la liste des 10 extensions les plus populaires (nuance).


Ça fait pas mal.

Pour finir, à ceux qui n'ont jamais installé d'add-on ou de plug-in, je recommande la lecture de ces pages de la base de connaissances officielle : Personnaliser votre Firefox avec des modules complémentaires.

Vous prenez seulement le risque de multiplier les icones de votre navigateur et de le transformer en tableau de bord de concorde. C'est quand même moins dangereux, et plus facile de revenir en arrière. (Celui qui a dit rentrer à l'hôtel a un gage).

 

10:21 Écrit par Gee Mee dans Boîte à outils | Lien permanent | Commentaires (0) | Tags : firefox, add-on, extensions | |  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"

08.05.2009

Voir ses couleurs en grand

Ça y est, vous êtes décidé(e) à personnaliser les couleurs de votre blog ? Vous avez pris soin de lire la note de Gee Mee appliquer des couleurs et en comprendre les codes ? Vous avez tout compris, et vous passez à l'action... mais voilà, la couleur que vous avez sélectionnée dans sa petite case vous déçoit une fois appliquée à une plus grande surface !

Voyons, ne vous arrachez pas les cheveux, j'ai une solution. Enfin, pas moi, mais le petit génie qui a eu cette idée formidable : faire afficher une couleur dans une pleine page web !

Pour cela vous devez avoir noté le code hexadécimal de cette couleur.

Si ce mot vous semble barbare, c'est que vous n'avez pas tout à fait compris la note citée en préambule (très riche, il est vrai : on peut avoir du mal à tout capter !), alors je récapitule le strict nécessaire :

Une couleur peut s'écrire de différentes manières :
- en texte, html (ex. "Red") ou html étendu pour aller au-delà des 16 couleurs de base (ex. "Tomato"),
- en valeurs (ex. R : 178, V : 34, B : 34, écrit 178.34.34),
- ou en hexadécimal (le barbare...), c'est-à-dire avec 3 valeurs chiffrés en base 16 et précédées d'un dièse (ex. #daa520 ou #DAA520).

Cela tombe bien, car c'est justement en hexadécimal que la palette Hautetfort nomme les couleurs, et c'est le code dont vous aurez besoin si vous voulez modifier le template.

Si vous avez repéré quelque part une couleur en RVB voici un petit convertisseur RVB / hexadécimal très pratique (il fonctionne dans les deux sens).

 

Vous l'avez ? Maintenant, cliquez ici pour ouvrir la fenêtre de cet outil magique.

J'ai choisi cette couleur à l'ouverture pour qu'elle s'accorde avec le blog Gee Mee ;-)

C'est bien beau, mais cela n'affiche pas VOTRE couleur. Il reste une petite manip'.

 

Allez au bout de la barre d'adresse et remplacez mon "ebc276" par le code de votre couleur sans le #.

Image 3.png

Maintenant vous pouvez vérifier si elle vous plaît VRAIMENT. De quoi en prendre plein les mirettes...

Elle vous plaît tant que cela ? Alors pensez-y, si vous n'en pouvez plus de l'accumulation de fenêtres sur votre écran et que vous avez besoin d'une soudaine pause relaxante : élargissez la fenêtre et contemplez en plein écran l'élue de votre cœur (je parle toujours de couleur, là) !

Une prochaine fois je vous présenterai un outil intéressant pour marier votre couleur préférée avec d'autres et créer une charte de couleur pour votre blog.

10:30 Écrit par Gee Mee dans Boîte à outils | Lien permanent | Commentaires (0) | Tags : couleur, hexadécimal, blog | |  del.icio.us | | Digg! Digg |  Facebook

07.04.2009

Vous êtiez nul ? Devenez zéro !

Vous saviez que vous ne saviez pas, et si cela ne faisait pas de vous un philosophe,vous n'en étiez pas pour autant un "dummy". Pourtant la collection "pour les nuls" a remporté un vif succès. Construisons-en un autre avec le zéro.


Je n'ai pas trouvé ce site tout seul, mais grâce à "annso" dont le blog m'est apparu au hasard d'un lien. Elle recommande sur cette page les sites qu'elle aime bien. Je fais mon miel de ses propositions de navigation dont la plupart m'étaient terra incognita.


C'est à mon tour de vous recommander notamment la visite attentive du Site du Zéro. Créé et administré par Mathieu Nebra, auteur du livre "Réussir son site web avec XHTML et CSS" disponible aux éditions Eyrolles, ce site héberge de nombreux tutoriels aux qualités inégales. Les commentaires ne sont pas exempts de querelles de chapelles, même si l'esprit est généralement bon enfant.

 

12:00 Écrit par Gee Mee dans Boîte à outils | Lien permanent | Commentaires (2) | Tags : site du zéro, pour les nuls, j'en suis un ! | |  del.icio.us | | Digg! Digg |  Facebook