Vidéo de présentation du concept des sessions dans Firefox
dimanche 9 mai 2010 [22:54:35]
Voilà, la vidéo de démonstration de mon idée pour les sessions dans Firefox est terminée. Elle reprends l'exemple de situation de l'article précédent (Sessions pour Firefox : sessions par thème pour diviser l'historique ), en rajoutant l'écran d'accueil des sessions : about-session (qui en est à l'état d'ébauche).
Les sessions dans Firefox : démonstration
Je n'ai pas pu prendre en compte la reflexion de Rob Szumski, qui proposait que le navigateur fasse tout seul les sessions, mais vais me pencher là dessus.
Evidemment, si vous avez des suggestions / critiques / remarques, n'hésitez pas à laisser des commentaire ou à venir en discuter sur le groupe Google Mozilla Labs Concept Serie ou la plateforme de discussion de concept serie.
Quelques vues de l'interface et des menus.
about:sessions, l'accueil des sessions
le bouton session dans la barre d'outils
le contenu du menu sessions
This article is available in an English version.
Sessions pour Firefox : sessions par thème pour diviser l'historique
vendredi 25 décembre 2009 [22:30:32]
Je propose de faire des "sessions" de navigation, avec chacune leur historique et bookmarks propre, ce qui réduirait la taille de l'historique, faciliterais sa navigation, et permettrait de retrouver des sites visités il y a un certain temps sur un même thème sans problème. L'idée de base rejoint celle des profils, avec une séparation beaucoup plus mince : on change de session en deux clics sans changer de fenêtre. En résumé :
- une session = un historique
- le changement de session se fait en deux clics et ne nécessite pas d'ouvrir une nouvelle fenêtre
- les bookmarks qui ne sont pas dans la session courante sont écartés mais accessibles,
- les add-ons sont partagés, avec possibilité de faire définir leur présence ou non sur chaque session.
- les réglages peuvent être personnalisés pour chaque session
- on peux exporter et partager les sessions
Introduction
Le principe des sessions est de diviser l'historique de navigation en plusieurs parties en fonction du thème de navigation, de la cause. Car le fait est que :
- nous allons sur Internet pour réaliser des tâches, des objectifs
- pour chaque tâche, nous visitions de nombreux sites
- nous effectuons souvent les tâches en plusieurs fois, espacées dans le temps
- nous traitons les tâches une par une...
- ...mais nous en faisons de nombreuses par jour
Concrètement, nous avons différent "thèmes" de navigation. Par exemple, je passe une heure à comparer des écoles pour mon orientation, puis je visite 50 liens récupérés via Twitter, puis je fait une recherche sur un sujet que je n'avais pas abordé depuis quelques mois, puis je cherche des images pour un montage, puis lit quelques blagues. Tout ceci me fait un historique très conséquent : Firefox plante quand je gère un historique de plus d'un mois sous forme de simple liste, donc je ne pense pas qu'une vue 3d ou avec des images soit entièrement une solution (bien que je suis impatient que ces options soient disponibles). Je pense qu'il faut en plus diviser l'historique.
Un curseur pour différentier les liens externes
vendredi 10 juillet 2009 [19:44:17]
Voici un curseur pour différentier les liens externes d'un site, plus clair qu'une mise en forme différente, plus visuel qu'une précision dans le titre, et moins encombrant qu'une icône à côté.
This article is available in an English version.
Pour sélectionner les liens externes, pas besoin de leur ajouter rel="external". Lachlan Hunt propose une astuce qui fonctionne avec tous les navigateurs modernes. Je l'ai séparé en 2 parties pour que le code soit valide.
Ici je sélectionne les liens commençant par http:// ou https, et leur met le curseur. Puis j'annule la règle si le lien commence par l'adresse de mon site.
a[href^="https://"],
a[href^="http://"]{
cursor:url("external.cur"), default;
}
a[href^="http://delavy.hyperficiel.com"]{
cursor:pointer;
}
Voici le curseur au format png (5ko) , et le fichier psd (26ko) pour ceux qui voudraient le modifier. A défaut de connaître la licence du curseur utilisé, ma création est dans le domaine public.
Un plugin pour créer un modèle pour le Logz.
jeudi 2 juillet 2009 [12:56:08]
Voici un plugin pour créer facilement un modèle pour un Logz : choisissez la disposition des colonnes puis remplissez les à votre guise.
Il suffira ensuite d'afficher le code, et de le copier coller dans un nouveau modèle (pour créer un modèle, cliquez sur l'icône de duplication à partir de n'importe lequel, donnez lui un nom, il apparaît ensuite avec les modèles personnels). Téléchargez creer_modele.zip (25ko, Copyleft Licence Art Libre)
This article is available in an English version.
Pour l'installer, il suffit de mettre les fichiers dans le dossier "plugins" (nécessite d'avoir un accès ftp aux répertoires du logz). Il y a le plugin en lui même : gest_creer_modele.php, et un dossier creer_modele qui contient la feuille de style et les images nécessaires au bon fonctionnement du plugin. Une fois mis au bon endroit, il apparaîtra en tant qu'onglet dans l'interface de gestion.
Selon votre version du logz, il peut y avoir des problèmes de compatibilité :
- J'ai fait un modèle avec l'agenda, mais celui-ci ne s'affiche pas (version antérieure à 1.4.2) : il vous manque la variable
$AgendaSeul. Allez dans le dossier "scripts", puis éditez le fichier "cal_agenda.php". À la fin du document, rajoutez la ligne "$AgendaSeul = div($Agenda,"agenda");" juste avant "/*** remplissage de la variable agenda ***/". - Je suis dans l'onglet "creer_modele" et il n'y a rien (version antérieure à 1.4.0) : c'est peut être dû à la ligne 13, "
if (!isset($GestionOn)) exit;", supprimez là. Si cela ne fonctionne pas, la meilleur chose à faire et de mettre votre Logz à jour (vous n'y perdez rien il est de mieux en mieux).
J'ai créé cet outil pasque j'avais du mal avec les "cal_droite" et "spl_agend", je me suis dit que la façon plus simple de choisir un modèle était de le créer soi. J'espère qu'il va bien vous servir !
Style Hreflang sur UserStyle.org
samedi 27 juin 2009 [12:20:39]
J'ai posté mon style pour hreflang sur UserStyles.org, qui permet de partager ses styles utilisateurs. Avec Firefox on peut même les "installer" via l'add-on Stylish. Cette extension permet d'ajouter puis de gérer des styles que l'on mettrait normalement dans UserContent.css. Notons que c'est aussi possible (avec d'autres méthodes) sur IE, Opera, Safari, Greasemonkey, et surement d'autre navigateurs.
- Voici donc la cascade pour afficher correctement la langue cible d'un lien (
hreflang). - Comme la langue d'une page n'est pas toujours bien renseignée, j'ai fait une seconde règle qui affiche toujours l'attribut
hreflang, sauf dans le cas où la langue est spécifiées et est la même. Cela marche sur plus de sites, mais cela ne prend pas en charge tous les cas de figure.
This article is available in an English version.
Scripts Ubiquity pour le développement Web
mardi 23 juin 2009 [19:31:49]
Quelques petits scripts pour Ubiquity, pour vous qui faites des sites webs. Ils soumettent l'url de la page sur laquelle vous travaillez à une "page outil" pour valider le code HTML, CSS, les liens ou l'accessibilité, ou pour évaluer le temps de chargement. Cela vous permet de vérifier votre code simplement et très rapidement.
Test Article Avant Mise En Ligne
dimanche 14 juin 2009 [18:53:13]
Voici une petite fonction écrit pour permettre de trier les lignes d'un tableau selon qu'une checkbox est cochée ou non et désactivé ou non.
C'est un ajout au script Table sort de Brian McAllister, qui permet (en javascript) de trier les tableaux html en leur ajoutant des classes. Il trie selon un type de donnée qu'il faut spécifier, du genre class="sortable-date".
La puissance de cet outil et qu'il permet à l'utilisateur d'écrire ses propres fonctions de tri. Comme j'avais besoin d'un tri selon l'état d'une checkbox, j'ai écrit une petite fonction qui s'en charge.
Pour un bon affichage de hreflang
samedi 13 juin 2009 [16:33:30]
Voici une méthode CSS pour afficher la langue cible d'un lien (l'attribut hreflang) à côté de celui-ci. Cette langue cible est une information essentielle, surtout quand elle est différente du texte qui contient le lien. On peut l'afficher en "contenu généré par CSS", avec une combinaison de règle qui offre une méthode très souple qui prend en compte de nombreux cas de figure. Vous pouvez retrouver ce style sur userstyle.org.
Un nouveau départ
mercredi 3 juin 2009 [18:18:15]
Enfin ! Après l'avoir réorganisé et re-designé (merci à Loz pour son aide et à Mark James pour les icônes), c'est parti, le site est lancé ! Je vais me mettre sérieusement à publier -et réécrire- du contenu, pour remplir les catégorie à un rythme hebdomadaire
L'interface des bookmarks
jeudi 8 janvier 2009 [11:09:05]
Puisque j'ai un nouveau système de tri des bookmarks, je cherche des nouvelles façons de les présenter et de les chercher. Je me suis insipré de l'idée de Wei Zhou : des miniatures durant la recherche. Il manque juste quelques possibilités de tri et informations sur les bookmarks, j'ai donc réalisé des prototypes d'interface
Textes, images et design : Copyright © 2008 - 2009 Delaby Pierre.
Copyleft : cette oeuvre est libre, vous pouvez la redistribuer et/ou la modifier selon les termes de la Licence Art Libre. Vous trouverez un exemplaire de cette Licence sur le site Copyleft Attitude www.artlibre.org ainsi que sur d'autres sites.
Icons par Mark James sous Creative Commons | Tous les Crédits et Attributions.
Généré avec Logz : http://www.logz.org | Hebergé par Provisoire.fr | Copyleft Licence Art Libre | Vrs ?, Vxl ? | site map