Firefox, pour un Web meilleur
Dimitri Robert
Mozilla Europe
Un autre navigateur ?
- Mozilla
- Internet Explorer
- Netscape
- Opera
- Safari
- Lynx
Courte histoire de Mozilla
- Mosaic (1993)
- Netscape (1994)
- Internet Explorer dans Windows 95
- Source de Netscape 4 disponible (1998)
- Netscape 5 jamais sorti
- AOL achète Netscape (1999)
Courte histoire de Mozilla
- Netscape 6 basé sur Mozilla
- Mozilla 1.0 (2002)
- AOL licencie le personnel de Netscape (juillet 2003)
- Mozilla Foundation (juillet 2003)
- Mozilla Europe (février 2004)
Courte histoire Mozilla
- 9 novembre 2004, sortie officielle et mondiale de Firefox
1.0
- 7 décembre 2004, sortie officielle et mondiale de Thunderbird
1.0
- mars 2005, arrêt officiel de la suite Mozilla (1.7)
- les développeurs continuent leur travail sur Seamonkey
Mozilla, projet libre supporté par sa communauté
La fondation Mozilla arrête le support officiel de la suite Mozilla. Cela
signifie qu'il n'y aura pas de version Mozilla 1.8. Mais, la version 1.7 est
toujours maintenue, corrigée, améliorée, ses utilisateurs ne sont pas
abandonnés. En outre, certains développeurs veulent continuer à travailler sur
la suite Mozilla (nom de code Seamonkey), ils le peuvent (Mozilla est
un logiciel libre) et bénéficient d'un soutient logistique de la part de la
fondation Mozilla.
Un but précis
- basé sur Mozilla
- même moteur Gecko
- navigateur seul
- interface simplifiée
- allégée
Firefox n'est pas un clone de Mozilla mais obéit à une philosophie différente.
Il en est dérivé. Interfacde configuration de Mozilla très fournie, trop pour un
novice. Mozilla → informaticiens, Firefox → tout public.
Montrer l'interface des préférences.
Mozilla Europe
250 000 dollars de dons à la fondation Mozilla. 10 000 noms
apparaîssent dans la publicité pleine page à paraître dans le New-York Times.
Points forts
- Libre
- Évolutif
- Respectueux des standards
- Plein de fonctionnalités
- Extensible
Firefox libre
- Utilisez-le
- Installez-le
- Distribuez-le
- Participez à son développement
Firefox existe sur un grand nombre de plates-formes
Firefox évolutif
- Libre → progression rapide
- Communauté de développeurs sans limite
- Bugs corrigés rapidement
- Internet Explorer limité à une société
- dépassé, évolutions sporadiques
Firefox et les standards
- HTML, format ouvert
- XHTML, ouvert et structuré
- CSS, séparez fond et forme
- CSS Zen Garden
Quelle utilité ?
Sur un plan éthique
- Internet → liberté d'expression, égalité
- Partage du savoir
- Rendre contenu accessible à tous
L'accès à la connaissance ne doit être entravé, ni par les déficiences physiques
(malvoyant), ni par des barrières techniques et/ou financières. Internet
Explorer n'est pas gratuit : il faut acheter Windows pour l'utiliser.
La façon dont est agencée la page est très importante. Voir sur Standblog, le
menu à la fin, les 3 choix au début, compter le nombre de liens avant de tomber
sur une info pertinente → faire le rapprochement avec un synthétiseur
vocal.
Quelle utilité ?
Sur un plan technique
- Compatible avec tous les navigateurs
- Plus léger → plus rapide
- Plus facile à maintenir
- Meilleur référencement
Google est le plus grand utilisateur aveugle du Web. Il analyse séquentiellement
les pages Web. Plus vite il trouve des informations pertinentes, mieux il les
réferencera.
Le contenu en Flash n'est pas référençable. Mettre du contenu dans du Flash
revient à ne pas vouloir le montrer, ni le partager.
Interface simplifiée
- Panneau des préférences simplifié
- Interface modulaire et personnalisable
Fonctions de Firefox
Développeurs proches des utilisateurs
- Onglets
- Blocage des popups
- Recherche rapide
- Groupe d'onglets
- Agrégateur RSS
Recherche par Google ou autre moteur de recherche (à côté de l'adresse).
Recherche incrémentale : / pour chercher dans tout texte, ' pour chercher dans
les liens.
Groupe d'onglet = répertoire d'onglets. Création à partir de « Marquer
onglet » puis cocher « marquer comme groupe ». Depuis le répertoire de
marque-pages, clic du milieu pour tous les ouvrir dans des onglets séparés.
Une icône mentionne la présence d'un fil RSS. Clic pour l'enregistrer. Devient
alors un répertoire de marque-pages.
- RSS 0.91 (Rich Site Summary)
- RSS 1.0 (RDF Site Summary)
- RSS 2.0 (Really Simple Syndication)
Onglets
- Plusieurs pages dans une même fenêtre
- Une seule fenêtre de navigateur
- Ouvrir un lien dans un nouvel onglet
- Facilite la lecture d'une page
Lors de la lecture d'une page comportant des liens vers d'autres pages vous
pouvez ouvrir ces liens au fur et à mesure dans de nouveaux onglets sans perdre
la page d'origine. Ainsi, vous pouvez alterner d'une page à une autre, comme
pour la lecture des encadrés dans un article ou un livre.
Groupez les onglets
- Groupez les marque-pages par thème
- Nommez ce groupe
- D'un seul clic ouvrez tous les marque-pages, chacun dans un onglet différent
- Groupe = répertoire
Par exemple, groupez tous vos sites de news sous un marque-page de groupe nommé
« news ». Les répertoires de marque-pages dans le gestionnaire sont identiques
aux groupes (c'était différent dans Mozilla).
Fini les pop-ups
- Pop-up : fenêtre du navigateur supplémentaire de taille parfois réduite
- Ouverture souvent inopinée, voire intrusive
- Fut longtemps employé comme vecteur publicitaire
- Bloquées automatiquement par Firefox
- Affiner la politique au cas par cas
Recherche intégrée
- Le moteur de recherche dans l'interface
- Plusieurs moteurs au choix
- Historique des recherches
- Chercher sur le Web sélection
- Ajouter un nouveau moteur
[Ctrl] + K : accès à la zone de saisie
[Ctrl] + flèches : changer de moteur de recherche
Fils RSS
- Syndication de contenu
- Fil ou flux RSS = un fichier XML mis à jour par le site
- Suivre l'information d'un ou plusieurs sites sans les visiter
- L'information arrive automatiquement
- Comparable à une radio : branchement sur un fil d'infos
- Canal de diffusion
Rappeler le Réseaux74 n°20 dédié à la syndication de contenus. Faire une
démo avec LBSNDD de mise à jour de flux RSS.
Exemple : une mairie peut communiquer de cette manière avec ses administrés les
informations locales.
Firefox et le RSS
- Une icône signale la présence d'un fil RSS
- « S'abonner » à un fil → un nouveau groupe d'onglets créé
- Chaque information du fil peut être ouverte dans un onglet différent
- L'extension « Sage » permet une gestion différente
Quelques extensions
- AdBlock
- AllInOne Gestures
- ForecastFox
- Image Zoom
- User Agent Switcher
- Web Developper
- Signature
- QuickNote
AdBlock
- Pour en finir avec la publicité
- Filtre les adresses
- Utilisation des jokers dans les adresses
- Peut aussi bloquer les publicités Flash
Exemple de joker : */ads/*
Pour bloquer les éléments dont le clic droit est détourné, un onglet apparaît,
soir au-dessus, soit au-dessous, ou au pire dans la barre de statut pour accéder
à l'interface d'AdBlock et enregistrer l'adresse.
AllInOne Gestures
- Raccourcis à la souris
- Dessiner un mouvement est lié à une action
- Défilement du bouton du milieu (pris d'Internet Explorer)
- Parcourir l'historique de navigation et les onglets
Pour parcourir l'historique ou les onglets :
clic droit puis molette vers le haut (onglets)
clic droit puis molette vers le bas (historique)
ForecastFox
- Afficher les prévisions météo d'une zone
- Utilise les prévisions de weather.com
- Créer des profils par zone
- Prévision jusqu'à neuf jours
- Intégré dans l'interface
La météo de weather.com n'est pas toujours très fiable... Création en live du
profil Genève.
Image Zoom
- Par défaut Firefox redimensionne les images
- Gérer plusieurs niveaux de zoom
- Accessible depuis menu contextuel
Firefox fait tenir une image dans la fenêtre de rendu, si elle seule est
affichée. Si elle est affichée au travers d'une page HTML, elle n'est pas
affectée.
User Agent Switcher
- Se faire passer pour Internet Explorer
- Une icône dans l'interface pour permuter facilement
- Pas une solution miracle : si le site est mal conçu, cela ne le corrige pas
Web Developper
- Barre d'outils supplémentaires
- Indispensable à tout webmestre
- Mise en évidence des éléments d'une page
- Édition de la CSS
- Validation
- Tous les outils d'aide à la conception de page
Signature
- Existe aussi pour Thunderbird
- Prédéfinir plusieurs signatures
- Insertion facile de signature lors de discussion dans les forums
Quicknote
- Système de Post-It ©
- Permet de noter tout et n'importe quoi
- Copie depuis sélection (sur une note par défaut)
- Paramétrable (couleurs, police, etc.)
- Disponible également pour Thunderbird
Bien d'autres extensions
à découvrir sur http://extensions.geckozone.org/ en français.
Paf ! la clé USB
- Vous pouvez tous contribuer !
- Vos amis ont des soucis
- de virus
- de publicité envahissante
- de spams
- etc.
- Aidez-les !
- Installez Firefox et Thunderbird
Cette présentation
- réalisée avec S5
- utilise le standard XHTML 1.0 Strict
- thème interchangeable
- Éric Meyer
- Creative Commons Attribution-ShareAlike 2.0
- http://www.meyerweb.com/eric/tools/s5/
CC BY-SA : garder la mention de l'auteur original, toute modification, si
publiée, doit être sous la même licence.
Contact
E-mail : d POINT robert AT point-libre.org
Blog : http://www.point-libre.org/~dimitri/blog/
Pour aller plus loin
- Structure d'un fil RSS
- Déclarer son fil RSS dans l'en-tête
- Créer un plugin de recherche
- Web Developper, l'outil indispensable du webmestre
Structure d'un fil RSS
- Fichier XML
- Langage de balises
- Exemple généré par DotClear
- DotClear, Spip gèrent cela eux-mêmes
Déclarer son fil RSS
Chaque fil RSS doit être déclaré dans l'en-tête de la page Web
Ainsi, Firefox peut le détecter et proposer au lecteur de l'enregistrer sous
forme de groupe d'onglets.
<link rel="alternate"
type="application/rss+xml"
title="RSS"
href="/~dimitri/blog/rss.php"
/>
Certains sites possédant un flux RSS mais ne le déclarant pas sont ainsi
repérés. Ce fut le cas du site du Premier ministre pendant un temps (sous
Spip-Agora).
Créer un plugin de recherche
- Un fichier XML
- Exemple
- Objectif : recréer la requête effectuée depuis le site du moteur
- Passer tous les paramètres nécessaires
- Analyse de l'affichage pour la barre latérale de Mozilla
Web Developper
- Édition de la CSS d'un site
- Création de la sienne à partir d'un modèle
- Auditer un site, détecter ses défauts de mise en forme
- Désactiver certains éléments (images, couleurs, cookies, Java, etc.)
- Tester une page dans une autre résoution
Merci de votre attention.
Des questions ?