Un box espandibile in css

Prendo spunto da un post su WebDesignerWall, nel quale viene spiegato come creare un box espandibile in larghezza e altezza all’ aumentare o diminuire della grandezza del testo che non mi ha sopreso più di tanto visto che gia c’ era qualcosa di simile, per descrivervi un’ altra tecnica più semplice e veloce che ho utilizzato di recente. La differenza è che l’ altezza sarà variabile ma la larghezza fissa, cosa che può evitare problemi in molte situazioni.

figura box espandibile arrotondato

Read More »

Sito della settimana: marius roosendaal

Portfolio di un freelance olandese.

mr

Tutorial: disegnare linee radiali in photoshop

In molti siti si può notare l’ uso di linee radiali come immagini di sfondo specialmente nell’ header (in questa galleria potete chiarvi le idee). Proviamo a replicare l’ effetto con photoshop:

radial deswign

Read More »

Come scrivere fogli di stile sexy

Questo è il titolo di un interessante articolo di Jina Bolton nel quale ci consiglia 10 trucchi per scrivere css : “diventare esperti di css non vuol dire solo imparare a memoria i selettori, ma anche sapere realizzare fogli di stile efficenti”. Vi riporto un riassunto (cercando di tradurre al meglio) :
Read More »

Il best del 2007

Sarà forse perchè siamo a fine anno ed è tempo di bilanci, ma in questo periodo ho trovato molti post circa i migliori lavori de 2007. Ecco allora una lista da spulciare con attenzione magari proprio durante le vacanze, per trovare l’ ispirazione giusta:

best of 2007

Lavorare con i file .ico in photoshop

Spesso può essere necessario creare dei file con estensione .ico, formato utilizzato specialmente per le icone e per le favicon. Photoshop purtroppo non gestisce di default questo formato ma per poterlo usare basta installare un plugin:

favicon deswign

Read More »

Risorse utili: ispirazione, texture, icone, vettori

Un’ anteprima di html5

Su ALA oggi ho letto un articolo che anticipa alcune novità del html5: una che mi ha lasciato felicemente sorpreso è il diverso modo di scrivere il markup della struttura del layout, in pratica al posto dei div si potranno utilizzare direttamente degli elementi (l’ immagine vi fa capire meglio) con un notevole miglioramento nella pulizia del codice.

div

classico layout

html5

lo stesso layout in html5

Altra novità interessante sarà la gestione dei file video e audio, vi incollo del codice per capire meglio:

<video poster="poster.jpg">
width="320" height="240"&gt;
<a href="video.ogv">Download movie</a>
</video>
<audio>
<a href="music.oga">Download song</a>
</audio>

L’ articolo si chiude con le differenze nell’ uso dell html e del xhtml.

I migliori tester per l’ usabilità..

ma chi se non i vostri amici! se avete bisogno di testare l’ usabilità di un sito prendete un vostro parente o un amico, purchè non sia un navigatore assiduo, e chiedetigli di trovare una sezione all’ interno di esso: tracciate le sue azioni, il tempo che impiega, gli errori che compie, etc.. non sono drogato, tutto ciò mi è venuto in mente 2minuti fa quando mio fratello si arrabbiò per non esser riuscito a trovare i concessionari di Roma nel sito della Suzuki, quando io con appena tre click ero arrivato alla pagina necessaria e nonostante glielo avessi mostrato anche il suo successivo tentativo è fallito..

Link: 03/12/2007