Archive for May, 2009
Posted on May 31, 2009 - by Jérôme M.
Prévisualiser son site web avec Internet Explorer sous Linux
Les développeurs web sont tous confrontés au même problème : il existe plusieurs navigateurs qui n’ont pas le même rendu visuel du code. Il est donc nécessaire de tester son site sur les navigateurs les plus populaires. Et parmi eux.. Internet Explorer. Ies4linux est un logiciel qui va nous permettre d’installer plusieurs version d’Internet Explorer sur Linux.
Je vous avourai que pour des sites web perso, je ne m’occupe pas du tout d’IE. Si ça passe mal dessus, tant pis. De toute manière je n’ai pas ce problème ici : depuis le lancement du blog vous n’êtes que 4% à utiliser internet explorer :)
Mais d’un point de vue professionnel, quand on vous paye pour développer des sites internet, votre produit doit être fonctionnel et avoir le même rendu sur tous les navigateurs. Sur Linux on peut facilement tester sur Firefox, Opera et sur des navigateurs basé sur webkit (Chromium, Midori..), mais pour IE il faut soit installé un OS microsoft virtuel (VirtualBox), ou alors utiliser Wine.
N’ayant pas envi d’acheter une license windows, j’ai penché pour la deuxième solution.
Installation
Avant tout nous avons besoin de Wine et cabextract (pour les fichiers d’installation des IEs)
wget http://www.tatanka.com.br/ies4linux/downloads/ies4linux-latest.tar.gz tar zxvf ies4linux-latest.tar.gz cd ies4linux-* ./ies4linux
Laissez vous guider par le script d’installation. Vous avez le choix entre plusieurs versions d’Internet Explorer.
Bref je sais que c’est pas la joie d’avoir ce navigateur sur nos bécanes mais je suis surement pas le seul développeur web à travailler sous Linux. Il y a une version de ce script pour les Mac ici.
PS: Tout ça m’a fait pensé à un billet d’un ami sur un hack ie6. Nan sérieux j’ai jamais vu un hack aussi con lol. Ça se passe ici.
Posted on May 23, 2009 - by Jérôme M.
GVolWheel: un contrôleur de volume
Quand on utilise Openbox ou d’autres environnements légers, on doit construire son bureau en assemblant des pièces, des logiciels afin d’avoir un ensemble fonctionnel. Je vous avais présenté il y a quelques temps bashrun, un lanceur d’applications assez sympa. Aujourd’hui je vous présente GVolWheel, un contrôleur de volume.
(Lire la suite…)
Posted on May 22, 2009 - by Jérôme M.
Midori, un navigateur ultra léger
Midori est un navigateur qui va dans le sens de la simplicité et de la legereté. Et ça me plaît beaucoup. Parce que je sais pas pour vous mais personnellement j’ai l’impression que Firefox s’alourdit de plus en plus à chaque release. Alors que le petit Midori est rapide comme l’éclair, ce n’est pas pour rien qu’il a été choisit pour devenir le navigateur officiel de Xfce.
Midori
Prononcez le « MI – DO – LI », c’est un mot japonais 緑 (みどり) qui veut dire vert. Il est développé par Christian Dywan et respecte la philosophie K.I.S.S, dans le sens où il ne fait pas 36 choses à la fois.
Par exemple il faudra lui signaler le programme à utiliser pour aggréger vos flux RSS car lui ne sait pas faire. Pareil pour regarder la source d’une page, il faudra lui indiquer d’utiliser gedit par exemple, c’est normal ce n’est pas son job. Midori est basé sur le moteur open source Webkit, ce qui lui donne de très bonne performance en terme de rendu Web.
Midori est encore en version alpha, mais son développement est rapide et à chaque nouvelle version il s’améliore beaucoup. Aujourd’hui il gère plutôt bien les signets, les scripts des utilisateurs (vous pouvez faire vos plugins ) et les téléchargements.
Ce petit bijou est disponible dans les dépôts d’Arch et surement dans les dépôts de votre distribution. Si ce n’est pas le cas, vous pouvez toujours télécharger les sources sur le site officiel et compiler tout ça comme à l’ancienne.
Posted on May 19, 2009 - by Jérôme M.
Nouveau serveur : Debian Lenny
J’ai enfin décidé de migrer mon site web d’un hébergeur mutualisé vers un serveur dédié. Je vous écris ces lignes depuis mon nouveau serveur, une Debian Lenny. Et c’est tout de suite plus sympa à configurer :D. Configurer Apache, PHP, mettre en place son propre FTP et les DNS.. j’adore. Les DNS ne se sont peut être pas propagés sur tous les FAI, néanmoins ça ne devrait plus être long. Bref une deuxième vie commence pour Phollow Me !
Posted on May 16, 2009 - by Jérôme M.
Utiliser Spotify à 100% sous wine
J’utilise depuis quelques temps, Spotify, au travers de Wine sous mon sytème. Il n’existe pas de client Linux pour ce logiciel, mais par chance le client windows tourne très bien quand même. Très bien sauf deux petites fonctions très utiles : l’ouverture des liens spotify:// dans le navigateur et les liens à l’intérieur du logiciel qui ne fonctionnaient pas. Peut être que d’autres ont les mêmes problèmes, voici comment j’ai pu les résoudre.
Installation
D’autres l’ont fait avant moi et très bien. Je vous renvois vers le billet de Tux-planet si vous n’avez pas encore essayé Spotify.
Les liens Spotify://
La méthode décrite dans le wiki de Spotify n’a pas fonctionnée pour moi, j’ai donc fait comme ceci :
Il faut créer un script browser2spotify et le rendre executable (chmod +x) :
#! /bin/sh exec wine "C:/Program Files/Spotify/spotify.exe" /uri "$@"
Ensuite à l’intérieur de Firefox, dans about:config, on met ces deux options :
network.protocol-handler.external.spotify True
network.protocol-handler.app.spotify ~/browser2spotifyMais ça n’a pas été suffisant pour moi, j’ai du aller ensuite dans editer/préférences/applications sous Firefox et lier manuellement spotify à mon script.
Les liens dans Wine
Les liens qui étaient à l’intérieur de spotify ne fonctionnaient pas, voilà ce que j’ai changé :
Ouvrez regedit, puis faites une recherche avec le mot winebrowser.exe, et pour les quatre ou cinq valeurs de clefs, mettez :
C:\windows\system32\winebrowser.exe -nohome %1
Et là normalement les liens s’ouvrent maintenant dans votre navigateur.
Posted on May 12, 2009 - by Jérôme M.
L’anti-aliasing sous Wine
En ce moment je joue un peu avec Wine en installant des programmes ou des jeux Windows. Et à chaque fois même constat : le rendu des polices est vraiment très mauvais. En me renseignant sur la Toile, j’ai appris que Wine n’utilisait pas l’anti-aliasing sur les polices de tailles inférieures à 13. Génant quand les trois-quarts des polices affichées sont assez petites.
Solution
Et bien il suffit de dire à Wine qu’on veut toutes nos polices bien lisses. Voici une capture avant/après de l’application Spotify, dont Tux-planet nous montre son installation ici.
Il suffit pour ça de modifier un peu la base de registre de wine avec regedit.
REGEDIT4 [HKEY_CURRENT_USER\Control Panel\Desktop] "FontSmoothing"="2" "FontSmoothingType"=dword:00000002 "FontSmoothingGamma"=dword:00000578 "FontSmoothingOrientation"=dword:00000001
J’ai aussi trouvé sur un blog ce petit script qui vous fait ça automatiquement.
Posted on May 11, 2009 - by Jérôme M.
Jouons avec devilspie et l’opacité
Devilspie est un petit utilitaire très pratique. En effet, son rôle est « d’écouter » les fenêtres qui s’ouvrent et les compare à une série de règles. Si la fenêtre correspond à une des conditions données alors Devilspie lui fait subir une série d’actions. Prenons des exemples concrets : Ouvrir le navigateur sur le 2ème bureau en plein écran, faire apparaitre pidgin sur tous les bureaux à la fois, ne pas faire apparaître un programme dans ma barre de tâche …
Nous allons voir aujourd’hui comment gérer l’opacité avec Devilspie.
La transparence facile avec Devilspie
Je pars du principe que vous avez déjà un composite manager (xcompmgr ou compiz-fusion) pour pouvoir gérer la transparence réelle. On aura aussi besoin de transset-df (une version améliorée de transset) et bien sûr de devilspie. Je vous laisse voir si vous avez ces paquetages sous vos distributions respectives, en tout cas sur Arch c’est pas compliqué, ils y sont tous :)
Devilspie
Ok, donc ce que nous voulons c’est de pouvoir ouvrir certains programmes avec une transparence donnée. Par exemple, ouvrir mes terminaux avec une transparence de 75%, un conky avec une transparence de 50% etc. Donc pouvoir mettre une règle par applications.
Les fichiers de configurations de devilspie se trouvent dans un dossier ~/.devilspie et ont pour extension .ds
urxvt.ds
(if (matches (window_class) "URxvt") (begin (wintype "dock") (spawn_async (str "transset-df -i " (window_xid) " .75")) ) )
Si le processus devilspie est lancé alors à l’ouverture de mon terminal urxvt, il lancera la commande transset-df et mon terminal se retrouvera avec une opacité de 75%
Vous avez juste besoin de connaître la class du programme que vous voulez écouter. Ici URxvt. Pour connaître une classe facilement utilisez la petite croix magique xprop.
Posted on May 9, 2009 - by Jérôme M.
Bientôt Chrome 2 sur Linux
Et oui Google Chrome, dans sa version 2, avance à grands pas sur Windows et sur Linux aussi ! C’est un navigateur que j’aime beaucoup et que j’utilise régulièrement sur Windows Vista (Oui je suis obligé de bosser sur ce système au travail, mais je fais une thérapie de groupe et je vais m’en sortir).
Google Chrome est basé sur le code open-source de chromium. J’ai donc décidé de compiler pour voir où en était le projet.. et ça avance bien.
Chrome 2
Les instructions pour l’installer se trouve ici. On est plus très loin d’une version fonctionnelle. Je songe fortement à remplacer firefox par ce navigateur, d’autant plus que Chrome 2 possèdera un système de plugins.
Et vous en pensez quoi vous ?
Posted on May 7, 2009 - by Jérôme M.
Bashrun: un lanceur simple et efficace
Bashrun est un lanceur d’applications intelligent que j’utilise sous Openbox et Pekwm. Il est très léger et utilise Xterm et bash (ou n’importe quel autre terminal, comme par exemple urxvt). Et grâce à ça il supporte l’auto-complétition et il sauvegarde tout dans un historique. Il est facile de configurer son gestionnaire de fenêtres pour l’utiliser avec un raccourcis. C’est ce que nous allons voir dans ce billet.
bashrun
Ce programme a été écrit par Henning Bekel et posté dans le forum d’Archlinux. Il a tout de suite été adopté :D
Installation
Rendez vous dans la sourceforge du projet et téléchargez la source. L’installation est simple :
$ tar vxf bashrun-0.11.tar.gz $ cd bashrun-0.11/ $ su -c 'sh install.sh'
Les utilisateurs d’Archlinux peuvent installer le paquet depuis le dépôt.
Configuration
La configuration du logiciel se fait dans ~/.config/bashrun/rc . Vous pouvez y définir le terminal à utiliser, le nom du fichier historique etc. Configurons le maintenant pour Openbox et Pekwm.
Openbox
Mise en place du raccourci clavier
À l’intérieur du fichier rc.xml après la balise <keyboard> on met ceci pour lancer bashrun avec Alt+F2 :
<keybind key="A-F2"> <action name="Execute"> <startupnotify> <enabled>true</enabled> <name>bashrun</name> </startupnotify> <command>bashrun</command> </action> </keybind>
Si vous voulez enlever les décorations de fenêtre de bashrun
À l’intérieur du fichier rc.xml après la balise <applications> on met ceci :
<application name="bashrun"> <decor>no</decor> <focus>yes</focus> <skip_pager>yes</skip_pager> <layer>above</layer> </application>
Pekwm
Mise en place du raccourci clavier
La manip’ se fait dans le fichier ~/.pekwm/keys, pour lancer l’application avec Super+R par exemple, mettez après Global {
KeyPress = "Mod4 R" { Actions = "Exec bashrun" }
Si vous voulez enlever les décorations de fenêtre de bashrun
La manip’ se fait dans le fichier ~/.pekwm/autoproperties, mettez ceci :
Property = "^bashrun,^XTerm" { ApplyOn = "Start New" Border = "False"; Titlebar = "False" Sticky = "True" }
Si vous n’utilisez pas Xterm pour bashrun, changer le code en conséquence.
Posted on May 6, 2009 - by Jérôme M.
Pekwm le guide
Ce guide a pour but de vous accompagner durant l’installation du gestionnaire de fenêtres Pekwm, de sa configuration et de son utilisation. De la même manière que mon guide sur Openbox, je vais rester le plus général possible pour que les manipulations fonctionnent sur toutes les distributions GNU/Linux et *BSD.
Note: Je me base sur la distribution Archlinux pour l’installation des paquets (pacman), vous devez donc adapter ces commandes à vos gestionnaires de paquets (aptitude, yum…)
Introduction
The Pek Window Manager est écrit par Claes Nästen. Le code est basé sur le gestionnaire de fenêtre aewm++, mais le code a vraiment évolué, si bien qu’aujourd’hui il ne ressemble plus du tout à aewm++. Il possède beaucoup de fonctionnalités, dont le regroupement de fenêtres, des propriétés automatiques, xinerama et des raccourcis claviers qui supportent les enchaînements de touches, et beaucoup plus.
Sources
Installation
Pekwm est disponible dans le dépôt d’Archlinux
sudo pacman -S pekwm
Il faut maintenant mettre en place le démarrage de Pekwm
Méthode 1: GDM/KDM
Généralement une session pekwm sera ajoutée automatiquement. Selectionnez pekwm dans le menu. Si jamais la session n’apparaît pas dans le menu, pas de soucis on va la créer :
Dans un fichier /usr/share/xsessions/Pekwm.desktop on ajoute ceci :
[Desktop Entry] Encoding=UTF-8 Name=PekWM Comment=Start PekWM Exec=/usr/bin/pekwm Icon= Type=Application
Méthode 2: xinitrc
Dans votre ~/.xinitrc, on démarre pekwm de cette façon :
exec pekwmConfiguration
La première chose à faire avant de lancer Pekwm est de créer nos fichiers de configurations dans notre home. Nous allons prendre les fichiers par défaut qui nous servirons de base dans notre installation.
mkdir ~/.pekwm cp /etc/pekwm/* ~/.pekwm/
Les fichiers de configurations sont les suivants :
- ~/.pekwm/config: Concerne la configuration propre de pekwm (thème, comportement des fenêtres)
- ~/.pekwm/mouse: Concerne les réglages de la souris
- ~/.pekwm/keys: Concerne les raccourcis claviers
- ~/.pekwm/menu: Pour configurer le menu du bureau, de la fenêtre
- ~/.pekwm/vars: Stockage de variables
- ~/.pekwm/start: Le fichier qui permet de lancer des programmes au démarrage de pekwm
- ~/.pekwm/autoproperties: Le fichier le plus intéressant de pekwm :)
Le fichier config
Ce fichier comme expliqué plus tôt permet de configurer le comportement des fenêtres, le nom des bureaux par exemple et diverses options. La configuration se fait en plusieurs sous-sections:
- Files { }: les fichiers à utiliser
- MoveResize { }: la section permettant de configurer le comportement des fenêtres lors d’un déplacement/redimensionnement.
- Menu { }: section permettant de définir l’utilisation du menu (pas son contenu).
- CmdDialog { }: cette section permet de configurer le lanceur d’applications.
- Harbour { }: la section pour configurer harbour.
Files { Keys = "~/.pekwm/keys" Mouse = "~/.pekwm/mouse" Menu = "~/.pekwm/menu" Start = "~/.pekwm/start" AutoProps = "~/.pekwm/autoproperties" Theme = "~/.pekwm/themes/Miro" }
Je ne vous conseille pas de changer les 5 premiers sauf si vous savez ce que vous faites. Au niveau du champ Theme vous devez indiquer le répertoire du thème à utiliser.
MoveResize { EdgeAttract = "10" EdgeResist = "10" WindowAttract = "5" WindowResist = "5" OpaqueMove = "true" OpaqueResize = "false" }
EdgeAttract: cette valeur est la distance (en pixel) à partir de laquelle la fenêtre “colle” aux bords.
WindowAttract: même chose par rapport aux fenêtres.
OpaqueMove: doit-on dessiner la fenêtre pendant le déplacement.
OpaqueResize: doit-on dessiner la fenêtre pendant le redimensionnement.
Screen { Workspaces = "6" WorkspacesPerRow = "2" WorkspaceNames = "Main;Chat;Music;Web;Games;Code" ShowFrameList = "true" ShowStatusWindowCenteredOnRoot = "true" ShowWorkspaceIndicator = "500" ShowClientID = "false" FocusNew = "true" FocusNewChild = "true" PlaceNew = "true" FullscreenAbove = "true" FullscreenDetect = "true" EdgeSize = "18 0 0 0" EdgeIndent = "true" DoubleClicktime = "200" Placement { Model = "CenteredOnParent Smart MouseNotUnder" Smart { Row = "false" TopToBottom = "true" LeftToRight = "true" OffsetX = "100" OffsetY = "100" } } }
Workspace: le nombre de bureaux.
WorkspacesPerRow: le nombre de bureaux par colonne (0 pour mettre en ligne).
ShowFrameList: doit-on afficher la liste des fenêtres lorsque l’on navigue parmi elles.
WorkspaceNames: noms des bureaux séparés par ;.
ShowStatusWindowsCenteredOnRoot: si oui les informations de la fenêtre seront au centre du bureau sinon au centre de la fenêtre.
FocusNew: doit-on mettre automatiquement en avant une nouvelle fenêtre.
EdgeSize: l’espacement par rapport aux bords (dans l’ordre haut bas gauche droite).
EdgeIndent: si oui les fenêtres n’iront pas d’elles même dans l’espacement inscrit dans EdgeSize.
DoubleClickTime: la vitesse de double click en ms.
Placement {: configuration du placement des fenêtres, regardez la documentation de pekwm pour plus de détails.
Menu { DisplayIcons = "true" Icons = "Menu" { Minimum = "16x16" Maximum = "16x16" } Select = "Motion" Enter = "Motion" Exec = "ButtonPress" }
DisplayIcons: doit-on afficher des icônes.
Icons = “Menu”: paramètres à utiliser pour la section “Menu” du fichier .pekwm/menu.
Select: comment choisir un élément du menu.
Enter: comment entrer dans un sous-menu.
Exec: comment exécuter un élément.
CmdDialog { HistoryUnique = "true" HistorySize = "500" HistoryFile = "~/.pekwm/history" HistorySaveInterval = "16" }
HistoryUnique: doit-on afficher qu’une fois une application déjà lancée plusieurs fois.
HistorySize: taille du fichier historique.
HistoryFile: le fichier historique à utiliser.
Les fichiers mouse et keys
Ces deux fichiers vont nous permettre de définir les raccourcis claviers et souris.
les identifiants pour mouse
- 1: click gauche.
- 2: click du milieu.
- 3: click droit.
- 4/5: molette haut/molette bas.
les identifiants pour keys
- Ctrl: touche contrôle.
- Mod1: touche alt.
- Mod4: touche super ou windows.
Petit exemple pour la souris :
FrameTitle { ButtonRelease = "1" { Actions = "Raise; Focus" } }
Va faire venir une fenêtre au premier plan en cliquant sur la barre de titre avec le clic gauche.
Exemple pour les raccourcis clavier :
INCLUDE = "vars" Global { KeyPress = "Mod4 e" { Actions = "Exec $TERMINAL &" } KeyPress = "#123" { Actions = "Exec $MIXINC &" } KeyPress = "Mod1 Tab" { Actions = "NextFrame EndRaise" } Chain = "Mod4 Mod1 M" { KeyPress = "P" { Actions = "Exec $PLAY &" } } }
INCLUDE = “vars”: on inclue le fichier vars où on définira certaines applications.
KeyPress = ”#123” { Actions = “Exec $MIXINC &” }: sur la pression de la touche 123 identifiée par xev on lance $MIXINC défini dans .pekwm/vars.
Chain = “Mod4 Mod1 M” {: le raccourci Super + Alt + M, à lui seul il donne rien, il faut ensuite rajouter une autre touche.
KeyPress = “P” { Actions = “Exec $PLAY &” }: appuyer P après Super + Alt + M lancera $PLAY défini dans .pekwm/vars.
Il est possible de lancer plusieurs programmes à la fois :
KeyPress = "Ctrl Mod1 R" { Actions = "Exec osdctl -s 'Reconfiguring'; Reload" }
Pour une liste complète des variables et propriétés, jettez un coup d’oeil à la documentation.
Le fichier menu
Le paquet archlinux installe un fichier menu par défaut, qui contient divers raccourcis. On va donc vouloir changer ça. Deux façon possible :
Menumaker
Ce programme va générer un menu automatiquement avec les programmes que vous avez installé.
mmaker --no-desktop -f pekwm
Regardez les options disponible avec mmaker –help. Ce petit programme peut nous donner une bonne base pour pouvoir après édité notre menu à la main
À la main
Comme mentionné un peu avant, les modifications se font dans le fichier ~/.pekwm/menu . La syntaxe est assez compréhensive. Voici une entrée de menu :
Entry = "NAME" { Actions = "Exec COMMAND &" }
Et là un sous-menu possédant 2 entrée :
Submenu = "NAME" { Entry = "NAME" { Actions = "Exec COMMAND &" } Entry = "NAME" { Actions = "Exec COMMAND &" } }
Un séparateur :
Separator {}
Pekwm supporte aussi les menus dynamiques. Ce sont des entrées de menus générées par des scripts. Vous trouverez un exemple ici pour afficher la date et l’heure actuelle.
Le fichier vars
On y met les variables qu’on peut réutiliser ensuite dans les fichiers de configurations (il faut bien sur inclure le fichier vars )
$TERM="xterm -fn fixed +sb -bg white -fg black"
Le fichier autoproperties
Nous voilà au fichier le plus complexe de pekwm mais aussi le plus puissant, avec celui ci vous pourrez faire en sorte qu’une application se lance sur tel ou tel bureau, de manière maximisée ou bien groupée avec d’autres.
Tout d’abord vous devez connaître la valeur WM_CLASS de l’application que vous voulez définir. pour cela en terminal faites
xprop WM_CLASS
puis cliquez sur l’application désirée, par exemple firefox → WM_CLASS(STRING) = “Navigator”, “Firefox”
Maintenant admettons que je veuille que firefox démarre sur le bureau 4 automatiquement au lancement je fais ceci:
Property = "Navigator", "Firefox" {
ApplyOn = "New Start"
Workspace = "4"
}Property = “Navigator”, “Firefox” {: la propriété visant firefox.
ApplyOn = “New Start”: New = quand une nouvelle fenêtre démarre, Start = quand firefox se lance.
Workspace = “4”: on dit de lancer firefox sur le bureau 4.
Il y a beaucoup d’autres méthodes utiles, pour ça je vous conseille d’aller faire un tour sur la documentation.
Le fichier start
Un fichier assez simple, c’est le même que le autostart.sh d’openbox, donc rendez le executable (chmod +x) et remplissez le comme ceci :
#!/bin/sh pidgin & firefox &
Conclusion
J’espère qu’avec cet article vous envisagerez au moins d’essayer Pekwm, comme d’habitude vous savez où me contacter si vous avez des questions :)
