TheJoe.it Into the (open) source

29mar/114

GTranslate: un widget per la traduzione automatica

290711045_020a5e262a_m

Oggi vediamo da vicino uno degli automatismi che più mi hanno semplificato la vita sul web. Molti di noi conosceranno gli "Strumenti per le lingue" offerti da Google, ma non tutti sanno che è possibile integrare i bottoni "bandierina" all'interno del proprio sito per effettuare una traduzione automatica, istantanea di tutto il contenuto senza che cambi l'indirizzo nella barra dell'URL. Sto parlando di GTranslate, una libreria che si occupa appunto della traduzione istantanea di tutto il contenuto che trova in una pagina; e un esempio lo potete vedere cliccando sulle bandierine nella colonna di destra, in alto su questo sito. In questo caso la libreria è integrata in un plugin per WordPress (il motore che fa "girare" questo blog), ma è possibile utilizzarla con qualsiasi sito, anche con pagine HTML statiche.

25mar/114

Bottoni menu di navigazione con CSS Sprites

dito_cattelan2

Nel tutorial di oggi torniamo a parlare di grafica HTML ed integrazione CSS. In un mio articolo di qualche mese fa parlavo della tecnica (largamente usata anche da Google) dei CSS sprites. In pratica consiste nell'inserire la maggior parte di immagini ripetute più volte all'interno della pagina in un'unica grande immagine, che verrà richiamata più volte con il nostro CSS.

Per una questione di preferenze personali tendo ad evitare di usare Gimp ogni volta che devo creare una diversa voce del menù di navigazione, preferisco creare i soli sfondi dei bottoni e poi ragionare sugli stili tramite i CSS. In questo modo innanzitutto il menù è meglio indicizzato dai motori di ricerca, in secondo luogo evito di "sprecare" il tempo per crearmi ad ogni bottone una nuova immagine.

18mar/117

Tutorial: testo infuocato / fumo con Gimp

flames_ico

Nuovo tutorial per oggi. Il tutorial di oggi è molto semplice, uno dei primi che ho seguito, forse uno dei più abusati. Ad una scritta aggiungeremo l'effetto "infuocato" o l'effetto "fumo".

Per prima cosa creiamo una nuova immagine. La mia misura 640 x 480 pixel.

11mar/112

Ciao Dingo!

Dingo, sei stato veramente una bella "storia", breve; di appena sei mesi, ma bellissima.

Grazie per averci divertiti ogni volta che inseguivi la luce della torcia, grazie per esserti sempre fatto riconoscere con il tuo inconfondibile miagolio, grazie per tutte le volte che ti mettevi ai piedi del letto dei miei genitori a dormire, grazie per tutte le volte che pur di venire vicino a me ti sdraiavi sulla scrivania, o peggio sulla tastiera, grazie per tutte le volte che "strappavi" il bastoncino dalle mani della Vale per mangiartelo in tre bocconi, grazie per ogni volta che hai giocato con la coda del cane, grazie per essere stato un fotomodello eccezionale, grazie per tutte le volte che giocavi con i cavi della mia chitarra, o con la pallina verde sulle scale di casa mia, grazie per tutte le volte che ti pulivo il nasino dalla polvere che "sniffavi" dalla cantina (chissà poi dove ti sarai cacciato), grazie anche per tutte le volte che ti ho beccato a bere dal cesso (doveva essere veramente buona quell'acqua)...