LESS est un environnement de programmation héritant de CSS écrit pour Ruby permettant d’ajouter un grand nombre de fonctionnalités au CSS (variables, opérations, utilisation de classes au sein du CSS, règles en cascade…).

En développant avec LESS, nous n’écrivons plus directement de CSS mais du LESS qui sera compilé en un fichier CSS prêt à fonctionner.

Lessphp rend tout ceci possible dans un environnement PHP grâce à une classe à inclure dans vos scripts afin de compiler du LESS.

Lessphp est en cours de développement et ne supporte pas l’ensemble des fonctionnalités offertes par LESS pour le moment, cependant un certain nombre d’entre-elles sont opérationnelles.

Quelques exemples

• Inclusion de lessphp et compilation

require 'lessc.inc.php';
 
try {
    lessc::ccompile('input.less', 'out.css');
} catch (exception $ex) {
    exit('lessc fatal error:<br />'.$ex->getMessage());
}

• Utilisation des variables et des opérations :

/** LESS **/
@base: 2px; /** Déclaration d'une variable **/
 
.myClass {
  border: 2px + @base solid red; /** Utilisation de la variable au sein d'une opération **/
}
 
/** CSS RESULT **/
 
.myClass { border:4px solid red; } /** CSS obtenu après la compilation **/

• Utilisation des « mixins » (classes au sein du fichier CSS)

/** LESS **/
@base: 2px; /** Déclaration d'une variable **/
 
.myClass {
border: 2px + @base solid red; /** Utilisation de la variable au sein d'une opération **/
}
 
.mixin {
color: red;
.myClass;  /** Utilisation de la classe .myClass au sein de la classe .mixin **/
}
 
/** CSS RESULT **/
 
.myClass { border:4px solid red; }
.mixin {
  color:red;
  border:4px solid red;
}

Nous voyons bien de cette manière que nous pourrions grandement améliorer notre code CSS et factoriser énormément de code ! De plus, la compilation s’effectuant côté serveur, il est tout à fait possible de générer dynamiquement le CSS via un appel ajax en fonction d’évènements homme-machine par exemple.

Il est à noter que lessphp est disponible sur la plateforme github et qu’il vous ait donc possible de signaler les éventuels bugs que vous rencontrez ou encore récupérer les toutes dernières versions de la librairie.

Alors, pensez-vous que lessphp pourrait améliorer votre code CSS ?

Pour plus d’informations

• Site officiel de lessphp
• Site officiel de LESS (Ruby)
• Documentation de LESS
• Plugin lessphp pour Symphony

Pour vous connecter à un serveur GIT au travers d’une connexion SSH comme cela peut être le cas sur GitHub ou encore Unfuddle, vous devez créer et fournir une clé publique SSH.

Lorsqu’on dispose d’un jolie terminal Unix cela ne pose pas vraiment de problèmes, la commande ssh-keygen est notre amie…

Mais qu’en est-il sur Windows Vista ?

Il existe un logiciel libre fournissant un environnement de travail GIT en mode CLI ainsi que GUI pour Windows Vista appelé msysGit.

Celui-ci fournit également un moyen simple de générer une clé publique SSH, voici comment procéder :

Comment générer une clé publique SSH avec msysGit

Premièrement, vous devez posséder msysGit, ensuite il faut lancer Git GUI pour accéder à l’interface graphique du logiciel.

À partir de là, cliquez sur « Show SSH Key » dans le menu « Help » :

Cliquez ensuite sur « Generate » pour lancer l’utilitaire de création de clé publique. Ne renseignez pas de mot de passe, cliquez simplement sur OK à chaque fois.

Une fois la clé générée, il ne vous reste plus qu’à la copier coller dans votre interface GitHub, Unfuddle ou autre

Serveurs Git gratuits

J’en profite pour vous donner les adresses de deux serveur GIT gratuits, Unfuddle ayant la particularité de proposer un nombre illimité de dépôts SVN / GIT privés !

• Unfuddle
• GitHub

Voici un script shell basique permettant de lancer la compilation de mangos sous linux en une seule commande. Ce n’est pas très évolué mais ça peux être pratique

How to :

1. Téléchargez le fichier update.sh dans le répertoire contenant vos sources GIT
2. Exécutez : chmod 777 ./update.sh
3. Exécutez : ./update.sh pour lancer la compilation

autoreconf --install --force
aclocal
autoheader
autoconf
automake --add-missing
automake src/bindings/ScriptDev2/Makefile
mkdir objdir
cd objdir
../configure --prefix=/home/mangos --sysconfdir=/home/mangos/etc --enable-cli --enable-ra --datadir=/home/mangos
make
make install
make clean
cd ..
echo Compilation terminee

N’oubliez de patcher au préalable votre dépôt GIT avec ScriptDev2 grâce à la commande :

git am src/bindings/ScriptDev2/patches/MaNGOS-xxxx-xx-xx-ScriptDev2.patch