SMsoft – informatica e dintorni

varie su OSX, GNU/Linux e l'Open Source

vim: estendere il matching % per HTML, LaTeX, ed altri linguaggi

Per creare le mie applicazioni web, mi affido sempre al famoso vim.
Chi usa vim come editor per linguaggi di programmazione (dal C al PHP e via dicendo), sicuramente apprezza la funzionalità di matching che può essere avviata con il carattere % (ad esempio ci si posiziona su una parentesi, si preme il tasto % ed automaticamente il cursore si sposta sulla parentesi di apertura/chiusura del blocco).
C’è una comoda estensione di vim che si chiama matchit che espande tale funzionalità ad altri linguaggi, come HTML, XML, LaTeX, etc.
L’installazione è molto semplice. Ipotizzando di usare vim 6 o 7, basterà accedere alla cartella personale di vim:

cd ~/.vim

scaricare l’ultima versione di matchit:

wget http://www.vim.org/scripts/download_script.php?src_id=8196 -O matchit.zip

decomprimerla:

unzip matchit.zip

a questo punto avviare vim con:

vi

e digitare:

:helptags ~/.vim/doc

per ricostruire il tag-file.
Infine inserire nel vostro file vimrc:

vi ~/.vimrc

le seguenti righe:

source ~/.vim/plugin/matchit.vim
filetype plugin on

A questo punto potete aprire un qualsiasi file html, posizionarvi su un TAG (es body) e premendo il tasto % verrete automaticamente “portati” sul relativo TAG di chiusura (es /body)

enjoy

Testare la grafica di un sito su varie versioni di Internet Explorer

Sicuramente vi sarete accorti che utilizzo un Mac (per molte ragioni che non sto qui ad indicare), ma quando rilascio un sito o un’applicazione web è necessario testare il tutto anche con Internet Explorer. Per farlo utilizzo una macchina virtuale con windows gestita dall’ottimo VirtualBox di Oracle e l’applicativo IETester che consente di visualizzare il sito avendo il rendering delle varie versione di Internet Explorer disponibili.

enjoy

Comprimere il codice Javascript

Sicuramente vi sarà capitato di vedere codice javascript indecifrabile incluso in pagine web. Questo significa che il codice è stato compresso, ovvero si sono rimossi spazi e caratteri inutili (commenti, etc) ed i motivi sono essenzialmente due: rendere illegibile il codice e ridurre la dimensione dello script, velocizzandone il caricamento.

Tra i vari tool che consentono di farlo, volevo segnalare YUI Compressor. Si tratta di un applicazione scritta in java e quindi sarà necessario averlo installato (almeno la versione 1.4).

Dopo aver scaricato YUI Compressor, potremo comprimere il nostro javascript con il seguente codice:

java -jar yuicompressor-2.4.2.jar --type js filejavascript.js > filejavascript.min.js

dove filejavascript.js il il file originale e filejavascript.min.js sarà il file compresso

min-height cross-browser (IE, FF)

La proprietà min-height non viene gestita (come a solito) allo stesso modo da tutti i browser. Di seguito un hack per avere lo stesso risultato sui vari browser:

height: 20px;
height: auto !important;
min-height: 20px;

Page optimized by WP Minify WordPress Plugin