accueil navigation contenu

Delavy for the Web

Reflexions bilingues pour améliorer le Web

Version FrançaiseEnglish Version

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

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