Encore quelques extensions pour Firefox...

Cet article est marqué comme contenant des informations dépassées depuis le 21/10/2018.
Seule Resurrect Pages a survécu à l'abandon du système d'extensions historique avec Firefox 57.

Quelques extensions qui peuvent s'avérer bien pratiques...

Prévisualisation - Split browser

Split browser

Comme son nom l'indique, cette extension permet de "splitter" l'affichage du navigateur entre plusieurs pages. Ceci peut être utile par exemple pour afficher d'une part un formulaire de saisie et d'autre part une page source d'où l'ont récupère les infos.
Prévisualisation - Resurrect pages

Reurrect pages

Qui n'a jamais cherché une info sachant très bien où la trouver et se retrouvant devant un site indisponible ? Eh bien cette extension se propose de résoudre ce problème en mettant à contribution les divers sites stockant des pages en cache comme Google ou Yahoo.
Prévisualisation - Tab scope

Tab scope

Dans la même veine que Showcase et Ctrl Tab Preview évoquées il y a quelques mois, cette extension affiche des miniatures des onglets, mais cette fois c'est au survol dans la barre d'onglets. Simple et efficace.

Open search

Open Search est une série de format destinés à partager des recherches. En particulier, et c'est le point dont je vais parler ici, c'est via ce format que sont définis les moteurs de recherche gérés par la barre de recherche de Firefox 2 (et également celle d'IE 7 apparemment).

On peut donc assez facilement ajouter un moteur de recherche à la liste via un simple fichier XML, du moment qu'on a l'URL et les paramètres à passer à la page de recherche.

Format du fichier xml

<?xml version="1.0" encoding="{ENCODAGE}" ?>
<OpenSearchDescription xmlns="http://a9.com/-/spec/opensearch/1.1/" xmlns:moz="http://www.mozilla.org/2006/browser/search/">
	<ShortName>{NOM}</ShortName>
	<Description>{DESCRIPTION}</Description>
	<InputEncoding>{ENCODAGE}</InputEncoding>
	<Image width="16" height="16">{ICÔNE}</Image>
	<Url type="text/html" method="{MÉTHODE}" template="{URL_RÉSULTAT}"></Url>
</OpenSearchDescription>
  • {NOM} : nom du moteur de recherche. C'est ce nom qui sera affiché dans la liste de sélection du navigateur, veillez donc à ce qu'ils reste aussi concis que possible.
  • {DESCRIPTION} : description du moteur.
  • {ENCODAGE} : encodage du moteur et de votre fichier XML.
  • {ICÔNE} : icône de 16x16 piels associée à votre moteur. Cette icône doit être encodée en base 64, par exemple via ce formulaire.
  • {MÉTHODE} : méthode de passage de paramètre : POST ou GET.
  • {URL_RÉSULTAT} : URL où soumettre la recherche.

D'autres paramètres optionnels existent, je n'ai détaillé là que les parties nécessaires.

Et ensuite ?

Une fois le fichier réalisé, il peut être être ajouté dans votre répertoire de Firefox, dans le dossier searchplugins (nécessite de redémarrer Firefox).

Il est également possible s'il s'agit du moteur de recherche de votre site, de faire en sorte que Firefox le détecte automatiquement (de la même manière que pour un flux RSS) en ajoutant la balise title appropriée dans la section head de la page :

<link rel="search" type="application/opensearchdescription+xml" title="{NOM}" href="{URL_DU_FICHIER_XML}">

{NOM} correspond au nom indiqué dans le fichier XML et où, vous l'aurez compris, {URL_DU_FICHIER_XML} est à remplacer par l'URL où vous aurez placé le dit fichier...

Ressources complémentaires


Bla bla bla...

Il y a peu, un certain breton me demandait quand j'allais faire vivre ce site... "Quand j'aurais des choses à dire", lui ai-je répondu.

Bon, ben là j'ai pas grand chose à dire mais bon, vu le nombre de spams que j'efface chaque semaine dans les commentaires (je remercie au passage le plugin Akismet d'en filtrer la plupart), pourquoi pas faire un peu de pub moi aussi ? :we:

Bref, je viens d'ouvrir un nouveau forum sur ce serveur, dédié cette fois-ci aux jeux de cartes à collectionner avec pour nom La Taverne de la Carte d'Or (eh oui, fallait bien un nom... et "Le forum des JCC", ça faisait un peu trop banal...).

Donc voilà, c'était juste histoire de faire monter un peu son page rank... :we:

Et bon weekend aux rares personnes qui passent par là...


Facilitez-vous le Javascript avec jQuery

jQuery est une sympathique bibliothèque Javascript. Elle permet de manipuler la page assez facilement via un système de requêtage des éléments reprenant la les sélecteurs CSS. Du coup c'est assez simple et nettement plus court que de travailler avec du DOM.

Par ailleurs elle permet d'ajouter des effet aux différents événement sans écraser ceux qui seraient déjà présents, d'appliquer des effets de masquage/affichage progressif aux éléments, etc
Des extensions proposent différents éléments d'interface évolués comme des zones redimensionnables, un datepicker, des onglets...

Mais surtout l'ensemble est multi-navigateur, ce qui évite d'avoir à se préoccuper trop souvent d'Internet Explorer qui constitue un véritable cauchemar dès qu'on veut faire quelque chose d'un peu évolué.

J'ai fait quelques tests ces derniers jours sur le script de mes forums et c'est plutôt concluant : un code nettement plus court et vachement plus propre !

Bref, une bibliothèque qui vaut qu'on lui consacre un peu de temps.


Gérez vos feuilles de styles perso avec Stylish

Cet article est marqué comme contenant des informations dépassées depuis le 21/10/2018.
Stylish a été banni de Firefox et Chrome parce qu'il collectait des données d'historique. Utilisez plutôt Stylus qui propose les mêmes fonctionnalités (et même plus).

Une feuille de style, qu'est-ce que c'est ?

Pour ceux qui ne s'y connaitraient pas trop en développement web, la feuille de style est un fichier qui permet de définir l'apparence d'une page web. Idéalement, lorsqu'on développe un site, la sémantique du contenu est indiquée par le code HTML qui le met en page (par exemple telle ligne est un titre, telle autre est une définition, etc) et on le décore ensuite via une feuille de style. Le langage utilisé pour écrire ces feuilles de style est CSS.

Des feuilles de style personnalisées ?

C'est là que Firefox intervient ! En effet, ce génial navigateur a une fonctionnalité qui bien que peu connue du grand public ouvre d'énormes possibilités : il permet à l'utilisateur averti de définir des feuilles de styles personnelles appliquées soit à tous les sites qu'il affiche, soit à un site, groupe de sites ou même une page en particulier (plus d'explications ici).

De base c'est masqué et pas facile d'accès mais l'extension Stylish permet de les définir très facilement. On peut ainsi modifier soi-même l'affichage des sites que l'on visite (bien entendu, cette modification ne vaut que pour votre navigateur à vous et n'est visible par personne d'autre).

On peut par exemple réorganiser les éléments en occupant l'espace inutilisé par un design prévu pour une résolution plus base, remplacer certaines couleurs insupportables, supprimer certains blocs d'affichage, etc.

Comment ajouter une feuille de style ?

  1. Installez Stylish et relancez Firefox.
  2. Lancez l'outil de gestion des feuilles de style :
    Stylish - lancement
  3. Cliquez sur le bouton "Écrire" :
    Stylish - écrire*
  4. Indiquez d'abord un titre (1) qui vous servira uniquement à reconnaitre cette feuille quand vous en aurez ajouté plein d'autres. Puis copiez/collez le code CSS que vous voulez appliquer dans le cadre texte (2) et enfin cliquez sur "Enregistrer" (3).
    Stylish - définition du style
  5. C'est prêt. Il peut cependant s'avérer necessaire de rafraichir la page pour que les modifications apparaissent.

Tout ça c'est bien mais moi j'utilise IE...

Alors ça c'est ballot ! Parce que ça m'étonnerait fortement qu'IE gère un truc pareil, mais bon, on ne peut pas en même temps utiliser un navigateur totalement dépassé, ou plus généralement un produit Microsoft, et espérer qu'il soit à la pointe de l'innovation...

Et je n'en ai pas entendu parler pour les autres navigateurs tels qu'opera ou safari... Cela dit, rien ne vous empêche de chercher et de faire part de vos découvertes.