filyb.info - Konqueror

En long, en large et en vrac

Thesa — Tue, 22 Apr 2008 19:42:00 +0200

Mise en place d'un tunnel 6to4 : Roland nous explique comment avoir une adresse IPv6 sur un système GNU/Linux si l'on n'a qu'une adresse IPv4. Pour public averti.
J'ai fait ma première contribution à OpenStreeMap : j'ai ajouté quelques bâtiments absent de ma fac. Toi aussi, viens participer à ce projet de cartographie libre !
Testez Webkit sous Ubuntu Gutsy et Hardy : les explications pour compiler ce moteur de rendu de page web avec un navigateur minimaliste. Outre pouvoir frimer devant les filles avec un navigateur qui passe le test acid3 (bon courage), ça peux vous permettre de tester vos sites avec le moteur de Safari sans être obligé d'avoir un MacOS X ou un Windows sous la main. Et c'est de plus en plus utile vu que Webkit et KHTML (le moteur de Konqueror) sont de plus en plus différents. Et pendant qu'on y est, pour en avoir discuté avec des développeurs de KDE, non, KHTML n'est pas mort. Les développeurs de Konqueror n'ont absolument pas envie que leur navigateur web dépende d'une base de code contrôlée par Apple.
Ratification d'Open XML : pourquoi c'est un scandale : Tristan résume bien cette affaire de très haute importance, dont je n'ai malheureusement pas eu trop le temps de parler ici. Voir aussi sur la question le très intéressant discours d'Oslo.
Auriculoscopie (sans Jacques Chancel) ou comment Swâmi Petaramesh change de téléphone portable... Swâmi, arrête d'écrire ça de façon aussi drôle, on va te souhaiter de changer de portable plus souvent !
Ha, ça ira, ça ira, ça ira… : le récit hilarant de l'abolition du dernier état féodal en Europe, dans l'île de Sark, par Maître Eolas.
De quoi Monsanto est-il le nom? : billet très intéressant d'Agnès Maillard sur la responsabilité des personnes morales... avec des exemples concrets.
Debout les locataires de la terre…, l'appel de Jeudi-Noir pour réunir tous ceux qui veulent que cesse cette crise du logement.
Buissonner, ou la réforme de l'éducation nationale vue de l'intérieur, par Samantdi.
"Le Voyage de l'Harmonie" : récit par Swâmi Petaramesh de cette journée où la flamme olympique à traversé Paris, à lire... jusqu'à la fin.
Toutes mes condoléances. Couloir ou fenêtre ?, où Maître Eolas nous rappelle que pour trouver des actes révoltants et contraires aux droits de l'homme, il n'y a pas besoin d'aller voir à l'autre bout du monde... suffit de regarder par la fenêtre.
Et pour finir, Acrimed analyse avec justesse les analyses de la défiance des médias par les médias (vous suivez toujours ? Non ? Allez lire l'article !).

À propos de la mise à jour – le nouveau thème

Thesa — Wed, 22 Aug 2007 14:40:00 +0200

Comme promis lors de la mise à jour, voici le premier billet d'une série à propos de celle-ci. Pour commencer, parlons un peu du nouveau thème.

Ce thème, nommé 2, filyb street, est basé sur un détail de l'image Berlin - Potsdamer Platz - um 1900 (domaine public). D'ailleurs, si vous cherchez des images sous licence libre ou dans le domaine public, pensez à Wikimedia Commons. Les couleurs ont été choisies pour donner un aspect chaleureux et estival (mais certes pas inspiré par la grisaille de l'été 2007). Les petits icônes dont le site est parsemé proviennent du formidable set Silk de famfamfam (licence CC-BY 2.5), ou du projet Pidgin (GPL 2).

Le thème est à structure liquide, ce qui signifie qu'il devrait s'adapter à n'importe quelle taille de fenêtre, ou taille de police. La résolution minimale pour que ça reste lisible est en 800x600, même si une résolution supérieure apporte un meilleur confort de lecture.

Le site est conforme aux recommandations du W3C telles que le XHTMl 1.0 strict et les feuilles de styles CSS 2. Ainsi, le contenu est strictement séparé de la mise en page, afin qu'il soit accessible indépendamment du matériel et des logiciels utilisés.

Ce site web peut donc être consulté dans un navigateur texte (tel que ELinks ou Lynx), ou dans des navigateurs graphiques, de façon complète pour les navigateurs dits modernes (Mozilla Firefox, Konqueror, Epiphany, Safari ou Opera) et de façon plus sobre dans les navigateurs obsolètes tels que Microsoft Internet Explorer 6 ou Windows Internet Explorer 7. Voici un aperçu de l'affichage du site dans divers navigateurs, assorti de commentaires :

Mozilla Firefox 2.0.0.6 (Moteur d'affichage : Gecko 1.8.1.6) : aucun problème, affichage optimal.
Epiphany 2.18.1 (Moteur d'affichage : Gecko 1.8) : aucun problème, affichage optimal.
Konqueror 3.5.7 (Moteur d'affichage : KHTML) : Konqueror pose problème pour les guillemets des citations, et possède un bug dans la gestion de la propriété CSS content. Ce dernier bug a été contourné, et l'affichage ne pose donc problème que pour les citations. Pour plus de détails, voir plus bas.
Opera 9.23 (Moteur d'affichage : Presto) : le seul soucis d'Opera est un léger cafouillage au niveau des citations imbriquées à 3 niveaux (voir plus bas). Le reste ne pose aucun problème.
Microsoft Internet Explorer 6 (Moteur d'affichage : Trident) : la mise en page est correcte, le contenu est bien affiché, mais de nombreux détails ne sont pas présents (les guillemets des citations, les icônes décorant les liens, les informations sur la langue d'un lien). Mieux vaut utiliser un navigateur plus performant. (La capture d'écran ci-contre ne montre pas l'affichage réel de Microsoft Internet Explorer 6, il manque certaines images comme celle du coin en haut à gauche. C'est dû à mon installation de Microsoft Internet Explorer sous WINE.
Windows Internet Explorer 7 (Moteur d'affichage : Trident) : idem que Microsoft Internet Explorer 6, les progrès du logiciel sont très peu visibles sur mon site.

Au cours de la réalisation de ce thème, j'ai trouvé deux problèmes dans certains navigateurs modernes (je ne parlerai pas des autres, ils sont obsolètes, changez-en). Voici quelques détails :

La propriété CSS content

J'utilise cette propriété pour afficher des images ou texte autour de certains liens, pour spécifier un de leurs particularité, comme le fait qu'ils pointent vers une adresse mail, ou qu'ils sont des liens externes. J'ai donc écrit ce code dans ma feuille de style :

a[href^="http"]:after {content:"\0000a0"url(img/external.png);}
a[href*="filyb.info"]:after {content:"";}

La première ligne ajoute une image de lien externe après un lien commençant par http (ce qui exclu les liens relatifs). Mais pour que cette image soit placée uniquement sur les liens externes, il faut aussi l'enlever sur les liens commençant par http://filyb.info. J'ai donc mis un contenu vide (content:"") à la place de l'image.

Le problème est que Konqueror 3.5.7 affiche un rectangle style caractère absent de la police dans ce dernier cas. Une solution est de remplacer content:"" par content:none. Ça marche... mais uniquement dans Konqueror. Cette propriété est ignorée par Mozilla Firefox. D'après la recommandation CSS 2, le comportement correct est celui de Mozilla Firefox (la recommandation ne parle pas de la valeur none pour content, cependant le validateur CSS l'accepte.

La solution : utiliser les deux. Ça donne : {content:""; content:none}. Cela fonctionne parfaitement dans Mozilla Firefox, Konqueror et Opera. Dans Internet Explorer 6 et 7, il n'y a rien d'affiché, le problème ne se pose pas.

Les styles de citations et les citations imbriquées

Il existe deux types de guillemets pour les citations imbriquées. Les guillemets de premier niveau (français : « et », anglais : “ et ”) et de second niveau (français : “ et ”, anglais : ` et ´). Pour que les balises <q> les utilisent, il faut utiliser les styles suivants :

q:lang(en) {quotes : "“" "”" "`" "´";}
q:lang(fr) {quotes : "«\0000a0" "\0000a0»" "“" "”";}
q:before{content : open-quote;}
q:after{content : close-quote;}

Le \0000a0 correspond à une espace insécable en unicode.

Ces styles fonctionnent parfaitement sous Mozilla Firefox.

Opera 9.21 a un léger soucis dans le cas où il y a trois niveaux de citations imbriqués, comme dans les citations que vous venez de lire. Opera style correctement la citation de premier niveau, mais ferme celle de second niveau à la balise d'ouverture de celle de troisième niveau, affiche le caractère double-quote (") à la fermeture de celle de troisième niveau, et ferme correctement celle de second niveau.

Konqueror 3.5.7... échoue lamentablement. Il affiche avant les guillemets ouvrant et fermant de premier niveau le caractère Â, et affiche n'importe quoi pour les guillemets de second niveau. Je n'ai pas trouvé de parade.

Les Internet Explorer... n'affichent rien. Pas de marque de citation. Je ne vais pas chercher plus loin, changez de navigateur.

Voilà pour cette première partie. Nous allons ensuite attaquer un gros morceau : les microformats.

En vrac

Thesa — Sun, 28 Jan 2007 13:59:29 +0000

Si c'est pas déjà fait, allez voir le court-métrage L'Île aux fleurs de Jorge Furtado, qui, s'il date de 1989, est hélas toujours d'actualité. Alors cliquez sur le lien avant de lire la suite de ce billet, c'est obligatoire. (Via le rezo.)
Scandales jetables, mode d'emploi, un article de Daniel Schneidermann, à propos de toutes les piques que nos deux candidats en chefs à la présidentielle ne cesse de s'échanger, par journaux, blogs, et sites de vidéos en ligne interposés (via le rezo). Pour en rajouter une couche, allez voir la petite vidéo citée en commentaire par Swâmi Petaramesh, et profitez-en pour lire le billet et s'abonner au fil de syndication de son Ashram.
En direct du ministère de la Crise du logement : Un émissaire de l’ONU au Ministère, comme quoi cette initiative prend de l'ampleur, et c'est tout le mal que je leur souhaite. Après le coup médiatique des Enfants de Don Quichotte, retombé aussi vite qu'il était arrivé, heureusement qu'il y a qui continuent à mettre la pression sur nos politiques.
KHTML 3.5.6 is the most CSS3-compliant of all nous informe l'initiative CSS3.info. Cela signifie que la dernière version de Konqueror (la version 3.5.6) propose un meilleur support des CSS que tous les autres navigateurs. Les utilisateurs d'Ubuntu 6.10 Edgy Eft peuvent récupérer Konqueror 3.5.6 grâce au dépôt de KDE 3.5.6 proposé par Kubuntu.org.

En vrac

Thesa — Mon, 24 Jul 2006 18:32:12 +0000

Après last.fm, Jamendo fait peau neuve ! Une interface plus claire, plus ordonnées, des bout d'AJAX (j'ai pas vérifié si le site est bien accessible...). Ça rend plutôt bien, même s'il y a encore des petits détails à régler.
Etoiles et Toile, une biographie de Mark Shuttleworth (le fondateur d'Ubuntu) publiée par Libération.
Damas menace d'entrer en guerre si Israël envahit le Liban : qui va menacer d'entrer en guerre si la Syrie soutien le Liban ? Combien de pays vont s'engouffrer dans ce conflit ? Combien de mort, de villes détruites ? Ne serait-il pas plus simple de faire la paix ?
Vous utilisez Konqueror sous Ubuntu Dapper, et vous ne pouvez plus ouvrir les archives directement dedans ? Heureusement, la FAQ Kubuntu a la solution ! Entrez simplement cette commande dans un terminal :

sudo rm -r /usr/share/kubuntu-default-settings/kde-profile/default/share/mimelnk/application/

et redémarrez Konqueror. Maintenant, ça marche.

Ouvrir les radios last.fm dans Amarok depuis Mozilla Firefox et Konqueror

Thesa — Wed, 05 Jul 2006 14:51:00 +0000

La nouvelle version d'Amarok (1.4.1) permet de lire les radios last.fm en se passant de scripts. Mais comment faire qu'un clique sur une radio sur le site de last.fm lance sa lecture dans Amarok ? Nous verrons la solution tant dans Mozilla Firefox que dans Konqueror.

Mozilla Firefox

Tout d'abord, rendez-vous sur la page about:config (entrez cela dans votre barre d'adresse, le mieux étant d'ouvrir un nouvel onglet ou une nouvelle fenêtre).

Note : si vous aviez déjà une intégration des radios last.fm dans Mozilla Firefox (faite manuellement, ou via le script LastamaroK, par exemple), au lieu de créer les variables demandées, faites une recherche avec le nom de ces variables (en les inscrivants dans la barre en haut de la page), et modifiez leur valeur comme demandé.

Créez une nouvelle valeur de type booléen (clique droit > nouveau > booléen), avec pour nom :

network.protocol-handler.external.last.fm

et pour valeur :

true
Créez une nouvelle valeur de chaîne de caractères (clique droit > nouveau > chaîne de caractères), avec pour nom :

network.protocol-handler.app.lastfm

et pour valeur l'emplacement de la commande Amarok, chez moi :

/usr/bin/amarok

Et vous pouvez tester directement, ça devrai marcher. Il est possible que Mozilla Firefox vous demande si vous êtes vraiment sûr de vouloir lancer Amarok, faites moi confiance et répondez : Oui, je le veux (en cochant la case tout le temps).

Ces paramètres sont entrez dans le profil courant. Si vous utilisez plusieurs profils, ou que vous voulez répéter cette manipulation pour plusieurs utilisateurs, vous devez recommencer pour chaque profil.

Konqueror

Ouvrez votre éditeur de texte préféré (kwrite, gedit, vim, emacs, nano, ~~OpenOffice.org Writer~~), créez un nouveau fichier et entrez ce qui suit :

[Protocol]
exec="/usr/bin/amarok %u"
protocol=lastfm
input=none
output=none
helper=true
listing=false
reading=false
writing=false
makedir=false
deleting=false
Icon="/usr/share/apps/amarok/icons/hicolor/22x22/actions/amarok_audioscrobbler.png"

Vous pouvez remplacer /usr/bin/amarok par le chemin de votre exécutable Amarok, et l'icône de la dernière ligne (j'ai pris l'icône des radios last.fm d'Amarok).

Enregistrez ce fichier dans le dossier :

/home/login/.kde/share/services

sous le nom :

lastfm.protocol

Remplacez bien sûr login par votre nom d'utilisateur dans le chemin du dossier. Notez que vous aurez peut-être besoin d'afficher les dossier cachés pour trouver le dossier .kde. Si le fichier existe déjà (une précédente intégration, avec le script LastamaroK, par exemple), remplacez-le.

Vous devrez peut-être redémarrer Konqueror ou KDE pour que la manipulation prenne effet.

Cette manipulation n'est valide que pour un utilisateur. Si vous voulez l'utiliser pour plusieurs utilisateurs, répétez la manipulation.