accueil navigation contenu

Delavy for the Web

Reflexions bilingues pour améliorer le Web

Version FrançaiseEnglish Version

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.

vue de la page about:session dans le navigateur

about:sessions, l'accueil des sessions


les options du bouton de session

le bouton session dans la barre d'outils


les options du menu de session

le contenu du menu sessions


This article is available in an English version.

lien permanent

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.

La suite de l'article

Un curseur pour différentier les liens externes

vendredi 10 juillet 2009 [19:44:17]

exemple du curseur sur un lien normal et un externe

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.

lien permanent

Un plugin pour créer un modèle pour le Logz.

jeudi 2 juillet 2009 [12:56:08]

Capture d'ecran du plugin

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 !

lien permanent

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.

This article is available in an English version.

lien permanent

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.

La suite de l'article

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.

La suite de l'article

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

lien permanent

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

La suite de l'article

Le classement des Bookmarks

mardi 6 janvier 2009 [21:18:32]

Je vous propose un nouveau système de classement des bookmarks, pour sortir du rangement arborescent peu pratique. Je me pose la question "pourquoi marque-on une page ?" et fonde mon système de tri sur 3 catégories différentes 01:

  • Données
  • Outils
  • Sites
La suite de l'article

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