html – SMsoft – informatica e dintorni

Framework CSS, quale scegliere?

admin — Tue, 08 Oct 2013 09:30:47 +0000

Ci sono tanti framework CSS e potrebbe essere difficile decidere quale scegliere.

Vi segnalo il sito http://usablica.github.io/front-end-frameworks/compare.html che contiene un guida comparata tra i vari framework CSS.

Io ho optato per twitter bootstrap e voi?

enjoy!

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

admin — Tue, 07 Dec 2010 08:46:25 +0000

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

admin — Tue, 19 Oct 2010 16:25:04 +0000

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 ... Leggi tutto

Comprimere il codice Javascript

admin — Fri, 19 Feb 2010 10:24:24 +0000

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)

admin — Fri, 22 May 2009 07:19:20 +0000

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;