Tag: Mozilla

Firefox est un outil de travail, absolument indispensable à tout développeur. Suite à une petite discussion avec Miho, je vais vous faire ici un tour complet de tous les plugins et astuces d'affichage que j'utilise pour en tirer le meilleur parti.

Les extensions
Firefox propose une très grand nombre d'extensions. Certains sont très utiles, d'autres un peu moins, mais toutes trouvent des utilisateurs. Je vais donc vous lister ici celles que j'ai installés, par ordre de préférence/utilisation.

• FireBug permet de déboguer HTML, CSS, JavaScript et Ajax très simplement et très rapidement. Malheureusement, je ne l'utilise pas car cette extension augmente considérablement la taille en mémoire de mon Firefox, passant très rapidement de 70-80Mo à plus de 300 ! Il intègre les fonctionnalités de Dom Inspector et Live HTTP Headers et en a bien d'autres. Visitez le site officiel pour tout savoir.
• Web Developer est un autre incoutournable du développement web. Permet de désactiver images, javascript, CSS et tout plein d'autres choses, d'afficher toutes sortes d'information sur la page (taille totale des script, des images, de la page), vider le cache en 2 clics, redimenssionner la fenêtre, valider la page et encore plein d'autres choses. Là encore je ne peux que vous encourager à visiter le site officiel
• Dom Inspector permet de voir l'architecture de votre page HTML telle qu'elle est actuellement, avec les modifications éventuelles qu'auront réalisé des éventuels scripts.
• Live HTTP Headers affiche toutes les requêtes envoyées par Firefox avec toutes les infos qui vont avec. Par requêtes, comprenez chargement de page HTML, image ou script, mais aussi requêtes Ajax, flash ou tout autre chose dans le même genre.
• Tab Mix Plus ajoute plein de configurations à la gestion des onglets. Pour moi c'est le mode fenêtre unique, les popups ouvertes en onglet, l'ouverture automatique en onglet automatique et plein d'autres trucs.
• CustomizeGoogle ajoutera plein de petites fonctionnalités à vos recherches Google, comme un compteur de positions, des liens vers d'autres moteurs, vers Wayback Machine, de supprimer les pubs, etc...
• GooglePreview ajoute la fonctionnalité qui manque à l'extension précédente, l'affichage des vignettes des sites dans les résultats.
• Full Fullscreen vous offre la possibilité de visualiser vos sites sans absolument rien d'autre.
• FoxyTunes contrôle votre lecteur média dans la barre d'état de Firefox, utile pour toujours garder la main dessus.
• Custom Buttons offre la possibilité de créer vos propres boutons avec vos propres actions, écrites en JavaScript (j'y reviendrai dans un prochain billet). Il se trouve en bas de la liste car je viens de le découvrir...

L'interface
Tout d'abord j'ai un windows XP customisé afin de réduite au maximum la barre des tâches et la barre de titre pour libérer un maximum de place au contenu même de chaque fenêtre.
De plus j'utilise un thème Mini pour Firefox afin de rendre les polices, menu et icônes au minimum et encore gagner de la place.
Je me retrouve donc avec un espace d'affichage des pages web de 676 par 1280 pixels (si si, c'est Photoshop qui le dit !) pour une résolution d'écran de 1280 par 800. Je gagne 43 pixels par rapport à une configuration de base, thème Windows et Firefox compris. Ca paraît petit, mais j'ai l'impression que c'est énorme.
J'ai donc un espace maximal pour visualiser les pages. De plus je trouve ces deux thèmes beaucoup plus jolis que ceux de bases, surtout pour celui de Windows et son bleu qui m'arrache les yeux...

Les petits plus... qui font beaucoup !
Puisque j'utilise Tab Mix Plus pour n'avoir qu'une seule fenêtre, j'ai paramétrer la barre des onglets pour être toujours visibles, avec des taille d'onglet petites, affichant la barre de chargement et changeant de style si la page n'a pas été vue. Lorsque j'utilise la recherche de Firefox, entre une nouvelle adresse, clique sur un lien externe sur un site ou ouvre une nouvelle page depuis une autre application, j'ai un nouvel onglet qui s'ouvre pour ne jamais perdre la page sur laquelle j'étais.

J'ai positionné les boutons de Web Developper tout en haut à gauche, sur la même ligne que le menu général de Firefox, ce qui a pour effet de rendre toutes les fonctionnalités accessibles en un clic.

Pour finir, voici un petit screenshot de mon Firefox tout joli tout beau.

Dans la même idée, j'ai modifié la position des boutons de Thunderbird pour gagner encore aussi de la place, et de l'efficacité, en supprimant les boutons non utilisé et en plaçant les plus utilisé (indésirables et répondre) plus proche des messages.

Et vous, des astuces dans le même genre ? Des extensions que vous utilisez chaque seconde ?

La grosse info du jour, c'est Google qui sort une beta de Gears.

Gears est un plugin (pour IE, FireFox e bientôt Safari) qui permet eu développeur de mettre en place facilement une application web fonctionnant offline. Le plugin se comporte comme un base dedonnée locale par laquelle toutes les requêtes vers le serveur passe. Si le serveur n'est plus disponible (déconnecté), alors le plugin enregistre toutes les requêtes effectuées.
A la prochaine connexion, les requêtes seront envoyées dans l'ordre au serveur pour être mise à jour.
En plus de sauvegarder les requêtes, il sauvegarde les CSS, l'HTML, et les javascript; bref, tout ce dont a besoin l'appli pour fonctionner.

Gears est open source, et laisse présager beaucoup de bon pour l'avenir. Je vais m'y intéresser cet été; imaginez, vous proposez à vos clients vagabonds une administration disponible off-line. Le rêve.

La présentation au Google Developper Day 2007 (anglais) :

Reste à choisir entre celui là ou alors attendre FireFox 3 qui permettra de faire aussi des choses du genre. A choisir, ça sera plus Gears car il est disponible avec IE, donc moins contraignant.
Votre avis ?

Via Fred Cavazaa

La dernière version du logiciel de messagerie de Mozilla est sortie !

A noter (et ce n'est pas préciser tellement c'est évident pour Mozilla) que lors de l'installation de la dernière version, rien ne vous est demandé pour réutiliser les paramètres d'avant. En fait, c'est automatique !

Dans le fonctionnement général, pas de grands changements. On retrouve les mêmes fonctionnalités organisées de la même manière, avec les images des boutons qui ont un peu changé, on ne s'en plaindra pas.

Les changements notoires sont surtout des ajouts de fonctionnalités qui vont plaire à plus d'un (et moi le premier) :

• Au lieu de ne pouvoir afficher que les dossiers normaux comme avant, on peut maintenant choisir aussi Dossiers non lus, Dossiers préférés (un simple clic droit pour ajouter ou supprimer un dossier de cette catégorie) et Dossiers récents. Seul petit regret, pour passer de l'un à l'autre, on a seulement droit aux boutons suivants/précédents; un clic ouvrant une liste déroulante serait peut-être à peine plus rapide.
• Possibilité de stocker une recherche comme dossier virtuel : cela vous permettra en 1 clic de retrouver les résultats de cette recherche, bien évidemment mise à jour. Vous faites une recherche, et en bas de la fenêtre, un nouveau bouton est apparu Sauver comme dossier virtuel. Un petit détail : lors de la recherche, vous ne pouvez sélectionner qu'un dossier, mais lorsque vous enregistrer la recherche, vous pourrez sélectionner tous les dossiers en cliquant sur Choisir. Dommage qu'il ne soit pas intégrer directement dans la recherche.
• Les alertes de messages plus fournies en informations, avec l'expéditeur, le sujet et le début du mail intégrés; ça évitera d'être obligé de retourner voir de quoi il s'agit alors qu'on travaille sur quelque chose et que le mail en question peut attendre. Lorsque vous avez plusieurs emails en même temps, on affiche tout ça pour le premier mail, et pour les suivants, seulement le titre et l'expéditeur.
• Vous avez maintenant la possibilité de mettre vos propres étiquettes sur les messages (tag), en paramétrant la couleur. Couplez avec le dossier virtuel de recherche, cette fonctionnalité va faire gagner un temps fou ! De plus, on peut tagger à la volée, en mettant en place des filtres lors de l'arrivée des messages.

Voilà pour mes réactions à chaud sur Thunderbird 2.0.0.0.

Vous êtes avec FireFox ? Taper about:mozilla et vous aurez :

« Alors, au final, la bête fut vaincue et les infidèles se réjouirent. Mais tout n'était pas perdu, car des cendres s'éleva un majestueux oiseau. L'oiseau scruta les infidèles et lança sur eux le feu et le tonnerre. Dès lors que la bête fut réincarnée et sa puissance renouvelée, les disciples de Mammon se tapirent dans l'horreur. » d'après Le Livre de Mozilla, 7:15

On en parle sur Wikipédia.

Ils s'ennuient tellement qu'ils prennent le temps de faire ce genre de petits trucs...

Mes favoris de la section JavaScript :

• Eléments HTML déplaçables
• Ressources DHTML en tout genre
• 5 scripts utiles
• Prototype : une classe pour faire de jolis effets graphiques simplement
• Scriptaculous : une classe pour faire des effets graphiques et des éléments déplaçables
• SlideShow tout en douceur (dont j'ai déjà parlé)
• Comment créer un éditeur WYSIWYG
• Awards du Web 2.0

Et puis 4 sites de références de Javascript. Chacun ont leurs avantages et inconvénients. J'utilise ne priorité celle du W3C car elle est la plus simple à utilisé, mais après les autres se valent à peu de choses près.

• Référence du W3C
• Référence de Sun
• Référence de Mozilla (peut-être des éléments compatibles uniquement Gecko)
• Référence de JavaScript Kit