Sto usando SASS e Compass da più di un anno ormai, e sono giunto alla conclusione che è una delle migliori soluzioni attualmente esistenti in grado davvero di potenziare e portare ad un livello successivo le capacità di scrivere codice CSS semplice e leggibile. Alcune delle sue caratteristiche chiave come selettori annidati, variabili, mixin e funzioni sono davvero preziose per me.
Installare ed iniziare subito ad usare SASS e Compass è abbastanza semplice e facile su Ubuntu o qualsiasi altro sistema operativo, come ad esempio usarlo in combinazione con Sublime Text 2 in Windows, e bastano due righe su terminale per far compilare automaticamente il codice. Tuttavia, avere una interfaccia grafica che velocizzi quei comandi per noi può essere utile.
Una fra queste è Compass.app, è una applicazione scritta in Java (JRuby) in modo che possa essere eseguito su Linux, Mac e Windows. L’applicazione in sé non è gratuita, ma dal momento che gli sviluppatori hanno reso il codice open-source, è possibile compilare legalmente la propria copia scaricando il sorgente dal loro repo git.
Ecco come compilare Compass.app
1. Assicurarsi di avere il JDK ufficiale o open-jdk installato lanciando uno dei seguenti comandi da terminale:
sudo apt-get install openjdk-6-jdk
oppure
sudo apt-get install openjdk-6-jdk
2. Scaricare l’ultima versione di JRuby da qui ed estrarlo nella cartella home, quindi rinominare la cartella “jruby”;
3. Aprire il terminale (Ctrl+Alt+T) e digitare il comando seguente per aggiungere JRuby al percorso di sistema:
echo PATH=\$PATH:\$HOME/.jruby/bin >> .bashrc
4. Aprire un nuovo terminale ed eseguire il seguente comando per installare Rawr Package Manager:
jruby -S gem install rawr --source http://gems.neurogami.com
5. Clonare la fonte Compass.app da GitHub:
git clone git://github.com/handlino/CompassApp.git "CompassApp"
o se git non è installato, utilizzare il seguente comando per installarlo:
sudo apt-get install git
6. Cambiare la directory corrente passando alla cartella CompassApp con:
cd CompassApp
7. Infine compilare CompassApp:
jruby -S rake rawr:bundle:all
Una volta che la compilazione è conclusa, è necessario spostare il risultato della compilazione all’interno di CompaassApp/packages/linux ed eseguire il file run.sh per avviare l’applicazione. Per velocizzare il tutto, è possibile caricare ed eseguire questo script all’interno della cartella CompaassApp/packages/linux.
In breve, lo script sposta la cartella compass.app e crea un collegamento al desktop per accedere Compass:
mv compass.app ~/.compass.app;
{ echo [Desktop Entry];
echo Type=Application;
echo Name=Compass.App;
echo Comment=Compass.App;
echo Icon=$HOME/.compass.app/lib/images/icon/512.png
echo Exec=.compass.app/run.sh;
echo Terminal=false;
echo Categories=Development\;;
echo StartupWMClass=Compass; } >> ~/.local/share/applications/CompassApp.desktop;
chmod +x ~/.local/share/applications/CompassApp.desktop;
Via | solancer
