feb 12

A volte, quando si spediscono le email, si vorrebbe poter aggiungere una firma identificativa, magari con il noioso (e un po’ inutile) testo sulla privacy del messaggio. Con i programmi di posta elettronica (Thunderbird, Outlook, Outlook express, ecc.) è facile includere la firma in un formato HTML che la renda più gradevole e professionale… ma se, come me, ormai utilizzate più spesso il Webmail di Gmail forse vi sarete ritrovati nella necessità di inserire la firma… e non poterlo fare!

Già, perché nelle opzioni di Gmail c’è l’opportunità di inserire una firma… ma di semplice testo. Non capisco perché limitare tanto una cosa così semplice come l’inclusione di un pezzo d’HTML nell’email. Tant’è… navigando un po’ in giro mi sono imbattuto nelle soluzioni più disparate (aggiungere Greasemonkey, BetterGmail, ecc. ecc.) e comunque contemplano tutte l’utilizzo di Firefox e di un’estensione. A questo punto ho cercato tra i componenti aggiuntivi (l’approccio semplice spesso è quello corretto) ed ho trovato questo splendido programma: WiseStamp.

Questa estensione (disponibile per Chrome, Flock, Thunderbird e ovviamente Firefox) permette di includere nei propri messaggi di Webmail delle firme personalizzate HTML. Addirittura è possibile impostare più firme e scegliere, di volta in volta, quella più appropriata. Una volta installato e personalizzato, infatti, quando scriverete la vostra mail, sulla barra degli strumenti apparirà il pulsante di WiseStamp e potrete scegliere una firma diversa da quella che avrete impostato di default.

La cosa bella è che potrete inserire nella vostra firma anche tutti i riferimenti di istant messaging, social network, ecc. pure in “formato a rotazione” per avere sempre una firma accattivante.

Se utilizzate Gmail e volete rendere veramente professionali (o tamarre :lol: ) le vostre firme, questa estensione è un “must have“!

ott 09

Avete notato la “piccola novità“? No? Mh… osservate meglio nella barra del vostro browser, di fianco al nostro indirizzo internet… ecco, si proprio lì: la nuova Favicon del sito! :smile:

Si, lo so, non è questa gran novità… però è carina e contraddistingue il sito ancor di più. Siete invidiosi perché nel vostro sito non avete una favicon? Nessun problema oggi vi parlo di un’utilissima applicazione Web direttamente dal sito HTML Kit: FavIcon from Pics!

Se cliccate sul link qui sopra, verrete portati ad una pagina dove vi verrà chiesto (in inglese purtroppo) di caricare l’immagine dalla quale ricavare la favicon per il vostro sito. Dopo qualche istante di upload vi appariarà una pagina con la preview della vostra favicon sia in versione statica che animata e potrete modificarla a vostro piacimento selezionando le opzioni di generazione.

Una modifica divertente che potete fare alla favicon animata è aggiungere una scritta che verrà visualizzata come scorrimento orizzontale. Per inserire, poi, la favicon direttamente nel vostro sito vi basterà: caricare la favicon dove volete voi e aggiungere il codice HTML generato all’interno del tag “head“. Più facile di così… ;-)

Ah, dimenticavo, potete anche decidere di “pubblicare” le vostre Favicon direttamente nel sito per condividerle con gli altri!

dic 22

Avete visto un particolare colore su un sito, su un programma o su qualsiasi cosa viene mostrato sul monitor e volete prelevarlo per i vostri siti web?

ColorPic è un programmino semplice e intuito: attivandolo potrete usare il mouse sulla posizione dove volete prelevare il colore e ottenere il relativo codice esadecimale.

ColorPic è free e potete prelevarlo da qui

giu 26

Se avete seguito l’articolo su come configurare MySQL (oltre ai precedenti step dedicati a Ruby e al suo framework), dovreste essere pronti ad effettuare un programma di prova in grado di stabilire una connessione alla base dati.

Prima di tutto dovete avviare MySQL aprendo una finestra prompt DOS e digitare il seguente comando:

net start mysql

Una volta premuto invio e visualizzato il messaggio di conferma, possiamo accedere al DB

mysql -u root

Dobbiamo creare un database e una tabella di prova adesso, lo chiameremo hoshi e film

create database hoshi;
use hoshi;
create table film(
id VARCHAR(3),
titolo VARCHAR(40),
regista VARCHAR(20)
);

(continua…)

giu 09

Volete fare un bel template per il vostro blog WordPress ma non riuscite a racapezzarvi tra la marea di file, immagini, inclusioni ecc.? Vi presento oggi Templatr.cc, un generatore di temi wordpress; anzi a dire il vero è un editor online di temi wordpress che vi permetterà con pochi semplici passi di gestire e formare il tema dei vostri sogni!

Cosa serve? Beh, innanzitutto è necessario conoscere un po’ di HTML ed aver già predisposte le immagini da inserire. Dopo di che si accede al sito http://templatr.cc/ e si procede con l’editing. Devo dire che questo editor si rivela particolarmente comodo per capire la struttura di fondo di un template WordPress. Probabilmente dopo un paio di utilizzi già riuscirete a padroneggiarne la struttura e quindi a fare a meno dell’editor ma l’ulteriore comodità risiede nel fatto che potete vedere direttamente gli effetti della modifica che state effettuando: questo è web 2.0 e WYSWYG!

Image Hosted by ImageShack.us

apr 29

Qualche articolo fa avevo risaltato l’interesse che avevo per il linguaggio di programmazione a oggetti chiamato Ruby inventato da un programmatore giapponese.

Ho potuto apprendere al momento solo le regole sintattiche basilari ma a primo impatto l’ho trovato abbastanza semplice e interessante. Ancora non ho potuto capire bene le vere potenzialità in ambito web (dovrei cominciare a dare un’occhiata al framework MVC RubyOnRails che è stato il vero trampolino di lancio per il successo di Ruby) ma ho potuto osservare una tipologia di sintassi già meno stressante rispetto a Java: TUTTO E’ OGGETTO in Ruby e qualunque cosa è a nostra disposizione.

Ammetto che questa è una spiegazione molto da neofita.

Chi già ha domestichezza (ma anche chi non ce l’ha) e mastica l’inglese può affacciarsi a questo liguaggio grazie a TryRuby! Un tutorial online che ti guida e ti spiega l’abc del linguaggio e i suoi strumenti.

Alla prossima per un articolo magari più approfondito ;)

feb 19

Un’idea semplice e geniale allo stesso tempo. Originale e divertente che fa di questo sito monopagina un must da vedere. Attraversando le varie sezioni del sito, questo scrollerà dall’alto verso il basso “trascinando” la traccia di colore come se “colasse” (To Bleed infatti significa sanguinare). L’utilizzo del Javascript Tinyscrolling rende la cosa ancor più evidente.

Image Hosted by ImageShack.us

gen 13

Al lavoro in questo periodo mi sto dedicando all’analisi delle pagine web del nostro applicativo che dobbiamo mantenere.

Queste pagine (JSP ovviamente dato che parliamo sempre di una applicazione Java) presentano funzioni Javascript e addirittura implementazioni di Ajax (linguaggio asincrono misto Javascript-XML). Cose che non conosco benissimo e quindi sono stato costretto a documentarmi.

La difficoltà di linguaggi web lato client quali Javascript è che non esistono molti ambienti di sviluppo capaci di compiere operazioni di compilazione e di controllo sintattico sul nostro codice.

Su un forum però ho trovato una estensione per Firefox molto interessante: si chiama FireBug.

Grazie a FireBug, se vediamo che il nostro codice non funziona correttamente, possiamo esaminare passo dopo passo il codice in esecuzione utilizzando gli appositi breakpoint (noti in ambienti di sviluppo come Eclipse, già accennato nel precedente articolo). Questa operazione tecnicamente si chiama Debug perchè, come dice il nome stesso, guardando riga per riga è possibile scovare il bug che ci impalla tutto quanto il nostro codice. Una di quelle utility fanno sempre comodo.

ago 14

Anche voi contagiati dal Web 2.0?
Ecco qui un veloce generatore di siti internet Web 2.0 style (beh, più o meno!)… peccato però non siano veri e propri siti funzionali…ma solo degli esempi, delle basi. E’ possibile però salvare sul proprio pc la pagina creata ed editarla modificando il testo ed i collegamenti…per poi pubblicarla.
Ecco uno screenshot del mio tentativo…naturalmente sul rosa!

Se poi non avete idea di un nome adatto al vostro nuovo sito… ecco qui il generatore di nomi per siti web 2.0! Imperdibile! Così non avrete bisogno del brainstorming! E’ anche possibile controllare direttamente la disponibilità del dominio relativo al nome scelto.