GFdesigner BloG

Design e MicroBlogging - Fit to Page

2012-01-11T01:05:00.000-08:00

Tra le tante particolarità che un sito web deve avere, oltre ad accessibilità, buona visibilità ed una grafica accattivante, è l'istantaneità. Che cos'è ? Col passare del tempo la rete è cresciuta in maniera esponenziale, milioni di notizie ci vengono proposte ogni giorno sugli argomenti più disparati, come facciamo a leggere tutte quelle che ci interessano veramente ? Ecco perchè le notizie devono essere compresse e facilmente individuabili,con la barra di ricerca ben visibile: se un sito web presenta una home troppo lunga e caotica probabilmente perderà il lettore.

La navigazione dell'utente può essere distinta in due fasi fondamentali: quella di ricerca e quella di studio.

Durante la fase di ricerca, l'utente ha una soglia di attenzione molto bassa, in cui si sofferma su una pagina per NON più di 10/30 secondi, legge freneticamente tutti gli argomenti presenti e non trovando quello a lui gradito andrà via. Per questa ragione è meglio inserire in home page i titoli dei post ben marcati ed una descrizione sommaria di 255 caratteri. Più ce ne sono meglio è certo non bisogna esagerare.

Alla fase di ricerca segue quella di studio in cui l'utente, avendo trovato quel che gli interessa, si sofferma per delle ore a studiare e comprendere il contenuto dell'oggetto della sua ricerca.

Quel che vorrei mostrarvi oggi è una bellissima interfaccia grafica che ho utilizzato per il blog di una personaggio famoso, che consente al fruitore di organizzare i contenuti nella pagina come meglio crede.

Questa interfaccia grafica, realizzata utilizzando le librerie jQuery, prende spunto dalla tabella periodica degli elementi e con il nome di "Isotope" sembra , neanche a farlo apposta, voler spezzettare il nostro sito in subparticelle più piccole, ben differenziate, rendendolo più veloce da leggere e graficamente appetibile, dandoci accesso istantaneo alla notizia tramite il riquadro espandibile. Potete vederlo in azione sul sito ufficiale isotope.metafizzy.co.

Nella fattispecie, per un sito web quel che vi potrebbe interessare è la distinzione dei contenuti come articoli, immagini, video, musica, downloads etc etc che trovate in uno degli esmpi Flash .

Sicuramente un modo carino per interagire con gli utenti e metterli nella condizione di individuare subito i contenuti richiesti.

Tanti Auguri per uno stiloso 2012 a tutti.

2011-12-31T08:28:00.000-08:00

Tanti tanti auguri per il nuovo anno che sta per arrivare all'insegna dello stile, del buon gusto e della creatività.
Vi auguro gioia e fortuna nella vita di tutti i giorni, sperando che questo 2012 sia un anno prolifico e sereno per tutti. Tanti Auguri agli amici vicini e lontani, ai parenti, ai divulgatori sociali maniscalchi della mente (@davidelico, @Cla_Gagliardini, @RudyBandiera, @RobinGood, @insopportabile), ai più @Geekissimi, ai più Glamours (@JuliusDesign, @ChiaraFerragni ), agli Hackers (@JulianAssange_ e @wikileaks), alla mia radio @radiodeejay , ai compositori digitali del futuro e @DrSurfreak , ai Vjay e a @Naffintusi , a quelli che ci fanno ridere nei momenti di disperazione @BabboDiMinchia e agli stronzi che ci mettono il carico, ai Capi di Stato senza scrupoli, al Papa e a Benetton e a tutti quelli che non ho potuto nominare solo perchè ci vorrebbe 1 anno per citarvi tutti.

Che ognuno di voi possa stupire se stesso e gli altri con qualcosa di nuovo ed irripetibile, con una musica, con una composizione artistica, con un' idea che finalmente vi spalanchi quel portone che per troppo tempo è rimasto chiuso, perchè troppo spesso, il successo, arriva per chi non se lo merita.

Grazie a tutti, brindo a noi, cin cin !!

I Nuovi Designers 2012 - I Paladini della Terra

2011-12-21T18:08:00.000-08:00

La corrente dei designers futuristici che si sta delineando con tratti sempre più netti e marcati, è costituita da professionisti e studenti che collaborano, che condividono e mettono in cantiere idee sulla base di concetti che NON sono puramente estetici; esperti come ingegneri, fisici, matematici, architetti, designers industriali, siedono oggi allo stesso tavolo per trovare , soprattutto a complementi di uso quotidiano , una collocazione all'interno di un sistema che ha come priorità il risparmio energetico, la riduzione dell'inquinamento e la preservazione dell'ambiente. Uno degli esempi, che è possibile vedere in azione nel video, è una maniglia in grado di raccogliere l'energia derivante dal suo utilizzo. Fa riflettere, si pensi a quante maniglie e manigline ci sono in un'abitazione; direi che arrivati a questo punto potremmo immaginare di tutto, anche una tavoletta per il WC in grado di riutilizzare l'infiammabilità dei gas intestinali, per quanto buffa possa essere l'analogia, il concetto è molto profondo e concreto.

Alcuni studi, recententemente effettuati dal National Geographics, rivelerebbero che più del 57% della popolazione globale abbia maturato l'idea di risparmio collegata alla salvaguardia dell'ambiente e alla produzione di energia; E' incredibile, dice il vicepresidente Garcya del National Geographics, constatare che questa nuova consapevolezza sia nata proprio sulla scia della crisi mondiale, facendo maturare l'idea che lo spreco è un male per tutti; la domanda che ci si pone allora è: sopravviverà questo modo comportamentale alla ripresa economica ?
Ci sono buone probabilità ! D'altronde una delle caratteristiche che distingue l'uomo dall'animale è quella di imparare dai propri errori e migliorarsi.

A tal proposito vorrei segnalare una delle più grandi fiere in tema che si tiene negli UK , la New Designers 2012, che nel 2011 ha attratto più di 150.000 visitatori, ed ha presentato i progetti di più di 200 tra laureati e laurenadi, impostata sul tema del risparmio energetico e del ricilaggio.
Ecco un shout.

New Designers 2010 from Design Museum on Vimeo.

La fiera "New Designers 2012" è già in allestimento, ed è aperta a tutti.

Design - La luce che viene dalla stanza stessa.

2011-12-21T11:06:00.000-08:00

Oggi vi mostro uno degli oggetti di design più interessanti del 2011 che hanno attirato non solo la mia, ma anche l'attenzione dei designers più famosi del mondo per l'originalità e la praticità di installazione: quella che vedete nelle seguenti immagini è una semplice lampada che ha la peculiarità di confondersi all'interno della stanza. Il concept ,molto futuristico, è semplice: "luce che viene dalla stanza stessa", quindi, un complemento neutro che non ha bisogno di entrare in sintonia con l'arredo, invisibile, mimetico, autosufficente con una identità propria astratta dal contesto.

Fixtures intending to muddle the barrier between the room and its contents. The lights come from the room itself.

TORN LAMPS by Billy May

Torn Lamps by Billy May

Le sue caratteristiche potrebbero far pensare ad una manutenzione difficoltosa , invece no , l'uso dei led, la cui durata supera di 10 volte e piu la durata delle normali lampade in commercio ( 50.000 ore, contro le 3.000 ore delle lampade ad incandescenza, o le 5.000 ore delle lampade a risparmio e neon) lo rendono un prodotto di sicuro successo , anche dal punto di vista del risparmio energetico.

Risorse Design e suoi derivati. Quando manca l'ispirazione.

2011-12-14T21:06:00.000-08:00

In questo articolo scriverò dove trovare un po di risorse utili per chi ama il design e i suoi derivati. Un tizio famoso diceva:

tutto quel che si poteva inventare/creare ormai è stato creato, adesso si tratta solo di personalizzarlo, farlo nostro e rilanciarlo sotto altra forma

. Personalmente dissento, la vita è fatta di alti e bassi , di ispirazione, amore, gioia, odio e di tutte le altre emozioni, senza esclusioni, che compongo la sfera umana , che in un artista sfociano nell'opera, sia essa musica, scultura, pittura, moda, architettura e perchè no webdesign; ogni opera è unica ed è particolarmente indicativa del momento vissuto, basti pensare ad un pittore che dipinge un paesaggio: quel paesaggio ha sfumature, colori, luci e ombre che potrebbero non essere mai uguali nei giorni a venire.

L'ispirazione non arriva tutti i giorni ,lo sò , e quando arriva potrebbe anche durare. Ma che fare se l'idea proprio non arriva ? Guardiamoci intorno, il web è diventato un mezzo potentissimo per la ricerca dell'ispirazione e degli spunti che ci servono, certo non possiamo seguire tutto tutto, però possiamo seguire le tendenze, "spiluccare" qua e là, e quando finalmente troviamo qualcosa che realmente ci piace, possiamo approfondirla e farla nostra. Anche il webdesign è arte, e quando arriva un nuovo lavoro è una festa, e ci mettiamo subito all'opera per far si che questo progetto sia il più bello realizzato fino a quel momento, di risorse ce n'è, vediamo,quindi, dove poter trovare un po di materiale interessante:

WWW.NOPUE.COM

Portale risorse: CSS, Templates, Jquery, Strategy. Veramente ben fatto, linka nuovi portali emergenti specifici.

BLOG.TEMPLATEMONSTER.COM

Templates: CSS3, HTML5, JQUERY In questo blog trovate novità su templates di ultima generazione, HTML5, CSS3, corredati da sliders jQ.

WWW.OS-TEMPLATES.COM

Templates: CSS3, HTML5, JQUERY Un bel po di templates pubblci,ma soprattutto gratis che ho trovato molto utili per impostare le linee guida dei siti realizzati con ASP.net. Marcatori nell'html che aiutano ad identificare le sezioni per la creazione delle pagine master.

WWW.YOURINSPIRATIONWEB.COM

Design tutto I-TA-LIA-NO ! Non parla solo di design, ma anche di trucchi e consigli sull'ottimizzazione e le novità sul Web. Consigliatissimo per spunti.

NET.TUTSPLUS.COM

Argomenti: CSS3, HTML5, JQUERY, ANIMAZIONI, STRUMENTI INTERATTIVI Consigliatissimo, in lingua inglese, ma ci sono molti spunti.

WWW.JULIUSDESIGN.NET

Si parla di Tutorials con la T maiuscola, Video Inspiration; Risorse dinamiche Jquery e Flash. Grande prolificità con nuovi articoli ogni giorno, e Gallerie zeppe di curiosità.... DA SEGUIRE.

WWW.DEZIGNUS.COM

Artista di origine russa, produce ogni genere di immagini sia raster che vettoriali, tips and tricks su animazioni jQuery. Molto seguito conta più di 8000 feed.

WWW.COLORSCHEMEDESIGNER.COM

Tu scegli un colore il resto lo fa lui !! L'abbinamento dei colori, in gergo chiamato Palettes, è importantissimo nella comunicazione; questo tool ti aiuta con delle palettes randomizzate ben assettate e presenta anche dei presettes a seconda del numero di colori che vogliamo nella nostra palette.

WWW.GOOGLE.COM/WEBFONTS

Semplicemente MI-TI-CO. Quante volte hai desiderato cambiare il noiosissimo Arial font? Ebbene il servizio Google WebFonts ci aiuta ad utilizzare dei fonts che prima avremmo solo potuto sognare, senza dover importare files. Come funziona ? Selezioni i fonts, copi la stringa, che Google ti passa, nell'HEADER della tua pagina web, imposti la classe a cui vuoi assegnare il font. Fatto !

WWW.FAVICON.CC

Disegna e scarica gratuitamente l'icona che vuoi associare al tuo sito web, caricala nella root, ed aggiungi la stringa <link rel="shorcut icon" type="image/x-ico" href="http://www.miosito.net/favicon.ico" /> nell'HEADER della pagina. Facile e veloce.

Restate con me , presto ne pubblicherò molti altri.

Messaggi Subliminali audio - Tecniche di comunicazione occulta

2011-12-13T18:09:00.000-08:00

Ho già affrontato l'argomento "messaggi subliminali nelle pubblicità" in un articolo dedicato alla CocaCola , per chi fosse interessato l'articolo è qui : pubblicita-occulta-e-messaggi.html.

Analizzando il mercato della pubblicità moderna con gli occhi attenti di uno scrutatore integerrimo ed incorruttible, sono riuscito a carpire delle stranezze che hanno dell'incredibile. Da sempre le agenzie pubblicitarie studiano questo mistero che è il cervello umano, effettuano test, inventano stratagemmi per riuscire ad attirare l'attenzione del consumatore. L'ultima pubblicità che sono riuscito a scovare , e che ancora oggi va in onda sulle reti mediaset, sfrutta la nostra assuefazione per facebook, richiamandoci all'attenti in un centesimo di secondo, con una tecnica piuttosto subdola. In che modo ? Guardate questo spot con occhi e soprattutto orecchie ben aperte, sicuramente prima che io possa spiegare, sentirete qualcosa.

Avete sentito ? Esatto ! Quel che si sente all'inizio dello spot in maniera neanche tanto velata è proprio il suono che la chat di Facebook emette quando riceviamo un nuovo messaggio istantaneo. La prima volta che l'ho sentito , mi sono guardato intorno, ero al buio e da solo.... e mi son chiesto: CHI? chi ha ricevuto un messaggio FB ? Ero vicino al PC con la TV accesa, ma non navigavo su internet. Tra me e me ho pensato: "Bene sono davvero fuso, Facebook mi ha completamente sfatto il cervello". Invece NO !

Dopo mezz'ora lo stesso spot viene ritrasmesso ,sullo stesso canale e mi accorgo che il suono proveniva da li. Sono rimasto allibito per il modo in cui, il mio cervello ha reagito a questa rumore, lo scatto è stato del tutto istintivo ed inaspettato. Quando si parla di subliminale non necessariamente si parla di frasi incise al rovescio sui dischi heavy metal, messaggi bisbligliati, fotogrammi o simboli satanici celati tra i video, ma si parla di ingannare la mente per raggiungere un obbiettivo ben preciso. Subito dopo mi sono andato ad informare su questa nuova pubblicità in cui Stefania Mairano, Senior Brand Manager Baileys e Liquori , ha dichiarato di voler utilizzare come canale di diffusione anche internet ed i socialnetwork come facebook. E ce ne siamo accorti, ma per dirla tutta: se non fosse stato per quel suono probabilmente non l'avrei mai notata.

Stesso stratagemma viene utilizzato ora dalla Tim, con il suono di allerta di Skype, il risultato ? E' lo stesso.

Parliamo di Jovanotti: sotto le feste la pubblicità è inevitabile, però dopo il recente accadimento (mi riferisco all'incidente del concerto di Trieste, in cui ha perso la vita il giovane Francesco Pinna) , avrei avuto un pò più di tatto; si sa', le case discografiche badano poco ai sentimentalismi. Guardiamo con più attenzione l'immagine di copertina del nuovo disco di Jovanotti:

Partendo dal presupposto che l'essere umano è un primate evoluto, la cui mente cerca di dare una spiegazione a tutto quel che osserva o fa', ponendo al centro dell'essere la relazione tra causa ed effetto, vi invito a soffermarvi su una particolare attitudine della mente: dare un senso a tutto ciò che si guarda, come ad esempio osservare le nuvole in cielo cercando di creare una geometrica similitudine con persone, oggetti, animali a noi familiari, oppure come quando ci ritrovaimo di fronte ad un foglio pieno di puntini insensati che , in modo automatico andremo ad unire formando qualcosa di sensato.

Nella prima foto tutto sembra normale, ma la nostra mente, viaggiando ad alta velocità sul binario del subconscio, ha già iniziato a costruire forme o testi che a lui piacciono, prendendo come spunto quel cielo stellato. Il cervello è in grado di vedere cose che i nostri occhi non possono percepire, ecco perchè la seconda immagine , in cui è stata apportata una semplice inversione di colori, inizia a mostrarci quel che effettivamente è già stato memorizzato nel nostro subconscio, è qualcosa che ci PIACE e non potrebbe essere diversamente, visto che potremmo/dovremmo comprarla.

La terza immagine è uguale alla seconda , solo leggermente più saturata. Ecco perchè, ed accade più spesso di quel che si immagini, un prodotto inizi a piacerci dalla sera alla mattina, senza alcuna ragione apparente: è il nostro cervello che ci suggerisce che in quel prodotto ci ha visto qualcosa di interessante.

Nella quarta foto ho evidenziato delle parti che, a mio avviso, non avevano bisogno di essere evidenziate perchè palesi.

Di questi messaggi se ne trovano a bizzeffe e nei posti più inpensati, anche nei giocattoli per bambini, che, ad ogni modo, vengono acquistati dai genitori SENZA BADARE A SPESE. Personalmente non ho mai utilizzato queste tecniche nelle campagne pubblicitarie (ME POSSINO CECAMME) , però sarei curioso di scoprire quanto incidono.

Foto private di Mark Zuckeberg vengono alla luce attraverso un BUG di Facebook.

2011-12-13T14:17:00.000-08:00

Ecco le foto personali di Mark Zuckerberg.
Già in passato era successo, sfruttando una falla di Facebook, di poter vedere altre foto PRIVATISSIME, beh ....queste sono alcune delle ultime !!! Ne ho scaricate altre, probabilmente , se gradite le pubblicherò in seguito. Inutile dire che la notizia è stata bruciata sulla rete e dopo appena un'ora dalla sua pubblicazione il bug è stato prontamente corretto , l'avrà corretta lui ? Intanto diamo una sbirciata alla vita del più giovane e veloce plurimiliardario del mondo. Niente di scandaloso.

IL BUG

Per curiosità vi mostro una foto di come si presentava il BUG, che ripeto non è più attivo, quindi sarebbe inutile cercare di utilizzarlo ancora.
Dalle foto il caro Mark sembra felice, e te credo , co tutti quei soldi non saprà che farci, ma avrà la coscienza pulita ? BOH !

Firefox si chiude da Solo. Bug Driver Schede video.

2011-12-10T20:34:00.001-08:00

Che brutta sorpresa ! Un po di tempo fa ho acquistato 2 Schede video ATI Radeon 5500 HD per il sistema Crossfire, per testarne le effettive prestazione al livello di videoEditing. Il tempo di Post Elaborazione è diminuito in maniera radicale, ma non starò qui a parlarvi dei risultati ottenuti; vi parlerò invece del problema fastidiosissimo verificatosi sull'ormai noto Browser Mozilla Firefox e sul client di posta elettronica ThunderBird.

Subito dopo l'installazione ho notato che il browser si chiudeva automaticamente all'apertura, cosa che non succedeva con la vecchia scheda Nvidia. La cosa si ripeteva per 4-5-6 volte prima di poter iniziare a navigare, alchè ho iniziato ad inviare tutti i messaggi di errore al supporto mozilla, convinto che il problema fosse nel Browser perchè quasi contemporaneamente avvenne l'update automatico alla nuova versione.

Andando a controllare meglio, tra i log di Windows, mi sono accorto che l'errore era effettivamente da ricondurre alla scheda video , più in particolare ad un processo il MOM.exe, che risultava non essere più attivo.

Andando su: Tutti i programmi > Risorse del Computer > tasto destro sull'icona > Gestione > ACEEventLog ho notato questo errore:

0000001017: 2011-12-11 05:21:20:890 Exception : Il processo con ID 2216 non è in esecuzione. Exception Called by: ATI.ACE.MOM.Implementation.CCC0StateMachine::KillMe processID:01468 threadID:(MOM_STM_DelegateThread) domainName:(MOM.exe) assemblyName:(MOM.Implementation, Version=2.0.4126.37662

che compariva diverse volte proprio in corrispondenza dell'orario di apertura del browser.

Dopo aver verificato la versione del Driver installato dal CD-Rom per le schede video, Ver 8.05 , per curiosità , sono andato sul sito della ATI ed ho verificato che quella versione era vecchia e STRAVECCHIA; visto ciò, ho scaricato l'ultimo Driver disponibile per ATI radeon HD 5xxx series, indovinate un po aggiornato alla Versione 11.11 . L'ho installato in modo Rapido, Riavviato il PC e VIA ! Il Bug non si presenta più, Mozilla è finalmente STABILIZZATO. Se avete lo stesso problema, con la stessa identica scheda video, potete prendere il Driver da QUI

WIN XP 32 bit >>> WIN XP 32bit - Ati Radeon HD 5xxx series Drivers Download. <<< WIN 7 64 bit >>> WIN 7 64bit - Ati Radeon HD 5xxx series Drivers Download. <<<
Altrimenti provate a cercare la versione in autonomia dall'indirizzo :

>>>>> http://support.amd.com/us/gpudownload/Pages/index.aspx <<<< Ho letto su alcuni forum in giro per la rete che il problema era riconducibile all'app Google Earth, non credo sia il vero problema, poichè i nuovi browser supportano anche altre applicazioni di tipo 3D. Quindi l'aggiornamento dei Driver è consigliabile, come lo è anche quello delle DirectX. Se avete difficoltà nel trovare il driver per la vostra scheda inviate un commento, sarò felice di autare. Ciauz.

MP3 player Compatto: musica di sottofondo sul tuo sito web.

2011-11-30T07:15:00.001-08:00

Oggi ti spiego come poter inserire un brano MP3 di sottofondo sul tuo Blog o sul tuo sitoweb.
Esiste un player realizzato in Flash che consente di caricare un qualsiasi brano MP3 eccolo di seguito.

DEMO

Scarica il player in formato .zip da qui player.zip e copia il file "PLAYER.SWF" nella root the tuo sito web, il più è fatto. Adesso carichiamo anche il file Mp3 dentro una cartella chiamata file e passiamo ad inserire il codice che richiamerà il player ed eseguirà la nostra musica in formato mp3.

Ecco il codice da inserire :

Nel codice si possono notare i diversi parametri da settare, il nome file che è più importante, si trova nel param "FalshVars" "soundfile=nomefile.mp3" Vorrei ricordare che non si possono inserire file musicali protetti copyright come quelli di artisti famosi, per i quali bisgnerebbe pagare i diritti SIAE. Se lo fate è a vostro rischio e pericolo.

La stringa principale che esegue i comandi è questa

<param name="FlashVars" value="playerID=audioplayer1&autostart=yes&soundFile=/file/tuofile.mp3">

Opzioni fondamentali:
"autostart=Yes" Lancia il file all'apertura della pagina;
"loop=yes" Riproduzione ciclica;
"titles=Titolo canzone" Indica il titolo della musica;
"artists=nomeartista" Il nome dell'artista;

Questi parametri vanno accodati al Value ="" inserendo "&" come "separatore" :
&autostart=yes&titles=Pippo Song&artists="pippo".

Le opzioni devono essere sempre scritte in minuscolo, infatti, se scriviamo "Autostart" anzichè "autostart" il player non interpreterà correttamente il comando.

Questo Player è stato realizzato da Martin Leine, trovate maggiori informazioni sulle opzioni nel suo sito, http://wpaudioplayer.com/standalone/ ; ho voluto riportarne l'installazione in italiano per la semplicità di utilizzo, nato da principio per WordPress ma funzionale per ogni sito web.

Buon divertimento.

Jquery Mostra /nascondi div con un un click , funzione toggle.

2011-11-25T18:49:00.001-08:00

Con Jquery è ormai noto che si possono creare animazioni di effetto sui layers, uno di questi è il .toggle() che viene utilizzato par nascondere o mostrare i div con una semplice linea di comando. Gli effetti cambiano a seconda dell'opzione che andiamo ad utilizzare, possiamo addirittura modificare la durata dell'effetto con .toggle( [duration] [, callback] ) Oppure potremmo utilizzare la funzione per mostrare/nascondere tag specifici di una pagina, ad esempio tutti i paragrafi <p>, oppure tutti i <div> con classe o id specifico. Ricordo che quando lavoriamo sull'attributo class di un elemento in jQuery useremo $(".class") mentre se lavoriamo sull'id useremo $("#id") ,che poi sarebbe esattamente la stessa simbologia utilizzata per i css. DEMO

<script>

$('#clickme').click(function() {
     $('#shad').toggle('slow', function() {
    //qui possiamo far eseguire altre funzioni correlate 
   });
 }); 
</script>

////////// HTML code inizia qui //////////

<div id="clickme">Clicca qui</div>
<div id="shad">CONTENUTO MOSTRA/NASCONDI</div>

Clicca qui

Guarda la Demo su JsFiddle

Jquery - Aggiornare un div o il contenuto di un altro elemento in tempo reale mentre si digita nell'input box.

2011-11-17T18:47:00.000-08:00

Da oggi si cambia musica, credo sia doveroso, visto che il blog si chiama GFdesigner, iniziare a trattare argomenti , di programmazione collegati alla grafica ed alla personalizzazione, grazie al famoso linguaggio Javascript asincrono, conosciuto in passato come ajax o meglio trasformatosi in una vera e propria libreria di plugins noti come Jquery, su cui c'è davvero tanto da scrivere.

Vorrei partire illustrando come , attraverso un paio di righe di comando, sia possibile aggiornare il contenuto di un div mentre si digita all'interno di un campo di tipo input.
Questa funzione può risultare molto utile nel caso in cui ci serva un preview in tempo reale di un articolo che stiamo scrivendo, di una pubblicità che stiamo confezionando, di un box che potremmo voler abbellire. Si , perchè con jquery si possono modificare, on the fly, parti di codice HTML e CSS.

Testiamo lo script. Digitando nel campo input vedremo aggiornarsi in tempo reale il contenuto del div subito sotto.

Salve Salvino

Come ho fatto?
Scarichiamo intanto la libreria jquery 1.5.2 se ti si apre la pagina col codice cliccare con tasto destro e salva oggetto con nome.

Inseriscilo nella root del tuo sito web, o nella stessa directory in cui è contenuta la pagina html nella quale vuoi utilizzare o testare lo script ed all'interno dell'head , inserisci la stringa

Una volta caricata la nostra libreria passiamo ai comandi che ci consentono di eseguire la funzione desiderata.

$(function(){$('#title').keyup(function(event) {
     $('#test').text($(this).val()); 
})
});

Dove "#title" è l'id del campo di input e "#test" l'id del nostro div box.La funzione "keyup" deriva dal Javascript, da notare che tutte le funzioni Jq mancano quasi tutte del suffisso "on", infatti in javascript la funzione era onKeyup.

Dove va inserito questo codice ? Per convezione solitamente si inserisce sempre nel tag "head" , subito dopo la libreria jQuery ,ma nessuno vieta di inserirlo in qualsiasi altro punto del codice html basta che sia contenuto nei tag ". Alcuni inseriscono codici particolarmente pesanti alla fine delle pagine, per velocizzare il caricamento degli elementi grafici, può essere una soluzione, anche se questo codice tutto è meno che pesante.

Facile? Facilissimo ! Col passar del tempo pubblicherò articoli sempre più complessi. Se avete domande non esistate ad utilizzare il form dei commenti.
Clicca qui per vedere il codice esploso di questo script.

Riparazione Hard disk Maxtor STM3500320AS - Non viene piu letto nel Bios. Riparalo con 15 euro.

2011-07-08T13:15:00.000-07:00

Hai un Hard Disk maxtor Diamond Max 22 STM3500320AS 500gb che di punto in bianco non viene più rilevato dal Bios ? Non solo i Maxtor ma anche Seagate similari hanno un problema noto: pur essendo in garanzia (5 anni), dopo un po di tempo si bloccano, entrando nel cosiddetto stato Busy. A me è successo dopo circa 2 anni e 5 mesi dalla data di acquisto , ma ho letto in giro che per alcuni questo blocco è arrivato a distanza di 6 mesi; impossibile stabilire la reale causa che porta al blocco. Probabilmente inesattezze nel firmware.

Non fatevi prendere dal panico, non tirate pugni all'hard disk, non mettetelo in freezer, non fate nulla di avventato, queste soluzioni rudimentali non sbloccheranno il vostro hard disk e rischiano di cancellare i vostri dati definitivamente. Si ! I dati sono ancora sul disco. Basta resettare lo status del Motore. Come ?

Ho trovato tantissimi post sull'argomento in particolare uno che porta allo sblocco uilizzando una porta seriale-TTL ed un cavo adattatore usb-to-serial, a questo indirizzo netforyou .

Ho scritto questo articolo semplicemente per far risparmiare sull'acquisto dei materiali necessari.

La procedura descritta nell'articolo riportato funziona egregiamente, se non fosse che i materiali per effettuare lo sblocco vengono a costare intorno ai 35,00 euro o 40 euro (con la chiave a stella da 7 per svitare le viti della schedina elettronica). I nostri dati non hanno prezzo......ma se potessimo farlo con soli 15 Euro ? sarebbe meglio no ? Non costa meno perchè è una soluzione scadente, anzi, oserei dire che è la soluzione ottimale per chi non è esperto di saldature e circuiti. Basta infatti acquistare un solo cavo !

CONSIGLI FONDAMENTALI.
La prima precisazione è sul sitema operativo : NON UTILIZZARE WIN7 , usate un pc dove è installato win XP con service pack 3. Perchè ? Win 7 non ha dei driver stabili per il cavo che andremo a comprare, probabilmente perdereste intere giornate a cercare un driver funzionante (io li ho cercati ma non ne ho trovato uno stabile); anche nel caso in cui si vogliano utilizzare gli strumenti dell'articolo indicato sopra, troverete difficoltà ad installare il cavo adattatore serial-to-usb su win 7. Lavorando invece su XP filerà tutto liscio come l'olio.

IL CAVO
Quindi ordiniamo il cavo USB-TTL da Ebay , il venditore si chiama alex80010_3 . Vi do garanzia sulla serietà di questa persona e velocità di spedizione . Arrivato in 48 ore. Prezzo del cavo 10,25 euro + 4,75 euro di spedizione per un totale di 15 Euro.

Il cavo è un USB-TTL , il che significa che al suo interno ha gia una schedina che fa la conversione da usb a seriale rs232, e poi da seriale a TTL. Questa schedina è auto alimentata dalla porta usb quindi non necessiterà di batterie o altre alimentazioni.

Il cavo arriva senza driver ma è possibile scaricare una versione stabile e perfettamente funzionante per XP sul sito ufficiale della prolific versione 1.4.17 .

L'unica operazione manuale che dovrete fare è collegare i cavi jumper(quelli nella bustina che arriva insieme al cavo USB) ai fili colorati che escono dal cavo usb, usando un po di nastro isolante. Miraccomando ai colori. Mettete il giallo sul bianco. Gli altri sono uguali. Potete evitare di collegare il rosso, non vi servirà.

Una volta installati i drivers del cavo, procedere con la visione del primo video, che spiega come collegare i fili dietro l'HD. Saltate tutta la prima metà del video, ed andiamo sulla parte dove si vede il posizionamento dei colori.

VIDEO 1 : COLLEGAMENTO DEL CAVO USB-TTL ALL'HARD DISK MAXTOR

Quindi inseriamo i cavi sull'HD , colleghiamo l' alimentazione SATA all'hard disk e apriamo l'HYPERTERMINAL.

Questo programma esiste in tutti i sistemi Win XP, basta andare su START > PROGRAMMI > ACCESSORI > CONNESSIONI > HYPERTERMINAL.EXE

Prima di avviare il programma, ASSICURATEVI DI AVER SVITATO LA SCHEDINA SOTTO L'HARD DISK e di aver posizionato un isolante tra la piattina del motorino e la schedina elettronica. Mentre operate sul software, vi verrà chiesto di estrarre questo isolante, UNA COSA MOLTO IMPORTANTE E' RIAVVITARE BENE TUTTE LE VITI, oppure potreste ricevere un messaggio di errore al momento del riavvio del motorino dell'hard disk. Se da errore riprovate lo stesso comando. Per i comandi da eseguire nel software trovate un il VIDEO 2 un po piu giu.

Creare dunque una nuova connessione nell'HYperterminal, assegnando un nome ed una icona, nella finestra successiva scegliere la PORTA COM a cui vogliamo connetterci , ossia quella indicata in gestione periferiche accanto al nostro cavo usb-ttl ; Per vedere a quale porta com è associato il nostro cavo USB , andiamo sull'icona "Risorse del computer " click con tasto destro > Proprietà > Hardware > Gestione Periferiche.

Se si riceve il messaggio di errore : Impossibile accedere , "porta utilizzata da un'altra applicazione" significa che bisogna rimuovere altre periferiche che stanno interferendo con il collegamento, probabilmente dei modem analogici, periferiche PCI, o altri software di controllo. Si puo disattivarli temporaneamente cliccando sull'icona "risorse del computer" con il tasto destro > proprietà , gestione hardware, e nell'elenco troviamo/disattiviamo tutte le periferiche che potrebbero interferire con la porta seriale.

Se NON si ricevono messaggi di errore provate a premere CTRL+Z per inizializzare la consolle, se tutto è stato fatto come si deve, apparirà scritto F 3T>

Eseguite i comandi presenti in questo SECONDO VIDEO : RIPRISTINO DEL MOTORE MAXTOR .

Terminata la procedura , chiudiamo il terminale e stacchiamo i cavi. Ricollegate l'hard Disk al vostro pc ed avviate.

Ancora non è finita !

Per evitare che il problema si verifichi nuovamente dobbiamo aggiornare il FIRMWARE dell'harddisk. Sul sito della Seagate trovate tutto l'occorrente e le guide per farlo. QUI LA GUIDA SU come aggiornare il firmware del Maxtor STM3500320AS . E' una operazione molto delicata quindi seguite scrupolosamente le istruzioni , scaricate prima il tool che vi consente di identificare il vostro HD, e successivamente l'auto FLASHER per l'aggiornamento del firmware.

Considerazioni finali.
Quanto accaduto mi ha fatto riflettere molto : in questo HD , appena comprato, avevo riversato tutti, ma proprio tutti i file prodotti in quasi 12 anni di lavoro. Il fatto che questi dispositivi si blocchino senza preavviso o perchè nel firmware è stabilito che devono smettere di funzionare dopo un tot di anni la dice lunga sull'effettivo stato di usura del drive. L'importanza dei documenti in esso contenuti non ha prezzo per me, probabilmente avrei speso qualsiasi cifra pur di recuperarli. Avevo addirittura già fatto un preventivo presso una società specializzata in recuperi, che, senza nemmeno aver visto l'hard disk, mi ha chiesto 2.400 Euro. Ecco perchè all'indomani ho acquistato 2 Hard disk da 1 Tera ad esclusivo uso backup. Spero che 2 copie mi aiutino in futuro ad evitare questi spiacevoli incovenienti, che influiscono in maniera del tutto negativa sul sistema nervoso e sul budget.

Errore caricamento video net tv mediaset premium

2011-03-14T15:32:00.000-07:00

Il servizio di net tv di mediaset premium funziona solo per chi possiede un abbonamento easy pay (pagamento automatico con carta di credito).
Ovviamente potrete accedere solo ai contenuti dei pacchetti che avete attivato sul vostro abbonamento e di visionarli in qualsiasi momento della giornata.

Alcuni utenti hanno riscontrato "errore di caricamento del video riavviare il browser" su Windows 7; molti potrebbero pensare che sia un disservizio dovuto alla mancanza dei contenuti sulla piattaforma, vista la novità e i tempi necessari per il collaudo, invece no i contenuti ci sono già tutti e sono disponibili integralmente.

COME RISOLVERE IL PROBLEMA ?
Indipendentemente dal browser utilizzato (Internet Explorer, Firefox, Chrome, Opera etc. etc.) il problema e' stato risolto impostando semplicemente la compatibilità con Windows XP Service Pack 3.

Come si imposta la compatibilità?

C'è da precisare che ho testato la piattaforma NetTV su diversi browsers, e devo dire che Google Chrome mi ha piacevolmente sorpreso, per la rapidità di esecuzione e la fluidità con cui vengono mostrati i contenuti; questo browser giovanissimo si è dimostrato nettamente superiore sia a Firefox che a Internet Explorer, probabilmente per la sua compattezza ed essenzialità.

Ma torniamo alla compatibilità:
1- cliccare con il tasto destro del mouse sull'icona di programma che si trova sul desktop o dentro il menù di avvio
2- cliccare su proprietà
3- seleziona la scheda compatibilità
4- selezionare il checkbox Esegui in modalità di compatibilità per
5- dal menù a tendina selezionare Windows service pack 3

Il fatto di abilitare la compatibilità su un browser attiverà automaticamente la compatibilità anche su tutti i plugin da esso utilizzati, il che significa che molto probabilmente anche gli altri browsers(se ne avete installati) inizieranno a funzionare magicamente.

Buona visione.

Installazione Us robotics Modem Model 5625 56K Professional Message Modem con Cavo Serial to USB Hamlet (RS-232 ) Exagerate

2011-01-14T04:24:00.000-08:00

Avete comprato il cavo adattatore da seriale ad ubs della Exagerate Hamlet RS-232 per collegare il vostro Model 5625 56K Professional Message Modem al portatile, o ad un computer desktop che non possiede porte seriali, però i driver danno errore, il modem non viene visto e la porta non comunica in modo corretto? Io ho risolto cosi.
VI garantisco che ci sono volute settimane per risolvere questa faccenda complicatissima, tra email inviate alla Hamlet ed all UsRobotics, dopo avere seguito le loro complicate istruzioni ed aver letto dozzine di forums VE LA DO IO LA SOLUZIONE.

Completamente girato di palle, mi son detto o la risolvo da solo o non ne usciamo più.
Sul sito della us robotics dove è possibile scaricare gli ultimi driver per il modem, mi sono messo a cercare un cavo adattatore "seriale to usb" prodotto da loro.

Ebbene l'ho trovato ed ho scaricato questo driver per il cavo adattatore prodotto da USrobotics, ho scollegato il modem e ho installato questo nuovo driver. Stranamente vedo che in fase di installazione il driver cerca di sostituire la dll installata in precedenza con i driver originali della hamlet. Mi dice anche che il driver precedentemente installato è piu recente di quello che stavo andando ad installare. Ho dato OK facedonolo sovrascrivere.

INSTALLAZIONE SU WIN 7 USB TO SERIAL CABLE
Aggiornamento 06/07/2011: Mi è stato segnalato che i driver in questione non funzionano su win 7 . Scaricate questi (non serve impostare la compatibilità) : USB to Serial Adapter Driver Prolific .

Completata l'installazione ho attaccato il cavo usb al PC et voilà, mi ha rilevato la nuova periferica seriale e quindi rilevato anche il modem in automatico. Alla richiesta dei drivers per il modem gli ho dato il percorso della cartella contenente gli ultimi disponibili per winXP.
Su Win 7 il modem non necessita dell'installazione dei drivers.

Il winphone per la gestione del modem e per tutti i sistemi operativi lo trovate qui: Winphone ITA Download.
Download Winphone ALL Lenguages here.

Adesso funziona tutto correttamente per fare un test di funzionamento andare in Pannello di controllo, cliccare l'icona Modem,

selezionare il modem US Robotics (a me lo ha installato su com3 , attenzione potrebbe non funzionare su porte COM piu alte di 4), cliccare sul tasto proprietà del modem ed eseguire la diagnostica cliccando su interroga modem.

Si aprira una finestrella che dice: Attendere. Comunicazione con il modem in corso , aspettate qualche secondo se la finestra si richiude riportando i dati del modem , SENZA DARE MESSAGGI DI ERRORE, avete installato tutto correttamente.

Credo che questa procedura salverà miglia di UsRObotics da una fine ingloriosa. Mi ha servito per tanti anni senza perdere un colpo e per mia fortuna continuerò ad usarlo.

Questa procedura è stata eseguita anche su un portatile con installato Win7 ed ha funzionato perfettamente.

RIEPILOGANDO:

Lasciare cavo e modem scollegati dal PC

1 - Scaricare il driver del cavo serial-to-usb della USRobotics qui ed installarlo.

2 - Scaricate il driver del modem ed estraetelo dentro un cartella sul desktop

3 - Collegare il modem al cavo adattatore ed inserire la porta usb nel PC

4 - Quando rileva la nuova periferica modem dategli come path la cartella in cui avete estratto i drivers.

5 - Se non avete il Winphone 2000 (programma per la gestione del fax e della segreteria telefonica) scaricatelo qui. Questo Programma funziona anche con altri prodotti UsRobotics e non.

Se questa procedura funziona anche con altri modem fax fatecelo sapere !
Grazie.

Rimuovere "Distracting Beach Babes" da Facebook e dal PC

2010-05-26T16:59:00.000-07:00

Google translation

Grave gravissimo quel che sta succedendo in questi giorni su Facebook. Un nuovo attacco malware in stile di Facebook Candid Camera Prank![HQ] . Ebbene avendo visto e rimosso questo virus personalmente ti dico i passi che devi eseguire per pulirlo completamente. Sia che abbia solo cliccato sull'icona, dando accesso all'app, sia che tu abbia installato L'FLW player segui i passi di seguito.

SINTOMI:

Puoi verificare se hai effettivamente preso il virus semplicemente navigando qualche sito web.
Se mentre sfogli un sito ti accorgi che la pagina slitta verso il basso , facendo comparire un banner o uno spazio vuoto in testata o si apre una finestra di pop up, che chiede di inserire il tuo numero di telefono per scaricare delle suonerie (ovviamente non farlo, perche ti svuota il cellulare) , be lo hai beccato, seguire i passi nell'ordine indicato.

! Azioni Preventive :

Per prima cosa scaricare ed installare Avira antivir, leggero e poco invasivo. Ha bloccato e messo in quarantena diversi file contenuti nella cartella System Volume Information, proprio dopo aver installato l'FLW player.

Da Start > Pannello di controllo > Installazione Applicazioni , disinstallare FLW Player appena installato.

Procedi:

1) Rimuovere immediatamente l'applicazione dal tuo profilo facebook cliccando su ACCOUNT > IMPOSTAZIONE APPLICAZIONI , nella lista trovare VIDEO WAVE e chiuderlo cliccando sulla X relativa.

2) CAMBIARE LA PASSWORD DI FB : ACCOUNT > IMPOSTAZIONI ACCOUNT> PASSWORD > MODIFICA .

3) Eliminare la cache del browser e verificare che la pagina iniziale sia impostata su quella che avevi prima, se è cambiata reimpostala. Sia su FireFox che su IEXPLORER la pagina iniziale si imposta da STRUMENTI > OPZIONI > GENERALE .

4) Installare Malware bites e fare una scansione veloce, dovrebbe comparire una voce Adware BHO alla fine della scansione, premere il tasto in basso a sinistra REMOVE SELECTED.

5) Andare dentro pannello di Controllo, trovare l'icona INSTALLAZIONI APPLICAZIONI e doppio click. Verifcare se c'è la voce ASK toolbar (ha una icona rossa con dentro scritto ASK), e cliccare su RIMUOVI.
Cercare un'altra applicazione che si chiama LoudMO contextual AD Assistant , cliccare su RIMUOVI.

6) Scaricare Hijackthis dal sito ufficiale ed eseguire la scansione. Una volta terminata la scansione, compare un Log dei processi con le relative chiavi di registro. Selezionare quindi tutto il testo del file LOG (Ctrl+A) copiarlo e incollarlo nella casella di testo presente in questa pagina http://www.hijackthis.de/ ; clicca analizza. Aspettare un po , potrebbero volerci diversi minuti, dopodiche comparirà un lista dei processi analizzati con relativi percorsi e chiavi di registro, con delle indicazioni per ogni file. Analizzare bene tutte le voci presenti, io ho trovato una .dll con un nome stranissimo tipo Ez.adfz.oras.dll, con tanto di punto interrogativo accanto.
Il punto interrogativo indica file sconosciuti o sospetti, ma attenzione non tutti i processi sono riconosciuti da Hijack, quindi attento a quel che rimuovi potresti seriamente danneggiare il registro. Per sapere esattamente a quale programma appartiene una dll o un file exe basta googlare il nome.

Riportarsi quindi sul programma Hijackthis , individuare la voce correlata , cliccare la spunta accanto al nome e premere il pulsante fix it. Sia la dll che la chiave di registro verranno rimossi.

Se tutto è andato come doveva, riapri il browser , molto probabilmente la pagina iniziale è ora impostata su about:blank . Setta di nuovo la pagina preferita, e prova a navigare , i banners non compaiono piu.
La cosa che più mi sorprende e che sono stato in grado di rimuovere il virus senza avviare in modalità provvisoria e senza disattivare il ripristino.
Fatti negativi : L'installazione di questo virus ha cancellato tutti i punti di ripristino, probabilmente perchè una eliminazione parziale dei files avrebbe fatto si che il virus si ripristinasse da solo ad ogni avvio. Dopo aver completato la rimozione, ad aver verificato la stabilità del sistema, creare un nuovo punto di ripristino.

Spero di essere stato di aiuto, ogni particolare o aggiunta è ben accetta.

AGGIORNAMENTO 26/05/2010 :

Trovato un'altro componente persistente.
7) Un ulteriore test da fare per essere sicuri che questo virus sia stato completamente rimosso è quello di scrivere parole a caso dentro la barra degli indirizzi , quella dove si visualizzano i nomi dei domini http://www.dominio.com. Provare a digitare "Ciao Ciao" al posto di http:// , se si apre ancora il sito di "ask" procedere come segue:

Digitare nella barra degli indirizzi about:config ;
Uscirà un messaggio che richiede di essere prudenti , clicca si ;
Adesso compare una lista di elementi per personalizzare il browser, in alto si nota una barra di ricerca chiamata Filtro , effettuare queste ricerche:

Keyword.URL quindi cliccare col tasto destro sulla voce > Modifica, eliminare quel che c'è dentro ed inserire il valore http://www.google.com/search?ie=UTF-8&oe=UTF-8&sourceid=navclient&q=

Ripetere l'operazione con questi altri valori:
browser.search.defaulturl valore : http://www.google.com/search?ie=UTF-8&oe=UTF-&sourceid=navclient&q=

extension.snipit.chromeURL valore: http://www.google.com/search?&q={searchTerms}

Chiudere e riaprire il browser e provare a digitare nuovamente parole a caso nella barra degli inidirizzi , ora dovrebbe uscire Google.

Una bella sensazione di navigazione - www.immerisve-garden.com

2010-05-16T08:37:00.000-07:00

Girando per la rete ho avuto modo di trovare un bellissimo sito web, che riserva una stupenda esperienza di navigazione, con una musica che fa vibrare le corde dell'inconscio , zona da cui nascono le ispirazioni che impattando con il mondo reale creano stupore e meraviglia.

Molto interessante il numero e la qualità dei lavori che si trovano nella sezione WORKS , cliccando sul minivideo in basso a destra.
Un sentito complimento a questo artista.

Aggiornamento: Oggi 17 Maggio questo sito è stato premiato col 1° posto dall'FWA.

Cartina Italia FLash by Flepstudio - Gfdesign con Ajax

2010-05-16T03:20:00.001-07:00

Aggiornamento: Vecchio script che utilizza AJAX, come al solito ricordo che è possibile ottenere gli stessi risultati utilizzando le librerie JQUERY, ma se vi interessa capire come funzionava AJAX accomodatevi.

In questo post vedremo la famosa cartina d'Italia realizzata da Flep, accostando a questo Action Script 3 del codice ajax, per far aprire , al click sulla regione , altre pagine (dinamiche e statiche) o immagini, in un riquadro laterale senza dover ricaricare la pagina. Inutile dire che le potenzialità sono infinite e si possono agigungere anche effetti di fading, scrolling etc etc.

La cartina d'italia è stata modifcata un po rispetto all'originale perchè ho notato un piccolo bug sull'effetto di comparizione dei nomi, ossia: quando il nome compariva attraversando tutta la cartina lungo la diagonale, incrociando la freccia del puntatore generava un piccolo loop, non lasciando arrivare il nome alla sua posizione finale. Cosa che ho risolto parzialmente facendo comparire i nomi da destra verso sinistra nel top della mappa.
Come si puo vedere dalla pagina esempio non c'è bisogno di includere alcun file esterno ma basta, inserire del codice ad hoc per effettuare una richiesta asincrona , che mostrerà la nuova pagina html, nel riquadro di destra.

Clicca l'immagine per vedere l'Esempio.

Le uniche note da dare vista la facilità di utilizzo sono 3:

1 - Inserire nell'header della pagina il seguente codice:

________________________________________
<script type="text/javascript">

var loadedobjects=""
var rootdomain="http://"+window.location.hostname

function ajaxpage(url, containerid){
var page_request = false
if (window.XMLHttpRequest) // if Mozilla, Safari etc
page_request = new XMLHttpRequest()
else if (window.ActiveXObject){ // if IE
try {
page_request = new ActiveXObject("Msxml2.XMLHTTP")
}
catch (e){
try{
page_request = new ActiveXObject("Microsoft.XMLHTTP")
}
catch (e){}
}
}
else
return false
page_request.onreadystatechange=function(){
loadpage(page_request, containerid)
}
page_request.open('GET', url, true)
page_request.send(null)
}

function loadpage(page_request, containerid){
if (page_request.readyState == 4 && (page_request.status==200 || window.location.href.indexOf("http")==-1))
document.getElementById(containerid).innerHTML=page_request.responseText
}

function loadobjs(){
if (!document.getElementById)
return
for (i=0; i<arguments.length; i++){
var file=arguments[i]
var fileref=""
if (loadedobjects.indexOf(file)==-1){ //Check to see if this object has not already been added to page before proceeding
if (file.indexOf(".js")!=-1){ //If object is a js file
fileref=document.createElement('script')
fileref.setAttribute("type","text/javascript");
fileref.setAttribute("src", file);
}
else if (file.indexOf(".css")!=-1){ //If object is a css file
fileref=document.createElement("link")
fileref.setAttribute("rel", "stylesheet");
fileref.setAttribute("type", "text/css");
fileref.setAttribute("href", file);
}
}
if (fileref!=""){
document.getElementsByTagName("head").item(0).appendChild(fileref)
loadedobjects+=file+" " //Remember this object as being already added to page
}
}
}

</script>

_____________________________________________

2 - Assicurarsi che il nome del riquadro corrisponda al nome inserito nel link del file XML.

3 - Assicurarsi che nel file XML il link sia :
_____________________________________________
<regione nome="Toscana" link="javascript:ajaxpage('/toscana.htm', 'rightcolumn');"></regione>
_____________________________________________

Download del File esempio: cartina_italia_as3_ajax_flep_gfdesing.rar

Scompattare i file cosi come sono nella root del sito web. Se non si conosce pienamente la personalizzazione dello script as3 consiglio vivamente di leggere le istruzioni e i commenti nel forum ufficiale Flepstudio.org

Contenuti file di testo nell'esempio by Wikipedia
Ajax routine by Dynamicdrive.com

Buon lavoro a tutti.

FLASH AS3 Ricreare la rotazione terreste in 3D

2010-05-11T05:02:00.000-07:00

Come promesso vi posto il codice per ricreare la rotazione terrestre in 3D. Questo script non è un filmato, in fatti viene generata una vera e propria sfera che ruota a partire dalla Teture della terra. Gli effetti luce ovviamente sono solo immagini e non plugins. Ovviamente è solo un esperimento ma potrebbe essere ottimizzato ancora. Espandi il post per vederlo.

Per modificare i parametri come velocità di rotazione , glow, immagine texture e posizionamento individuare il layer "scripts" e cliccare sul frame contente l'action script, quello con la "a" per intenderci.
Il diametro della sfera cambia a seconda della grandezza della texture.

Lo script è Open Source avete anche la facoltà di rimuovere il logo, ma vi prego di comunicarmi i possibili aggiornamenti per snellirlo. Non può essere ripubblicato su altri blogs se non linkandolo direttamente a questo post, se non altro perchè qui verranno pubblicati eventuali aggiornamenti e soprattutto perchè il link al file di download potrebbe cambiare.

File: planets.fla - Download

Lettere accentate tagliate, mancanti, textbox asp, replace charset

2010-04-16T18:32:00.000-07:00

Quando si utilizza una form per inviare dati ad un db, o magari una email, spesso le lettere accentate presenti nel testo(come anche altri caratteri) risultano tagliate, o con dei caratteri strani, tipo :Ã Ã¨Ã¬Ã²Ã¹ , questo a causa di una incompatibilità tra il set di caratteri utilizzato dai text box e il charset della pagina.

Per risolvere questo problema ci sono diverse soluzioni, ma ne spiegherò solo una che ho trovato di piu facile utilizzo.
In pratica, poco prima dell'invio dei dati, bisogna far compiere uno switch del charset, probabilmente molti o la maggiorparte utilizza il charset utf-8, quindi prima della richiesta del form impostiamo il nuovo charset momentaneo.

-------------------------------------------------
Session.CodePage=65001
Response.Charset="windows-1252"
Response.ContentType = "text/html"

txtcommento=request.form("commento")

Set Mail = CreateObject("CDO.Message")
'..........gli facciamo inviare il contenuto del nostro commento
Set Mail = nothing

'.................... e settiamo il charset ad utf-8, o ad un qualsiasi altro charset
'....................che abbiamo nella nostra pagina, all'uscitaSession.CodePage=65001
Response.Charset="Utf-8"
Response.ContentType = "text/html"
------------------------------------------------

Adesso nelle email si vedranno anche le lettere accentate.
Non ho avuto modo di testare questo sistema per l'inserimento nei db, magari postatemi un commento per darmi conferma.

A presto

Arial Black Normal sempre in corsivo - Font Buggato su XP sp3

2010-03-22T15:27:00.000-07:00

Ho notato che in parecchi hanno questo bug su win xp sp3 utilizzando Flash CS3: Il carattere dell'arial black risulta essere sempre in Corsivo, Italic, anche quando cerchiamo di adoperare il normal.

Dopo varie ricerche, anche su siti web in lingua inglese, siamo riusciti ad arrivare al dunque con molta fatica poichè, sembrerà una cosa banale, ma la versione gratuita di questo font bisogna cercarla col lanternino.

Scaricare quindi ed installare il pacchetto .exe che vi serve presente a questo indirizzo(Testato e funzionante, nessun virus riscontrato):

http://web.nickshanks.com/fonts/microsoft-core-web-fonts.

Ho sentito che anche altri caratteri presentano il problema del corsivo in diversi programmi, be qui troverete quelli piu utilizzati, vi basta scaricare quel che vi serve.

Ciao ciao

Mandare un FIlmato SWF in secondo piano, SWF dietro HTML

2009-11-19T14:02:00.000-08:00

Quanti di voi hanno realizzato la testata del proprio sito in flash per dare un tocco fashion alle nostre pagine, scelta che molto spesso viene abbandonata per il fatto che i filmati in flash prendano il sopravvento su tutto.
Infatti capita spesso di dover sovrappore dei layers, del testo html, finestre di pop up immagine ai nostri filmati flash. Sembra però che, di default, il flash si porti in primo piano su tutto, gridando al mondo intero: SALVE IO SONO FLASH E SONO IL CAPITANO DEL SITO WEB.

Ebbene la procedura per far si che i fimati flash vadano in SECONDO PIANO è molto semplice, e a dire il vero ce n'è più di qualcuna.

La prima

è quella di incapsulare il nostro filmato dentro un layer(div) e utilizzare lo stile CSS per generare un ordine di visualizzazione specificando il parametro "z-index:0;"
_______________________________________________________
<html>
<head>
<title>Documento senza titolo</title>
<meta http-equiv="Content-Type" content="text/html; charset=iso-8859-1">

<style type="text/css">
body {
color: #ff6600;
}

#testing {
position: absolute;
top: 160;
z-index: 1;
}
#hello {
position: absolute;
top: 150px;
z-index: 0;
}

</style>

</head>

<body>
<div id="testing">
hello
</div>
<div id="hello">
<object width="550" height="400">
<param name="movie" value="game.swf">
<embed src="game.swf" width="550" height="400">
</embed>
</object>

</div>

</body>
</html>
_______________________________________________________

Si intuisce che il layer in primo piano sarà il layer col valore z-index piu alto.

La seconda tecnica, quella che preferisco, è di aggiungere del breve codice ai parametri del filmato flash, che porterà il filmato definitivamento sullo sfondo senza piu interferire con nulla;

Una volta inserito il vostro filmato il codice vi appare piu o meno cosi:
_______________________________________________________

_______________________________________________________

Aggiungete al codice quel che è riportato in arancio qui sotto:
_______________________________________________________
<object classid="clsid:D27CDB6E-AE6D-11cf-96B8-444553540000" codebase="http://download.macromedia.com/pub/shockwave/cabs/flash/swflash.cab#version=6,0,29,0" width="932" height="301">
<param name="movie" value="filmato.swf">
<param name="wmode" value="opaque">
<embed src="filmato.swf" pluginspage="http://www.macromedia.com/go/getflashplayer" type="application/x-shockwave-flash" width="932" height="301"
wmode="opaque"></embed>
</object>
________________________________________________________

e il gioco è fatto.
Un al'tro parametro che potete provare ad aggiungere è:

<param name="wmode" value="transparent" />.....
....wmode="transparent"

Assenza ingiustificata? NO ! Vacanza pianificata!

2009-09-15T20:35:00.000-07:00

Mi pento e mi dolgo dei miei peccati,ebbene si lo ammetto, ho trascurato il mio blog, ma semplicemente per una ragione......

Quest'anno mi ero prefissato un obbiettivo: evitare a tutti i costi una vacanza piena di tecnologia.
Le uniche due apparecchiature, che ho effettivamente utilizzato, sono state: un ipod con musica rigorosamente chillout e una fotocamera digitale.

Il risultato?

Una vacanza all'insegna del relax, fatta di mare e sole , aperitivi di moitos al tramoto, escursioni in barca, pesca ed immersioni, circondato da buona gente vogliosa di oziare. Era da tempo che non trascorrevo una vacanza così, in definitiva, credo che il modo migliore per rilassarsi sia restare un po con se stessi, cosa che, a dire il vero, riesce un po difficile quando si ha a che fare con un PC e la frenesia della rete.

Vi consiglio un posto dove andare in vacanza dove troverete la pace assoluta. http://www.torrecolimena.net

Script ajax: Drag and drop con scriptaculous e salvataggio posizione ASP - FUNZIONANTE

2009-06-28T15:38:00.000-07:00

Aggiornatmento: Da ormai un po di tempo esistono le librerie Jquery con le quali si possono realizzare questi effetti in maniera molto più semplice e veloce; questo articolo è ormai Obsoleto, ma se vi interessa capire come si faceva allora, be queste sono procedure AJAX vecchio stile :D.

ARTICOLO
Lo script è la versione ASP corretta e funzionante di quello presente su http://free-script.it/post/Script_ajax_Drag_and_drop_scriptaculous_con_memoria_posizione_in_asp-83.htm.

Mentre quello in PHP funziona alla perfezione:http://free-script.it/post/Script_ajax_Drag_and_drop_scriptaculous_con_aggiunta_finestre_e_memoria_posizione-59.htm
Lo script ASP , nella versione originale, presentava diversi bug legati alla presenza di alcuni caratteri speciali nella stringa passata alla pagina save.asp, che quindi non consentiva un corretto salvataggio delle posizioni e l'esecuzione della fuzione mostra/nascondi dei box.

Lo script è disponibile per il download da questo link: SCARICA QUI - DEMO

Una indicazione molto importante che posso dare è quella di stare attenti al contenuto che andate ad inserire nei box. Questo script supporta l'html con l'unica eccezzione per l'apostrofo che se non viene riportato come \' andrà a causare un'interruzione nel flusso del javascript bloccando il drag and drop.
Per andare a capo si deve usare necessariamente <br> o <br /> niente VbCrLF o VbCr o VbLF quindi.

Lo script è totalmente gratuito ma ti chiedo solo un favore, nel caso volessi segnalarlo nel tuo blog, di non inserire direttamente il link di download nelle tue pagine ma di inserire il link che riporta a questo articolo, perche la location del file potrebbe cambiare dal momento che si trova su uno spazio free.
Buona navigazione.

Attenzione al Phishing. Postazione di accesso sicura - parte 1

2009-06-19T07:30:00.000-07:00

Vorrei segnalare un "NON nuovo" tipo di truffa online, più pericolosa ed invasiva rispetto a tutti gli altri tentativi di phishing esistenti.
Tutte le email che tentano il phishing contengono un link che reindirizza l'utente ad un sito uguale in tutto e per tutto ai siti originali di istituti bancari, poste, paypal etc etc. facilmente individuabili dal link, palesemente differente, nella barra degli indirizzi, ma a cui spesso qualcuno non fa caso. Da una email, trovata oggi, ho riscontrato uno dei più pericolosi sitemi di phishing che potrebbe veramente arrecare danni....

La tecnica utilizzata è filtraggio ed intercettazione dei dati inviati ai siti orginali utilizzando un proxy. Come lo fanno?

Questa è l'email che mi è stata inviata:
Il link riportato per accedere ci porterà sul sito originale della paypal, ma se osserviamo meglio quel che appare nella Barra di Stato del nostro browser possiamo riscontrare la presenza di un proxy.
Quindi occhi aperti e verificate sempre i link presenti nelle email.

Una cosa che accade sempre piu frequentemente, anche indipendentemente dalle email truffa, è quella di trovare, come prima pagina del nostro browser, una pagina completamente differente da quella da noi impostata, state molto attenti quando accade ciò, perche potreste aver involontariamente installato un proxy che monitorizza tutte le vostre navigazioni.

Tutti i proxy, hanno la peculiarità di carpire i dati che fruiscono tra il nostro pc e i siti che visitiamo, il consiglio che posso dare è quello di evitare di entrare nei siti dei nostri istituti bancari, postali etc se qualcosa del genere dovesse accadere, finche non siamo certi del fatto che il pc sia pulito e "disinfettato".
A tal riguardo, se si effettuano accessi frequenti ai conti online, giocate in borsa e transazioni online di qualsiasi natura , so che può sembrare un po drastico, ma a mio avviso l'unico metodo per navigare sicuri è quello di utilizzare un PC apposito con alti livelli di protezione, dove :

1- non dovete navigare se non per accedere ai vostri istituti bancari;
2- Non leggere le email adoperando client di posta come outlook.....o forse meglio non leggere proprio le email; ogni istituto vi assegna una casella di posta consultabile tramite lo stesso sito , adoperatelo!
3-utilizzare un buon firewall meglio se ne avete uno hardware e uno software;
4-utilizzare un buon antivirus;
5-evitare di salvare i dati di accesso nei moduli del browser;

Personalmente, per gli accessi ai conti online, utilizzo un mini PC dove il browser è completamente bloccato e consente l'accesso ai siti degli istituti bancari da me settati.
Come ho fatto?

METTIAMO IN SICUREZZA IL BROWSER

Per prima cosa scegliamo un browser più sicuro rispetto ad Internet Explorer,ossia Firefox, ed installiamolo. Potete scaricarlo da qui:

FIREFOX SITE

Il secondo passo è quello di installare un componente aggiuntivo per il blocco dei siti internet che si chiama Blocksite.

Blocksite

Una volta sul sito cliccate su "aggiungi componente a firefox" ,procedete con l'installazione e riavviate il browser.
Riavviato il browser andiamo a configurare il nostro componente aggiuntivo, quindi clicchiamo su strumenti> componenti aggiuntivi, selezioniamo Blocksite e clicchiamo su Opzioni.

Una volta aperta la finestra delle opzioni, impostiamo come metodo la WhiteList, questo sistema impedirà a firefox di accedere a tutti i siti internet tranne quelli che inseriremo nella lista.

In questo modo il nostro browser potrà visualizzare solo i siti che noi abbiamo inserito ,verificato ed autorizzato, evitando, in caso di accessi non autorizzati o semplicemente imprevisti, la visualizzazione di qualsiasi tipo di altro sito web differente.Aggiungete,quindi, utilizzando il tasto "ADD" l'indirizzo di tutti i vostri istituti online.

Oltre a questo impostiamo le opzioni di privacy del browser, cliccando su Strumenti>Opzioni>Privacye deselezioniamo tutte le caselle, e selezioniamo solo quella che dice elimina sempre i dati personali alla chiusura di firefox; nella sezione dei cookie impostiamo come Eccezioni gli stessi siti indicati nel componente aggiuntivo Blocksite.

Tramite un buon firewall si possono chiudere,in oltre, anche tutte le porte di accesso al nostro pc, tranne la porta 80 e 8080 che sono quelle utilizzate dal browser. Se dopo questo settaggio alcuni dei siti bancari non si aprono è perche molto probabilmente la banca usa delle porte prestabilite, gli uniche persone in grado di rilasciare queste informazioni sono quelle del servizio di supporto, quindi contattarlo per procedere all'apertura delle porte interessate.

METTIAMO IN SICUREZZA L'ACCESSO AL PC

Per il blocco della macchina, invece, consiglio vivamente di installare un sistema di accesso a controllo biometrico. Il costo di questi sistemi variano a seconda della precisione del controllo e dei materiali utilizzati , fortunatamente c'è sempre la possibilità di acquistarne alcuni a buon mercato, anche solo per fare delle prove iniziali. Ad esempio questo sistema di accesso biometrico con impronta digitale http://www.eyenetwatch.com/biosecurity/biotouch-usb-fingerprint-reader.htm puo essere ordinato tranquillamente online al costo di 129,95 Pound + spese di spedizione. Questi dispositivi vanno costantemente puliti e manutenti, perche la traccia dell'impronta che rimane sulla piattina potrebbe tradirci.
Perchè installare un sistema di riconoscimento biometrico? Perchè qualcuno potrebbe, a nostra insaputa, installare dei sistemi di registrazione dati, che a loro volta reinviano le informazioni tramite connessione, sia internet che wireless, la password di accesso a windows, infatti, può essere facilmente aggirata o reperita.

Concludo dicendo che quando si tratta di preteggere i nostri risparmi e i nostri dati, le precauzioni non sono mai troppe, questo sistema assicura una buona protezione della navigazione. Ovviamente le minacce non vengono solo da internet, ma anche dal tipo di connessione che adoperiamo ad esempio le wireless, oppure dai supporti di archiviazione removibili, occhio anche alle penne usb dunque, argomento che molto probabilmente riprenderò in un'altro articolo.
Questo articolo non vuole essere una guida, o garantire la vostra incolumità al 100%, ma solo un consiglio sulla base delle esperienze fatte.
Buona navigazione.

Sito Ecommerce gratuito? Si può, ma non alla leggera.

2009-06-09T06:32:00.000-07:00

Oggi vorrei parlare di osCommerce , si, di un sito di Ecommerce completamente gratuito, come una delle soluzioni più interessanti per estendere la propria attività di vendita sulla rete.

Dal lato amministrativo è uno strumento molto potente e versatile, cosa che non si può invece dire della parte grafica, perchè chi ha impostato e sviluppato il progetto ha pensato più al contenuto che all'estetica. E' proprio questa peculiarità a renderlo interessante, poichè chi decide di intrapendere questa attività non può prescindere dall'utilizzo di strumenti professionali per evitare di arrecare danni alla propria immagine aziendale.

In primo luogo il punto su cui invito alla riflessione è la gestione del market online. La gratuità del prodotto non esclude in alcun modo le problematiche legate alla gestibilità, in quanto il progetto fallisce inevitabilmente se non vi sono una o piu persone dedicate alle diverse mansioni previste, come ad esempio:
- l'inserimento prodotti e costante aggiornamento magazzino
- la gestione dei contenuti e delle notizie
- la gestione della mailing list
- gestione e analisi dei pagamenti
- la gestione degli ordini fino all'evasione completa
- la gestione del servizio di supporto

Potrei inserirne di più, perchè ce ne sono molte altre dedicate all'analisi, allo sviluppo, al webmarketing o più in generale alla pubblicità, settore al quanto vasto.
A tal proposito posso indicarvi un buon articolo che vi chiarirà le idee circa la professionalità nel web che chi frequenta Joomla non ha potuto fare a meno di leggere.

Tutte queste attività sono gestibili tramite il potente pannello di controllo che ci viene messo a disposizione nell'area amministrativa: il fatto di risparmiare sulla struttura tecnica ci agevola sui costi che dovremmo affrontare per la creazione del gruppo di lavoro dedicato.
Non demordete, perchè una persona sarà più che sufficente all'inizio, l'importante è non farsi cogliere impreparati se un utente effettua il primo ordine; prevedere e regolamentare l'iter delle azioni da svolgere, per la corretta evasione dell'ordine, è la tecnica che ci consente di sveltire tutte le pratiche, quindi perchè non simulare delle vendite online?

Il sistema di fidelizzazzione del cliente è una delle tante fasi molto delicate che si affrontano ancor prima di iniziare la vendita online: cosa succederebbe se al primo ordine ricevuto, l'utente vi cogliesse sprovvisti del servizio di supporto e ricevesse una risposta dopo 2 giorni per un oggetto che non vede l'ora di ricevere? Al solo pensiero mi vengono i brividi! Proprio il nostro primo utente potrebbe innestare una serie di eventi catastrofici per la nostra immagine come, appunto, passaparola negativi o commenti sgradevoli nel vostro e negli altri forum. E' ben risaputo che gli utenti che non conoscono un servizio, utilizzano i forum ,blog etc per trovare o richiedere informazioni a persone che ci sono già passate. Tutto ciò è assolutamente da evitare, quindi, non mi stancherò mai di ripetere: pensateci su 10 volte prima di mettere su un'attività di vendita online, il gioco potrebbe non valere la candela, il prezzo da pagare è la nostra immagine; se l'idea vi sfiora pensate prima ad una programmazione accurata dell'organizzazione lavorativa (che dovrebbe mirare ad uno studio di mercato e raccolta dati) e successivamente ai progetti di vendita, crescita e promozione pubblicitaria.

Attualmente il progetto osCommerce è arrivato alla versione 2.2 Rc2a ed è in lavorazione la versione 3 alpha, in fase di test con molte nuove funzionalità,ma non ancora stabile. Secondo alcune voci di corridoio sembra che sia stato rinnovato il sistema di gestione dei templates, quindi il problema della personalizzazione grafica verrà, molto probabilmente, risolto in questa nuova versione.
A questo link è possibile visualizzare la versione 2.2Rc2a alla quale sono state apportate delle modifiche alla sicurezza e per la quale ho creato un pacchetto in lingua italiana che traduce sia la parte di amministrazione, sia la parte pubblica.

Già da diverso tempo molti smanettoni dell'opensource si sono attivati per creare un ponte di comunicazione tra osCommerce e il nostro beneamato Joomla: il risultato sarebbe strabiliante e lascio alla vostra immaginazione cercare di capire cosa NON si potrebbe fare con uno strumento simile.

Questo articolo non deve essere assolutamente giudicato come una guida, ma solo come un insieme di consigli personali derivanti da esperienze compiute sul campo.