Cari utenti e utilizzatori del CMS per realizzare blog più utilizzato di tutto il mondo e quindi WordPress, girando per il blog degli sviluppatori ho letto questa importantissima notizia, cioè del restyling che verrà adottato nella versione che sta per uscire ( 2.7 ).

Il Restyling grafico occuperà principalmente il menu di amministrazione e quindi compresa anche la DashBoard iniziale del menu utente. Queste modifiche faranno apparire il menu sulla sinistra con il quale potremmo effettuare tutte le operazioni che si facevano con il vecchio menu “Celeste” che c’è nella versione 2.6.
Lo sfondo invece di esser bianco lo hanno fatto diventare grigio ed inoltre hanno modificato tutti i vari pulsanti facendoli diventare ancora più stondati di quelli della vecchia versione.

Per ora tutte queste news che vi ho sopra citato sono state prese dal blog ufficiale, questo perchè hanno inserito degli snap shot del nuovo menu, che ho visto e che vi inserisco qui sotto…

Avete visto queste due immagini? Beh che ne dite di questo bel Restyling? Io penso che sia molto bello e sopratutto azzeccato! Ci voleva proprio una bella modifica di quel menu che onestamente a me non è mai piaciuto.

Aspetto vostri commenti!

Grazie a Favicon.cc da oggi potremmo realizzare centinaia di Favicon con il nostro bel mouse. Infatti grazie a questo splendido sito tutto in stile Web2.0, avremmo a disposizione un pennello ed un’area di disegno nella quale dovremmo disegnare proprio noi con il nostro mouse la nostra Favicon.

La grafica del sito è molto semplice e anche l’utilizzo dello stesso è semplicissimo, infatti come avrete potuto capire appena accederete al sito verrà visualizzato al centro della pagina l’area di disegno; sulla destra invece avremmo la possibilità di scegliere il colore del nostro pennello grazie al comodo Color Picker. Nella stessa sezione del Color Picker potremmo selezionare l’opzione “transparent” cioè far diventare il pennello di colore trasparente e quindi prendere il colore di sfondo del browser in qui verrà visualizzata la Favicon; inoltre potremmo prendere un colore all’interno della nostra area di disegno grazie al comodo Pick Color.

La chicca di questo sito è la possibilità di visualizzazione della Favicon che stiamo disegnando all’interno del nostro browser, infatti se ci facciamo caso ogni qual volta modificheremo il disegno anche la Favicon sul nostro browser verrà modificata, oppure se il nostro browser non supporta le Favicon potremmo visualizzare comunque il preview grazie all’area “Preview” che si trova direttamente sotto all’area di disegno.

Un’altra piccola ma carinissima chicca di questo sito è la possibilità di uploadare una nostra immagine che abbiamo all’interno del HDD e trasformarla nella Favicon. Si avete capito bene, realizzare Favicon da delle immagini salvate nel nostro PC, naturalmente l’effetto grafico è molto scarso dato che da miliardi di Pixel l’immagine verrà rimpicciolita in soli 256 Pixel le dimensioni effettive di una Favicon. Diciamo l’immagine che verrà visualizzata all’interno dell’area di disegno prenderà in grandi linee l’immagine che avremmo uploadato in precedenza.

Alcuni Browser supportano anche la possibilità di visualizzare delle Favicon in movimento e quindi in gif. Per realizzarne una basterà cliccare su “Use Animation” sotto all’area di disegno, una volta cliccato su di esso verranno visualizzate tutte le opzioni per impostare e realizzare tutti i frame che comporranno la gif finale.

Una volta realizzata la nostra bella Favicon e visualizzata grazie al Preview come verrà visualizzata all’interno dei browser, non ci rimarrà che effettuare il download della stessa, questo grazie al pulsante “Download Favicon” che si trova proprio sotto il Preview. Cliccando su questo pulsante partirà il download del file “favicon.ico” che dovrete uploadare tramite FTP all’interno della root del vostro dominio.
Alcuni servizi web riconoscono in automatico la favicon perchè fanno richiesta al server per vedere se il file “http://www.miodominio.it/favicon.ico” esiste o meno, altri invece hanno bisogno di leggere all’interno dell’header delle nostre pagine web. Per fare ciò dovremmo inserire all’interno dei tag “<head> </head>” delle nostre pagine, questo codice HTML “<link rel=”shortcut icon” href=”http://www.miodominio.it/favicon.ico”>“; naturalmente è chiaro che l’estensione .it è per esempio ogni WebMaster dovrà inserire la propria!

Se vorremmo vedere se la nostra Favicon è stata installata alla perfezione all’interno delle nostre pagine e quindi del nostro server, basterà andare al suddetto Favicon Validate: http://www.html-kit.com/favicon/validator/

Da oggi grazie a Wufoo, potremmo creare la bellezza di 3 form dati da inserire in qualunque sito o blog… tutto in stile web2.0 con pulsanti di submit molto carini e colorati e sopratutto con un tema del form realizzato da noi stessi con il nostro mousino!

Wufoo è un servizio a pagamento ( Ad Infinitum € 199.95 per mese ), ma permette agli utenti registrati di provare GRATIS le potenzialità del servizio senza nessun limite di tempo, ma restringendo alcuni parametri come ad esempio il numero di form realizzabili & il numero di utenti che lo possono modificare. Grazie all’account Free, possiamo realizzare 3 form modificabili da 1 utente, avere 3 reports e 100 form inviabili al mese.

Questo servizio è utile a chiunque voglia realizzare form in qualsiasi modo e forma per farli compilare ai propri utenti direttamente online, ad esempio un form di registrazione o qualunque altro form; mettiamo ad esempio un sondaggio fai da te o comunque per raccogliere informazioni dei nostri utenti che visualizzano il nostro sito internet o blog che sia!

Una volta effettuata la registrazione ed entrati nell’amministrazione dei form grazie al pulsante “Create Form” potremmo realizzare il nostro primo form gratis. Una volta cliccato su di esso, verrà caricata una nuova pagina dove visualizzeremo sulla sinistra tutti i field disponibili come ad esempio il campo di testo singolo o come un menu a tendina o addirittura il campo data; insomma tutti i campi di testo di un signor form che si vuol rispettare. L’unica limitazione, come ho scritto nelle righe precedenti, che nella versione free è possibile inserire un massimo di 10 field quindi bisognerà gestire bene tutti i filed per ottenere il massimo dal nostro form.

Cliccato sul field che vorremmo aggiungere al nostro form, wufoo tutto in automatico senza aggiornare la pagina e sopratutto grazie ad Ajax e al CSS aggiungerà il field sull’area bianca al centro della pagina. Quell’aria bianca non è altro che il preview del nostro form; cosi riusciremo a visualizzare in modo perfetto quello che stiamo facendo. Una volta inserito tutti i nostri vari field, possiamo passare alla modifica di loro stessi, cioè impostare alcuni parametri indispensabili per la perfetta esecuzione del form da parte dell’utente.
Ad esempio potremmo impostare il campo “Required” cioè che se l’utente non compila quel field il form non verrà inviato, o ad esempio potremmo scrivere le informazioni di aiuto che il webmaster inserirà per aiutare l’utente alla compilazione dello stesso field.

Il form naturalmente ha anche delle opzioni generali, come ad esempio il titolo, la descrizione, la lingua dello stesso; tutte questi parametri e non solo possono essere modificati grazie al pulsante “Form Setting” in alto a sinistra, all’interno del menu modifica del form. Piano piano progetteremo sempre più dettagliatamente il nostro form personalizzato realizzato grazie a questo semplicissimo form builder.

La chicca principale di questo sito è la possibilità di modificare il template del nostro form, questo perchè il form viene hostato da wufoo e quindi non avremmo nessuna possibilità di modifica del codice CSS o HTML del form; grazie al menu “Themes” potremmo realizzare tutti i nostri template personalizzati, potremmo ad esempio linkare il nostro logo o comunque modificare il colore di sfondo. Questo strumento non si ferma solo a linkare il nostro logo o modificare il colore di sfondo ma ci permette di modificare qualsiasi aspetto del nostro form, come il colore dei link, dei titoli dei field, dei pulsanti di submit ecc… addirittura potremmo importare un CSS da qualunque sito o comunque hosting file. Naturalmente per importare un CSS dovremmo prima scaricare il “Wufoo Theme Kit” che ci permette di carpire tutte le varie classi ed ID del CSS che dovremmo modificare noi stessi!
Una volta realizzato anche il nostro tema personalizzato, per associarlo ad uno dei form realizzati in precedenza basterà andare nella sezione “Form” e cambiare tramite il menu a tendina l’opzione “Default Theme” nel nome del nostro tema; questo andrà effettuato per ogni form che avremmo realizzato perchè wufoo associa il tema di default per ogni nuovo form creato.
Se invece non siamo molto bravi ad abbinare i colori o semplicemente siamo troppi pigri per selezionare ogni opzione del Theme editor, potremmo scegliere tra i molteplici temi già realizzati dallo staff di wufoo e vi garantisco che sono veramente molto carini e gradevoli alla vista!

Arrivati a questo punto tutti vi starete chiedendo come facciamo a far visualizzare i nostri form tutti belli personalizzati sia nei field che nei template ai nostri utenti… Beh niente di cosi difficile, basta andare nel menu “Form” selezionare l’opzione “Code” relativo al form del quale vorremo avere il link ed i relativi codici possibili che wufoo ci mette a disposizione. Una volta cliccato sul pulsante “Code” verrà caricata un’altra pagina con tutte le varianti di codici disponibili: Link, Embed, Download del file intero, PopUp, Download del file XHML/CSS e per ultimo l’email il modo più comune per inviare i link ad i nostri amici.

Questo è un’esempio finale di un form realizzato da me stesso: Fill out my form!

Invece se volete visualizzare alcuni esempi di form e di template disponibili c’è sempre la possibilità di visualizzare la Gallery: http://wufoo.com/gallery/

Insomma grazie a questo Wufoo potremmo realizzare davvero dei form degli del nome tutti in stile web2.0 e con colori personalizzati di nostro gradimento!

Beh non penso che per questo articolo ci sia molto da scrivere… basta vedere i seguente video hostato su YouTube: