Faber04 blog

MIGRAZIONE

2011-03-26T16:22:00.001+01:00

Speriamo che non ci sia 2 senza 3. Rimigriamo nuovamente.
E ci riproviamo con WordPress 3. Quindi ecco a voi il nuovo indirizzo:
www.faber04blog.com.
Questa volta però non torneremo indietro! Quindi segnatevelo...promesso! :)
Stay tuned!

Google torna alla carica: esce lo smartphone Google Nexus S

2011-03-16T09:13:00.001+01:00

Si sapeva che dopo la poco riuscita pubblicità del Nexus One, in Italia, ora arrivi il "Nexus S" cioè la seconda versione del Nexus One.

Dopo aver collaborato con HTC per il Nexus One, Google ora si rifugia nelle capaci mani della Samsung , già produttrice del buon Galaxy S. Infatti il Nexus S è una variante neanche troppo lontana del Galaxy S.
Di buono ha per certo le capacità : 1GHz di RAM con memoria Flash da 16GB. Però... rispetto al suo predecessore (e agli HTC) non può sostituire la memoria Flash (la famiglia dei Desire ad esempio permette di sostituirle fino ad un massimo di 32GB, il doppio del Nexus S).
Ha preinstallato Android 2.3 e sicuramente supporterà almeno il prossimo 3.0 e successivi.
Ammetto di aver utilizzato lo strumento di comparazione per verificare le differenze tra Nexus S e un vecchio modello (Nexus One, uno a caso)... Udite udite: il talk-time è maggiore 10 ore contro 6 per il vecchio Nexus One, Flash removibile per Nexus One (Nexus S, no) mentre il nuovo Nexus batte il vecchio solo per la memoria interna 1,5GB contro 512MB.
Insomma.... stiamo a vedere che succede...

BrowserLab: testare il sito su diversi browser e piattaforme

2011-03-15T09:57:00.005+01:00

Una delle novità, introdotte insieme alla CS5, è stata la creazione del servizio online "BrowserLab".
Questo servizio, gratuito salvo registrazione tramite Adobe ID - quello che usate per scaricare le versioni demo dal sito ufficiale, permette di testare "come si vede" il vostro sito su diversi browser di diverse piattaforme. C'è addirittura ancora Internet Explorer 6 (per chi avesse ancora clienti "retro compatibili") tanto quanto le ultime release come Internet Explorer 9 beta o Firefox 4 beta.
Essendo online è un servizio in costante aggiornamento.

Qui di seguito allego uno screenshot esplicativo:

Per maggiori info: http://browserlab.adobe.com

HTML 5: l'importanza della semantica

2011-03-11T09:00:00.022+01:00

Una delle grandi novità dell'HTML5 è la semantica.
Quanti di noi fanno un uso, talvolta spasmodico, del tag "div" pur di poter posizionare un elemento in un dato posto? Ora tutti questi "div" non permettono di poter individuare con esattezza l'importanza che acquistano i contenuti in esso inserito. L'attributo "id" poi può assumere i valori più disparati rendendo effettivamente difficile ai motori di ricerca la possibilità di individuare se un div è importante (perchè è il contenuto principale del sito) da un altro div che funge solo da footer.

Allora ecco almeno i principali segmenti vengono identificati dai relativi nuovi tag.
Nascono infatti in HTML5 i tag: header, footer, nav, aside, article, ... .

Ognuno di loro infatti permetterà di far capire ai motori di ricerca (Google in testa) se un elemento è importante (perchè inserito all'interno del tag "article") rispetto a un semplice footer.
Quindi una pagina che fino ad oggi scrivevamo così:

<div id="wrapper">
<div id="nav">
<ul>
<li>Home</li>
<li>Chi Siamo</li>
</ul>
</div>
<div id="content"></div>
<div id="footer"></div>
</div>

Diventa così:

<div id="wrapper">
<nav>
<ul>
<li>Home</li>
<li>Chi Siamo</li>
</ul>
</nav>
<article></article>
<footer></footer>
</div>

In questo modo sarà più facile per i motori di ricerca individuare se il contenuto ricercato da un utente è più o meno importante.

Muovere un oggetto in Flash tramite la rotella del mouse (mouse wheel event)

2011-03-10T12:00:00.001+01:00

In questo tutorial vedremo come è possibile muovere un oggetto (nell'esempio una movie clip) tramite la rotellina del mouse (evento in gergo definito come "mouse wheel").

Data una movie clip presente sullo stage (denominata "clip_mc"), al primo fotogramma scriviamo il seguente codice:

stage.addEventListener(MouseEvent.MOUSE_WHEEL, moveIt);

function moveIt(evt:MouseEvent)
{
    if(evt.delta>0)
    {
        clip_mc.y+=2;
    }else{
        clip_mc.y-=2;
    }
}

Come vedete la chiave di volta per capire se stiamo muovendo il mouse in un senso o in un altro è la proprietà "delta" della Classe MouseEvent. Se è negativa la clip scende (clip_mc.y+=2) al contrario, sale.

Cookbooks Reader: una comoda app in AIR per Android sulla Flash Platform

2011-03-09T09:00:00.005+01:00

Per tutti gli utenti Android e amanti allo stesso tempo della Flash Platform (ActionScript 3, Flash, Flash Player, Flash Builder, ecc..) vi segnaliamo questa interessantissima applicazione realizzata da mart3:
Cookbooks reader.
L'app permette di visualizzare - come un semplice feed reader - info su varie tematiche affrontate nella sezione Cookbook di Adobe sulla Flash Platform.
Precisa e funzionale, mette in risalto le potenzialità stesse di Flash (visto che è stata realizzata in AIR).

Qui di seguito il video dimostrativo realizzato dalla mart3.

Wallaby: come convertire file Flash CS5 in HTML5 e CSS3

2011-03-08T13:58:00.004+01:00

Wallaby è il nuovo strumento made in Adobe che permette di convertire i file Flash CS5 (FLA) in pagine HTML5.
Ovviamente il progetto - attualmente in fase di testing - non permette ancora molto, tuttavia le nostre animazioni (più semplici) in Flash possono diventare altrettante animazioni costruite in HTML5 cn jQuery e SVG file.
L'applicazione è stata realizzata in AIR, quindi bisognerà avere installata sulla propria macchina il runtime Adobe AIR (gratuito)
Per poter convertire il file di Flash il passaggio è molto semplice: basta selezionare il file FLA!

Salvo errori, Wallaby creerà per noi tutti i file necessari da riutilizzarsi, modificarsi, ecc.. anche con Dreamweaver.

L'applicazione è gratuita e può essere scaricata liberamente dal sito "Adobe Labs".

Per maggiori info: http://labs.adobe.com/technologies/wallaby/

Nuovo videotutorial: Flash - Creare una photogallery trascinabile (dragable)

2011-03-07T09:10:00.001+01:00

Ecco un nuovo videotutorial su come creare una photogallery (in ActionScript 3.0) che sia trascinabile (tramite drag&drop). Buona visione e stay tuned!

FlashBug. L'estensione per Firefox per monitorare i nostri file in Flash ed ActionScript 3.0

2011-03-03T19:55:00.001+01:00

Esiste da tempo, ma buttando un occhio qua e la mi sono reso conto che l'estensione per Firefox (Flashbug - omologa di Firebug) non è niente male.

Permette infatti monitorare la nostra app salvo alcuni accorgimenti.
Per maggiori info al riguardo: http://www.o-minds.com/products/flashfirebug.

Per altri esempio vi suggerisco questo post di Lon Alonzo: http://www.lonhosford.com/lonblog/2011/01/29/using-externalinterface-to-send-messages-to-firebug-console/ sull'uso di Flashbug tramite la Classe ExternalInterface (quella che permette di far dialogare AS3 con JavaScript per intenderci) .

Buon lavoro! :)

Pennello Miscela Colori in Photoshop CS5

2011-02-28T23:17:00.008+01:00

Il pennello miscela colori può essere utilizzato per simulare tecniche pittoriche realistiche di miscela di colori con l'immagine sottostante, combinazioni di più colori sul pennello e la possibilità di scegliere dei valori per quanto riguarda l'umidità della pittura lungo il tratto del pennello.

Il pennello miscela colori combina quindi i colori del pennello con quelli dell'immagine.

Questo pennello dispone di due contenitori: il contenitore deposito che è quello che contiene il colore finale che verrà depositato sull'immagine (un po' come il punto campione che si imposta per il timbro clone) e il contenitore di prelievo che è quello che riceve la pittura solo dall'immagine e viene continuamente miscelato con i colori dell'immagine.

Per iniziare a pitturare con lo strumento miscela colore selezionare lo strumento che si trova nel gruppo sotto lo strumento pennello;

A questo punto dovrete decidere se caricare la pittura dal contenitore deposito o se scegliere un colore. Per impostare il contenitore deposito tenere premuto alt(win) o opzione(Mac) per impostare il punto di riferimento, in questo modo il pennello rifletterà eventuali variazioni di colore nell'area campionata.

Scegliete quindi un pennello dalla palette pennelli e impostare le opzioni nella barra delle opzioni specifiche per il pennello miscela colori.

Nello specifico potrete impostare:

Campione carico pennello corrente: dal pannello a comparsa fate clic su carica pennello per riempire il pennello con un colore o con il contenitore deposito che avete impostato in precedenza,

oppure fate clic su pulisci pennello per rimuovere la pittura dal pennello. Per eseguire queste operazioni dovete tener selezionate le opzioni carica o pulisci automatica.

Menu a comparsa predefiniti: permette di scegliere i tipo di pennello ad esempio: pennello a secco, umido o bagnato, ecc..

Potete scegliere anche dei valori per controllare la quantità di pittura che il pennello preleva dall'immagine (BAGNATO) e specificare dei valori per la quantità di pittura caricata nel contenitore deposito (CARICA).

E infine potete impostare un valore in percentuale che controlla il rapporto tra la pittura prelevata dall'immagine e quella del contenitore deposito (MISCELA). Con un valore 100% tutta la pittura viene prelevata dall' immagine viceversa tutta la pittura proviene dal contenitore deposito.

A questo punto potete iniziare a disegnare trascinando dei tratti con il pennello sull'immagine.

Corso di Flash con ActionScript 3.0

2011-02-28T10:42:00.002+01:00

Sulla scia del buon andamento dei corsi online, siamo lieti di annunciare l'inizio di un nuovo ciclo di corsi, ora anche 'live' !!!
Questa nuova 'serie' inizierà con Flash Developer con ActioScript 3.0. Il corso si svolgerà 'dal vivo', per un massimo di 4 studenti, presso la nostra nuova sede di Roma.
Il corso inizierà il 17 marzo e sarà suddiviso in 2 incontri settimanali, 3 ore di lezione ciascuna (dalle 15 alle 18), per la durata di 40 ore complessive.
Costi e orari sono disponibili sul nostro sito alla pagina FORMAZIONE, o alla nostra pagina di Facebook. Per info: 06/95558732 – info@faber04.com

Nuova versione di Faber04

2011-02-11T10:37:00.001+01:00

Finalmente dopo tanta attesa, ecco la nuova versione del sito di Faber04! :)
Per questo lavoro c'ho messo dentro un pò di tutto: Flex, ActionScript 3.0, PHP, db MySQL e una goccia di XML (che non guasta mai!) .... A breve nuove importanti news!! Non mancate e .... stay tuned!

WWF, il nuovo formato informatico eco-sostenibile

2011-02-10T19:20:00.000+01:00

Non parliamo questa volta dell'associazione più famosa al mondo, ma del formato (derivato del PDF) eco-sostenibile.
Il WWF è il nuovo formato (si può aprire anche con un semplice PDF Reader) che non permetterà di non stampare il documento, risparmiando carta e quindi alberi! ...

Di primo acchitto sembrerebbe una scocciatura più che una cosa buona, tuttavia se ci pensiamo: quante volte stampiamo documenti inutilmente, che potremmo tranquillamente leggere negli innumerevoli supporti oggi disponibili?

Il programma per generare wwf files è gratuito e attualmente solo per Mac. A breve anche per PC...
Per leggerlo? Anche Acrobat Reader!

Ringrazio per la notizia: Andrea Regazzo.

Autorizzare accessi FTP su ARUBA

2011-02-05T22:32:00.000+01:00

Premettiamo che questa non è una pubblicità per Aruba. Tuttavia in questi giorni, mi è capitato di inbattermi in un problema un pò "sui generis".

Aruba ha deciso di controllare gli accessi FTP dei suoi utenti. Problema: da un giorno per l'altro ti sembra di non poter più entrare nel tuo stesso sito.
Soluzione: in realtà basta abilitare il proprio IP!
Procedura: Entrare nella "Area Clienti" quindi, dopo esservi loggati, cliccate su "Filtro accessi FTP".
Nella schermata successiva Aruba vi indica il vostro IP che voi inserirete nel box sottostante.
Salvate (un apposito pulsante "Salva" dovrebbe essere presente nella pagina) e dopo 2 minuti sarete già autenticati e rientrare nel vostro FTP.

Buon lavoro!

CSS: creare layout con altezza full page

2011-01-18T22:35:00.000+01:00

In questo esempio vi mostrerò come creare una pagina HTML in cui l'altezza sia al 100% dello spazio disponibile nel browser.
Un footer posizionato a fondo pagina si adatterà conseguentemente.
Da qui potete scaricare l'esempio.

Photogallery con rotazione 3D con Flash CS5 ed ActionScript 3

2011-01-17T17:45:00.001+01:00

Eccomi finalmente con un nuovo tutorial... (Ultimamente sono un pò impegnato!)
Viste alcune richieste di questi giorni... ho pensato a un tutorial di questo genere: una semplice galleria di immagini che ruotano su stesse per passare da una all'altra sfruttando le nuove proprietà 3D di Flash ed ActionScript 3.0.
Da qui potete scaricare l'esempio!

Applicazioni per Android con Flash CS5

2010-12-02T15:28:00.000+01:00

E va bene! Lo ammetto. Non ho resistito e mi sono fatto un HTC Desire con Android 2.2 per creare app in Flash CS5 per l'Android Market (equivalente dell'App Store).

Devo dire ... che è veramente un altro mondo rispetto all'iPhone.
Premetto che l'iPhone ha rivoluzionato la mia vita e che il SO3 è stato il top....
Ma dal 4.... niente da fare. O hai un iPhone4 oppure butti il 3. Troppo lento... e soprattutto il sistema di pubblicazioni di app troppo articolato.
Ora creo in Flash Cs5, carico sull'HTC e se gira bene la posto sull'Android Market. Che vuoi di più!??! Un SAMSUNG Galaxy S ovvio! heheheheh

Dall'Adobe MAX in arrivo alcune novità.

2010-11-12T11:55:00.000+01:00

Dall'ultimo MAX 2010 ecco in arrivo interessanti novità.
Anzitutto la versione di Adobe Audition finalmente per Mac (fino ad ora solo per PC), un ottimo programma di post-produzione audio.
Non solo. Ecco le nuove versioni di Flash Builder e Flash Catalyst (nomi in codice molto "mangerecci": "Burrito" e "Panini" :) L'italo-americano di Adobe sta uscendo! :)

Per maggiori info, download delle versioni di prova mostrate al max, visitate Adobe Labs.

Videocorso: Creare un sito in Flash CS4 - CS5 con ActionScript 3.0

2010-10-21T16:08:00.003+02:00

E' finalmente edito il nuovo videocorso, edito da Madri: Creare un sito in Flash CS4-CS5 con ActionScript 3.0, realizzato da me e da Daniele Buscioni.
A questo link potrete avere maggiori informazioni sul prodotto.
Il videocorso dura circa 6 ore (compresivo di video, file di esercitazione, ecc..) ed attualmente è in offerta promozionale a 97€.
Inoltre avrete la possibilità di scaricare gratuitamente 5 lezioni di prova... per vedere se il lavoro vi soddisfa!
Se siete dei "videoYouTuber" del canale Faber04, ... questo lavoro dovrebbe piacervi! ;)

Nuovo videotutorial: caricare un file di testo in Flash!

2010-10-16T18:33:00.005+02:00

Pubblicato un nuovo videotutorial : caricare un file di testo esterno in Flash (con ActionScript 3.0! )
Questo è il link: http://www.youtube.com/watch?v=D8VuVLCy6Rg.
Buona visione!

Aggiornamento per Flash CS5 del packager per iPhone

2010-10-12T18:00:00.000+02:00

Non si è fatta attendere la risposta di Adobe. Appena la restrizione Apple scompare (o si allenta) ecco spuntare fuori l'aggiornamento del nuovo packager aggiornato all'ultima versione di AIR 2.0.1.
Dal sito Labs fanno sapere che non solo proseguiranno le collaborazioni con le altre piattaforme, ma soprattutto che oggi le novità portate avanti dal Flash Player 10.1 e AIR 2 sono disponibili anche per iPhone. Sempre dal sito Labs è possibile scaricare il nuovo packager. Buon download a tutti!

30 semplici regole SEO

2010-10-05T17:58:00.001+02:00

Ecco un post molto interessante di 30 essenziali regole di ottimizzazione del proprio sito su socialh.com.
Da tenere sempre in mente. Da considerare sempre! ;)

Nuovi e-seminar Adobe: Wordpress e HTML5

2010-09-21T23:18:00.000+02:00

Adobe ha messo a calendario altri nuovi e-seminar.
Il 6 ottobre il guru Italo Sannino presentarà le importanti integrazioni tra Dreamweaver CS5 e Wordpress mentre il 6 dicembre un altro guru Guido Franceschilli presenterà la realizzazioni di pagine dinamiche con Dreamweaver CS5, HTML5 e CSS3.
Da non perdere!!! Ovviamente la registrazione è gratuita ma obbligatoria.

Per maggiori info: http://www.adobe.com/it/special/eseminar/

Nuovo pillolibro: Creare un sito in Flash con ActionScript 3.0

2010-09-19T12:35:00.002+02:00

Ecco fresco di stampa il mio nuovo libro della collona Pillolibri curata da Davide Vasta: Creare un sito in Flash con ActionScript 3.0
Il testo, di supporto al precedente Pillolibro: "ActionScript 3.0, come iniziare" prosegue il discorso di diffusione di creazioni di lavori in Flash con ActionScript 3.0.
Il testo copre ovviamente tutte le versioni Flash che supportino ActionScript 3.0: Flash CS3, CS4 e CS5. Il costo è di 3,99€ in formato digitale.
Per maggiori informazioni, tavola dei contenuti e ... (non si sa mai ;) ) l'acquisto, ecco il link di riferimento: http://www.pillolibri.it/ebook_crare_sito_flash_actionscript_3.html.
Buona lettura! ;)

Apple sblocca alcune restrizioni per iPhone...

2010-09-09T18:26:00.000+02:00

Secondo quanto leggiamo da questo articolo pubblicato su MaCityNet, sembra che finalmente le cose siano migliorate.
La Apple sembra aver allentato la morsa sulle restrizioni per la produzione di app per iPhone e derivati. Questo significherebbe (forse?) che sarà possibile ricominciare quel sogno "ammazzato da piccolo" di tutti noi flashari di creare applicazioni per iPhone....
Vedremo, per ora le azioni Adobe volano .... per buona pace di Jobs!

Nuovo videotutorial: creare un menu animato in ActionScript 3.0

2010-09-04T18:17:00.001+02:00

Fresco di pubblicazione un nuovo videotutorial, su come creare un semplice menu animato in cui una barra si sposta dinamicamente sotto ogni pulsante tramite un'animazione generata via ActionScript 3.0.
Buona visione!

HTML 5: novità sulle form

2010-09-03T12:11:00.004+02:00

Una delle novità di HTML 5 riguarda tutta una serie di possibilità che fino ad oggi vengono delegate a Javascript.
Pensiamo alla convalida del modulo (se i campi sono vuoti, l'utente non può proseguire), oppure inserire un placeholder nel campo (per indicare il valore da inserire) che scompaia appena l'utente ci clicca sopra.
Nell'esempio che andremo ora a scrivere vedremo come creare una form di soli 2 campi, obbligatori, con placeholder al suo interno:

<form action="#" method="get">

<label for="hobby">Nome: </label>

<input type="text" placeholder="Qui il tuo nome" required >

<label for="hobby">Cognome: </label>

<input type="text" placeholder="Qui il tuo cognome" required >

<input type="submit" value="Invia">

</form>

Se state visualizzando questa pagina con Google Chrome o Safari, potrete vedere l'effetto immediato qui di seguito:

Come noterete, se provate a cliccare sul pulsante "Invia", verrete immediatamente rispediti sul box "Nome" (considerato come campo obbligatorio, cioè "required").
NOTA: Essendo "required" un'attributo di tipo booleano (cioè che accetta solo valori "true" o "false") non è necessario specificarlo e basta semplicemente aggiungerli tra gli attributi del tag "input")

Novità .. più interessanti in casa Apple: i nuovi iPod

2010-09-02T20:47:00.001+02:00

Novità in casa Apple.

Escono i nuovi iPod. Le novità riguardano un pò tutti:

iPod shuffle: tornano a essere quadrati e con la pulsantiera (in effetti il design "stuzzichino" non era per niente congeniale)

Gli iPod nani: stavolta sono veramente nani! :) (guardate la foto accanto). ma il monitor è ormai touch-screen anche qui.

L'iPod Touch, invece si aggiorna alla situazione generale. Sempre più simil-iPhone ma senza chiamate.... in verità potete chiamare se avete qualcuno da chiamare su Facetime (l'anti-Skype di Apple), anche questo già presente sull'iPhone 4.

Da tenere sott'occhio :)

HTML 5: gestire un file audio

2010-08-31T13:17:00.009+02:00

Una delle novità di HTML 5 è la possibilità di gestire materiale audio e video senza l'ausilio di plugin di nessun genere. Ammesso sempre che il browser che visualizza tale pagina, supporti l'HTML 5.
In questo tutorial vedremo il nuovo tag "audio".

Anzitutto cominciamo col dire che grosse differenze sintattiche macroscopiche non sono percepibili (ovviamente le differenze pratiche si sentono, .. eccome!) tra HTML 4.01 e HTML 5.

Quindi per inserire un file audio basterà semplicemente aggiungere (nel punto esatto della pagina) il seguente tag <audio>
Gli attributi necessari o utili da usarsi sono:
"loop" se vogliamo far cominciare nuovamente il brano una volta terminato
"src" per la sorgente del file audio (in formato mp3 preferibilmente)
"controls" per permettere agli utenti di controllare il file (play, stop, pause)

Quindi se volessimo mettere un brano audio nel nostro sito potremmo scrivere:

<audio id="myAudio" autoplay loop src="Sampler.mp3" controls="controls"/>

Come noterete i valori booleani "autoplay" e "loop" vengono semplicemente inseriti, senza alcuna specifica del valore.

Da qui potete scaricare questo semplice esempio.

Creativity Day a Roma il 12 ottobre 2010

2010-08-05T09:00:00.000+02:00

Il prossimo 12 ottobre si svolgerà a Roma, presso il Centro Congressi Cavour (Via Cavour 50/a) l'annuale evento di riferimento dei grafici: il Creativity Day .

In programma tantissimi eventi, che potrete consultare qui.

Per l'occasione seguiranno nei due giorni successivi (13 e 14 ottobre) ulteriori corsi a pagamento. Il 14 terrò due eventi : il primo - mattutino -su Flash Catalyst (dal titolo: "Flash Catalyst: la nuova strada per progettare web app ... senza una riga di codice") il secondo - pomeridiano - su Flash Builder : Creare e potenziare applicazioni Flash peformanti senza paura! Alla scoperta di Flash Builder. ..

Insomma cerchiamo di evangelizzare due nuovi prodotti niente male!!!.
Per prezzi, orari e prenotazioni potete consultare il sito ufficiale: http://www.insidesrl.it/creativityday/
Sarà sicuramente una buona opportunità per conoscerci ... e conoscere qualcosa di nuovo in casa Flash!

iPhone 4: operazione custodia

2010-08-02T10:22:00.000+02:00

Ecco quindi l'operazione custodia per l'iPhone 4. Nome in codice: risolvere il problema della connessione "se lo prendi con la mano sinistra" .

Pensavo che quelli "italiani" si sarebbero scampata questa figura... invece se la scamperanno quelli della prossima ondata, visto che il programma terminerà il 30 settembre. Anche se arriviamo dopo... arrivano dopo anche i problemi, per buona fortuna della casa produttrice del modello Bumper (la custodia) che venderanno tante mascherine quanti iPhone 4!!!

Nuovo podcast di Faber04 su iTunes

2010-07-24T16:34:00.001+02:00

E' stata appena pubblicata la 3° puntata di podcast di Faber04 su iTunes.
Da qui potete iscrivervi (se avete iTunes) al podcast! Buon ascolto e se possibile, buon divertimenti!
E già che ci siamo... mi sa anche buone vacanze! :)

Nuovo videotutorial: creare un testo scorrevole in Flash Catalyst

2010-07-24T13:29:00.001+02:00

Ecco un nuovo videotutorial sul canale YouTube di Faber04 su come creare un componente di testo scorrevole in pochi passi con Flash Catalyst. Buona visione!

Nuovo videotutorial: una presentazione su Flash Catalyst

2010-07-22T09:07:00.001+02:00

Ricominciamo quindi dai videotutorial! :)
Spero che la cosa faccia piacere ai miei lettori. Il video si trova all'interno del nuovo canale "YouTube" (sempre del progetto Faber04: http://www.youtube.com/watch?v=q7WG_gzwqbQ) - il link è disponibile nel box "Guide e Risorse" alla voce "YouTube videotutorial,

Questo video tutorial è una breve presentazione sul nuovo prodotto Flash Catalyst. Ne seguiranno altri (oltre che a Flash Catalyst ovviamente)... Buona visione

HTML 5 con Dreamweaver CS5

2010-07-21T19:54:00.001+02:00

Già da maggio scorso è disponibile l'estensione (gratuita) per Dreamweaver CS5 per poter creare pagine in HTML 5 e CSS3.
L'estensione prevede anche l'installazione del pannello "Multiscreen preview" in modo da poter visualizzare il documento che state creando per più tipi di supporti (mobile, desktop, ..) Per maggiori info: http://labs.adobe.com/technologies/html5pack/

Corsi e lezioni di formazione (anche online)

2010-07-16T23:26:00.046+02:00

Volete approfondire le vostre conoscenze? Volete fare anche solo una lezione per chiarirvi alcuni dubbi? Allora richiedete sul sito faber04 (www.faber04.com#formazione) la vostra lezione o il vostro corso! La registrazione è gratuita!!

A disposizione ci sono diverse scelte a seconda delle proprie necessità.
Ogni corso sarà corredato da testi didattici in omaggio.

Corso Web Developer: (X)HTML, CSS, JavaScript, ActionScript 3.0
Software: Adobe Dreamweaver, Adobe Flash
Totale ore: 40 - Costo: 850 €

Corso Web Designer
Software: Adobe Dreamweaver, Adobe Photoshop, Adobe Flash

Totale ore: 60 - Costo: 1.500 €

Corso Flash Developer con ActionScript 3.0: Creare web app con la famiglia Flash!

Software: Adobe Flash, ActionScript 3.0
Totale ore: 40 - Costo: 850 €

Corso Flash: Creare interattività con Flash!.
Software: Adobe Flash
Totale ore: 30 - Costo: 750 €

Corso Adobe Flex: Creare Web Application con Flex ed ActionScript 3.0
Software: Adobe Flash Builder, Adobe Flash Catalyst, ActionScript 3.0
Totale ore: 20 - Costo: 600 €

Corso Adobe Photoshop
Software: Adobe Photoshop
Totale ore: 20 - Costo: 600 €

Corso Adobe Illustrator
Software: Adobe Illustrator
Totale ore: 20 - Costo: 600 €

Corso ad hoc: E' possibile inoltre richiedere corsi personalizzati (per argomento didattico e numero di ore).
Software: a richiesta
Totale ore: a richiesta - Costo: a seconda dalle richieste

I corsi possono svolgersi "live" (presso di voi o presso la nostra sede) o anche "online" tramite Skype.
In quest'ultimo caso, essendo corsi on line.. giorni e orari non saranno più un problema!!....Sempre che non chiediate di fare lezione la notte :)

Per maggiori informazioni: www.faber04.com#formazione oppure scrivete a info@faber04.com

Ariecchece qua!

2010-07-16T18:57:00.002+02:00

Ebbene si. Dopo 6 mesi di WordPress! si torna a Blogspot!

Voi direte: "Questo è matto! Prima di qua poi di la".... Eh lo so avete ragione anche voi! Purtroppo certe scelte si pagano... oppure non portano i frutti sperati... e quindi "ariecchece qua" :)

Pronti e baldanzosi più di prima! (Te speri!!!)

Eureka!: creare un blog reader in AIR con Flash

2010-06-17T09:09:00.000+02:00

Ringraziamo Valerio per questa richiesta (in realtà con risposta tardiva mia! :( ).
Eccovi un esempio di blog Reader realizzato in Flash con AIR.
L'esempio è riciclabile anche su lavori Web a patto che il feed RSS (il file XML sorgente dei dati) si trovi nella stessa directory del file SWF.
Ovviamente questa situazione non è esclusivo (ci sono soluzioni per saltare questo problema, ad esempio tramite PHP, ecc..). Ecco il link del file.

Ci trasferiamo! Nuovo sito per FABER04 Blog

2010-01-25T20:41:00.005+01:00

Ebbene si. Dopo due anni di onorata carriera in blogspot (ottimo servizio di Google), si cambia.

Ci spostiamo per offrire servizi e contributi migliori ai tutti i miei fedeli lettori: www.faber04.com/blog/ .

Questo sarà quindi il nuovo indirizzo web. Ovviamente il presente blog (Google permettendo) rimarrà attivo (soprattutto vista la mole di informazioni). Sperando di non dover cambiare ancora. ;)

Sperando che il nuovo sito vi piaccia..... buona visione!

Nuovi corsi on-line di grafica e sviluppo web!

2010-01-18T18:43:00.000+01:00

Eccoci di ritorno dopo le vacanze (in effetti è passata da un pezzo il Natale) La principale novità di questo Gennaio 2010 è la pubblicazione ufficiale della disponibilità, già da qualche giorno, dei nuovi corsi online

Annoveriamo come new entry i seguenti corsi:

Adobe Photoshop
Adobe Illustrator
Adobe Flex.

Ovviamente i corsi di grafica saranno tenuti da professionisti del settore.
Per maggiori informazioni (costi, programmi didattici, ecc...) potete vistare il sito ufficiale: www.faber04.com (sezione: Formazione)

Google Chrome (beta) per Mac e Linux

2009-12-15T17:28:00.003+01:00

Finalmente ci siamo. Google ha reso disponibile, anche se solo in versione beta, la versione per Mac e Linux del proprio browser che finalmente non sarà più solo ad appannaggio di Windows.

Anche se in beta, bisogna dire che il browser funziona correttamente e - a detta della stessa Google - performante più degli altri browser in quanto semplice e con pochi fronzoli.

Fortunatamente per noi sviluppatori supporta i CSS3! Ed una gran cosa!

Da qui il link.

Eureka!: creare una LocalConnection tra 2 SWF

2009-12-12T18:34:00.006+01:00

Parto dallo spunto di un lettore del blog per proporre qui di seguito un esempio per la sezione "Eureka!"

Mi è stato sottoposto un problema di "LocalConnection" ovvero sia: far dialogare 2 SWF separati presenti all'interno di una stessa pagina utilizzando codice ActionScript 3.0

Qui potete scaricare il file.

Photoshop Mobile su Apple Store

2009-12-08T10:25:00.005+01:00

Da qualche giorno è disponibile su Apple Store (per iPhone e iPod Touch) l'applicazione per gestire, modificare e salvare le vostre foto presenti sul dispositivo.

Certo, non è Photoshop CS4, ma per telefonino può anche andare.

Qui di seguito potete vedere un esempio. L'applicazione fortunatamente è gratuita.

Tra le feature: ritaglio, rotazione, ridimensionamento, bilanciamento, collegamento al sito Photoshop.com per lo storage online.

Adobe YOUGC contest: metti alla prova la tua creatività

2009-12-03T14:10:00.006+01:00

Da circa 4 giorni è online Adobe YOUGC. YOUGC è un concorso per tutti coloro che, lavorando quotidianamente con i prodotti Adobe, vogliono concorrere alla realizzazione di un progetto - dalla fotografia alla web application - da presentare al concorso. In palio svariati premi. Al primo classificato: Adobe Creative Suite 4 MASTER COLLECTION. Il secondo, a scelta, CS4 Web Premium, CS4 Design Premium o CS4 Production Premium. Il terzo, di tutto rispetto: Adobe Photoshop CS4. Estrazioni settimanali tra i votanti: in premio Photoshop Elements o Premiere Elements.
Già molti hanno cominciato a pubblicare i loro lavori! Registratevi e inviate il progetto!!!

Regolamenti e modalità di partecipazione sul sito dedicato: www.adobeyougc.com

Eureka! Un progetto per condividere idee e suggerimenti

2009-11-13T10:00:00.002+01:00

Ecco una nuova idea .. perchè fermo proprio non riesco a starci!

Ho deciso di dare vita a un'idea da condividere con i miei lettori. Progetto che chiamerò appunto: EUREKA! Proponi al tua idea!

Il progetto consiste in questa semplice (si fa per dire) idea:

sottoponete al seguente indirizzo (info@faber04.com) una richiesta di un'idea per un tutorial, un dubbio o semplicemente una proposta di esempio che vorreste leggere od approfondire. Io con scadenza periodica (a seconda di quante proposte perverranno) risponderò o pubblicherò l'esempio/tutorial suggerito, gratuitamente. L'importante è che si seguano alcune importanti regole:

1) il tutorial approfondisca un argomento specifico che sia (per me) risolvibile in breve tempo. Diversamente sarebbe impossibile rispondere con un post, quindi escluso.

2) riguardi ovviamente gli argomenti di questo blog (flash, dreamveaver, css, actionscript, ...) e non la risoluzione su un lavoro che state svolgendo.

Insomma un'idea di condivisione tra addetti ai lavori! Le risposte verranno pubblicate appena risolte!

LE VOSTRE RICHIESTE:

Ti piace ActionScript 3.0? Vuoi conoscere Flex? Ecco gli e-seminar di FlexGALA

2009-11-06T15:07:00.004+01:00

FlexGALA (www.augitaly.com/flexgala), usergroup ufficiale Adobe per Flex (con cui collaboro ormai da diverso tempo) sta per dare avvio ad una serie di eventi online (e-seminar simili a quelli distribuiti da Adobe) su Flex, ActionScript 3.0, Flash Catalyst e molto altro ancora.

Ti piace ActionScript 3.0? Vuoi conoscere Flex e/o il nuovo Flash Builder ? Questo è il momento.
Il 30 novembre prossimo (segnate la data) comincerò parlando appunto di Flash Builder 4 beta e delle nuove possibilità. Il livello è per "beginner/intermediate"... quindi non vi preoccupate se siete digiuni di Flex!!

Seguiranno altri eventi. In cantiere (confermeremo nelle settimane successive) anche una serie di incontri introduttivi all'uso di Flash Builder.
Per partecipare agli eventi è sufficiente essere iscritti a FlexGALA! Non mancate

Creare una galleria fotografica utilizzando le proprietà 3D - I°parte

2009-11-04T00:38:00.004+01:00

ActionScript 3.0 ha introdotto dalla nuova CS4 (come alcuni di voi sapranno) alcune proprietà 3D : l'asse Z e la rotazione sui tre assi X, Y e Z.

In questo esempio, al quale faranno seguito altri tipi di tutorial sulle possibili animazioni con queste nuove proprietà, ho creato una galleria fotografica molto semplice : le immagini - entrando da sinistra verso destra - ruoteranno leggermente sull'asse Y posizionandosi sul lato opposto dello stege.

Da qui potrete scaricare l'esempio. NOTA: questo esempio è utilizzabile solo con Adobe Flash CS4.

Finalmente disponibile il videocorso "ActionScript 3.0"

2009-11-02T10:00:00.004+01:00

Finalmente è nato! Dopo un'estate passata a creare videotutorial (18 lezioni) e un inizio autunno a sistemare il tutto, eccolo disponibile sul sito princiapale Faber04

Il video corso partendo dalle basi della programmazione, passa in rassegna tutti gli aspetti fondamentali della programmazione in ActionScript 3.0.
Il video corso è un'applicazione realizzata in Adobe AIR ed è corredata di tutti gli esercizi e file sorgenti (FLA, AS) utilizzati durante le lezioni.

Costo: 40 €.

Per promuoverne la diffusione, il videocorso verrà dato in OMAGGIO gratuitamente a tutti coloro che si iscriveranno a un corso online tra i seguenti:

Corso Flash
Corso ActionScript
Corso ad hoc [inerente a Flash/ActioScript con almeno 15 ore di lezione prenotate].

Questa è la scaletta del corso:

I° parte
- Introduzione ad ActionScript 3.0
- Le variabili
- Le funzioni
- Gli eventi
- Le istruzioni condizionali
- Gli operatori logici
- I cicli

II°parte
- La programmazione a oggetti con ActionScript 3.0
- Le Classi
- La Document Class
- Creare Classi,... disegnando
- Disegnare in Flash: le drawing api
- Lavorare con il testo in ActionScript 3.0
- Caricare file esterni: i file di testo
- Caricare file esterni: i file XML
- Caricare file esterni: immagini ed SWF
- Gestire l'audio in ActionScript 3.0
- Gestiore il video in ActionScript 3.0

Il corso è un'applicazione AIR (necessario quindi avere il runtime gratuito di Adobe installato).
Le lezioni, i video e gli esercizi sono visualizzabili/scaricabili dall'applicazione in ogni momento tutte le volte che vorrete.

Inoltre il prodotto è stato concepito in modo tale da lavorare in rete, quindi eventuali aggiornamenti saranno subito disponibili senza dover scaricare nessuna nuova versione del prodotto!!!!

Per richiederne una copia dovrete essere registrati online sul sito www.faber04.com

Download del materiale presentato al Creativity Day 2009

2009-10-29T15:21:00.003+01:00

E' disponibile, da oggi, tramite download, il materiale che ho presentato al Creativity Day 2009 di Roma del 28 ottobre.

Il file (zip) è disponibile nel Google Group Faber04 accessibile cliccando qui.

Nel file troverete il lettore multimediale (AudioPlayer) in Adobe AIR, il progetto di amministrazione (per Flash Builder 4) del sito demo WorldBusiness e il relativo sito in PHP e db in MySQL.

Buon download!

Lavorare con i componenti di Flash: ComboBox.

2009-10-26T23:30:00.004+01:00

INDICE: Guida ad ActionScript 3.0

In questo post vedremo come lavorare con il componente ComboBox.

La ComboBox, come nell'HTML, un componente che permette una selezione multipla di scelte.

I valori inseriti si dividono in due parti: label, quello che l'utente legge a video e data il valore relativo che lo sviluppatore associa alle scelte dell'utente.

Entrambe devono essere inserite all'interno di una variabile di tipo : DataProvider.

Da qui potete scaricare il file demo.

Per prima cosa inseriamo in un nuovo file Flash il componente ComboBox dalla finestra Componenti (Finestra-->Componenti-->ComboBox). Assegniamo come nome istanza a questo oggetto: "combo".

Quindi apriamo il primo fotogramma del nostro file Flash e scriviamo quanto segue:

import fl.data.DataProvider;
var dataProv:DataProvider=new DataProvider();

dataProv.addItem( { label:"Grafico", data: "g" } );
dataProv.addItem( { label:"Developer", data: "d" } );

combo.dataProvider=dataProv;

Così facendo abbiamo creato ( e importato) la classe necessaria: DataProvider.

Poi abbiamo popolato con 2 scelte la nostra variabile.

Quindi tramite la proprietà "dataProvider" del componente combo abbiamo associato il dataprovider al componente combobox.

Sempre dalla finestra dei componenti (Finestra-->Componenti) inseriamo un pulsante che chiameremo (nome istanza) : leggiDati_btn.

Per riprendere il valore scelto dall'utente dalla ComboBox scriviamo quanto segue:

leggiDati_btn.addEventListener(MouseEvent.CLICK, showData);

function showData(e:MouseEvent)
{
trace("Sei grafico o sviluppatore? "+combo.selectedItem.label);
trace("Valore della selezione: "+combo.selectedItem.data);
}

E il gioco è fatto!

Nasce il sito della collana "Pillolibri"

2009-10-16T09:44:00.004+02:00

E' nata da qualche giorno il sito della collana "Pillolibri" curata da Davide Vasta per le edizioni Lulu.com. per la quale ho collaborato per la stesura del testo: "ActionScript 3.0: come iniziare".

Il progetto, come alcuni di voi sapranno,

nasce da un'idea di Davide e converge verso la creazione di testi dal carattere semplice ed immediato. Proprio per la loro stessa natura i testi affrontano argomenti mirati e verticali sui più diversi aspetti del web, del design, della fotografia ed altro ancora.

Adobe Flash CS5... is coming!

2009-10-06T11:38:00.003+02:00

Ed eccoci, freschi freschi di Adobe MAX, a parlare di Flash... CS5!!!

Dal sito Labs di Adobe (http://labs.adobe.com) potrete gustare tutte le importantissime novità del MAX (uno degli eventi centrali Adobe nel mondo) e dei vari prodotti.
Un perla della nuova CS5: un supporto al code writing di ActionScript 3.0 (guardate la seconda immagine del logo di questo post!!)... Perla numero 2: si potrà usare ActionScript 3.0 per creare applicazioni per IPHONE!!!!!
Ora voi direte. La voglio scaricare (la beta).... Eh no! Sarà disponibile solo alla fine del 2009!... Pazientate ancora un poco!...

Per maggiori info: Adobe Labs

Windows Vista service pack 2 disponibile!

2009-10-05T12:49:00.003+02:00

E' ufficilamente pubblicato (e quindi disponibile al download) il service pack 2 per Windows Vista....

Ora possiamo dirlo: con questo service pack 2 le prestazioni sono migliorate. D'altronde, con l'imminente uscita di Windows 7, la Microsoft ha già a disposizione molti "aggiustamenti" per la sua ultima release.

Download molto consigliato!

Creativity Day a Roma il 28 ottobre

2009-09-21T18:03:00.006+02:00

Il prossimo 28 ottobre si terrà a Roma il CREATIVITY DAY.

Segnate questa data,... perchè potremmo incontrarci!

Tra i diversi seminari e corsi "full-day", terrò un evento (seminario gratuito dalle 14 alle 15.45) dal titolo: Creare applicazioni interattive con Flash, Dreamweaver e Adobe AIR.

L'evento, organizzato da INSIDE, è rivolto a tutti coloro che, perennemente alla ricerca di idee e creatività, vogliono confrontarsi con colleghi, apprendere le ultime novità in merito, spaziando dal Web alla Grafica dalla pubblicità alla fotografia. Una giornata all'insegna del confronto ma anche dello scambio di idee e .... tanto altro ancora.

Alla stessa ora e stesso giorno ci sarà in parallelo un altro importantissimo evento (sempre organizzato dall'INSIDE): "Creare-Stampare", per gli addetti alla grafica, stampa ed editoria!

Insomma... ricapitolando:

28 ottobre 2009 a Roma:

Creativity Day

Creare - stampare

Non mancate!

Seconda puntata di INTroNauTi su podcast!

2009-09-17T16:35:00.001+02:00

Pubblicata sul podcast Faber04 la seconda puntata della nostra trasmissione! Nell'attesa di capire se piace o fa.... vabbè diciamo: buon ascolto! :)

Nuovi e-seminar in calendario

2009-09-10T12:09:00.004+02:00

Sono stati ufficialmente pubblicati i nuovi e-seminar di Adobe.

Il 12 novembre (dalle 16 alle 17) terrò un e-seminar dal titolo: "Passa da AS2 ad AS3". La lezione ovviamente si concentrerà su come passare da ActionScript 2.0 ad ActionScript 3.0 partendo da nozioni di base dalle tipiche azioni usate quotidianamente, fino ad introdurre i discenti verso i benefici della programmazione a oggetti in ActionScript 3.0!

Questo ovviamente non è l'unico evento in lista. Anzi!

Sul sito del nuovo portale "E-seminar" (http://www.adobe.com/it/special/eseminar/) troverete tutti i nuovi eventi divisi per argomento:
- Business Productivity
- Digital video & dynamic media (4 e-seminar)
- Graphic Design (3 e-seminar)
- Professional Digital Imaging (4 e-seminar)
- Web Design & development (3 e-seminar)

Inutile dire che sarebbero tutti da seguire. Gli argomenti spaziano dal video alla fotografia dal web design alla programmazione.....Se però non avete molto tempo.....almeno.... venite il 12 novembre!!! :)

Google è sempre google....

2009-09-09T17:00:00.002+02:00

Che Google sia sempre in prima linea si sapeva. Duemila novità sempre in linea coi tempi...

Però... guardate un pò qui :)

(Da IcTVit)

Lavorare con i componenti NumericStepper e Slider

2009-09-07T10:11:00.004+02:00

INDICE: Guida ad ActionScript 3.0

In questo videotutorial vedremo come utilizzare due componenti molto utili in Flash: il NumericStepper e lo Slider.
Per l'occorrenza creeremo una sorta di galleria fotografica utilizzando il NumericStepper per scegliere la foto. Lo Slider verrà utilizzato invece per creare uno Zoom sulla foto. Come mostrato nell'immagine seguente:

Per poter eseguire l'esercizion potete scaricare la demo da qui.

Apriamo quindi Flash CS4 o CS3 .
Salviamo il file sul Desktop. Quindi salviamo 3 immagini (possibilmente chiamate "foto1", "foto2" e "foto3" sempre sul desktop).
Apriamo il pannello Componenti (Finestra-->Componenti) e trascianiamo in libreria un Numeric Stepper component e uno Slider component.

Quindi (con lo stage completamente vuoto) clicchiamo sull'unico fotogramma disponibile e apriamo il pannello azioni e cominciamo a scrivere:

Alcune classi, soprattutto quelle dei componenti, vanno importante quindi:

import fl.controls.NumericStepper;
import fl.controls.Slider;
import fl.events.SliderEvent;

Creiamo ora tutti gli elementi di cui abbiamo bisogno: un array per gestire le foto, uno slider, ecc...

var imgs:Array=["foto1", "foto2", "foto3"];
var stepper:NumericStepper=new NumericStepper();
var slider:Slider=new Slider();
var foto:Loader=new Loader();
var textLabel:TextField=new TextField();
var inc:int=0;
var zoom:Number=1;

Abbiamo creato anche un'istanza Loader (foto) per caricare la foto, come ben saprete!
Quindi due variabili numeriche per gestire il grado di zoom (zoom) e il numero della foto da visualizzare (inc)
Un'istanza del campo di testo servirà per scrivere le informazioni riguardo a foto e zoom.

addChild(foto);
addChild(stepper);
addChild(slider);
addChild(textLabel);

Ovviamente inseriamo tutto sullo stage! Ora posizioniamo ogni oggetto al suo posto:

stepper.x=stage.stageWidth-stepper.width;
stepper.y=stage.stageHeight-stepper.height;
stepper.minimum=1;
stepper.maximum=imgs.length;
stepper.addEventListener(Event.CHANGE, changeStep);

Con queste ultime righe abbiamo posizionato il NumericStepper (stepper).
Gli abbiamo dato un numero minimo della foto da vere (cioè la prima quindi 1). Il massimo viene definito dal numero dei valori dell'array in modo da rendere questo valore dinamico.
Da ultimo controlliamo che a ogni cambiamento di valore del numeric stepper (Event.CHANGE), cambiamo la foto tramite metodo changeStep che tra poco scriveremo.

slider.y=stage.stageHeight-slider.height-30;
slider.x=stage.stageWidth/2-slider.width/2;
slider.minimum=0.5;
slider.maximum=2;
slider.value=1;
slider.snapInterval=0.5;
slider.tickInterval=0.5;
slider.addEventListener(SliderEvent.CHANGE, changeSlider);

Idemo quindi con lo slider dove però indichiamo anche il valore da assumere a ogni tacca (snap) e il valore da visualizzare sullo slider (tickInterval, una piccola tacchetta grafica sullo slider) che aiuterà graficamente l'utente a capire che valore sta assumento lo slider.

textLabel.y=0;
textLabel.x=stage.stageWidth/2;
textLabel.autoSize="left";

Posizioniamo così anche il testo.

caricaFoto(inc);

function caricaFoto(n:int):void
{
foto.load(new URLRequest(imgs[n]+".jpg"));
foto.contentLoaderInfo.addEventListener(Event.COMPLETE, inMezzo);
}

Come già sappiamo, con questa funzione stiamo, intuibilmente, gestendo il caricamento della prima foto.

function inMezzo(e:Event):void
{
posiziona();
}

function posiziona():void
{
foto.x=stage.stageWidth/2-foto.width/2;
foto.y=stage.stageHeight/2-foto.height/2;
textLabel.text="Questa è la foto: "+imgs[inc]+" con zoom a: "+zoom+"";
textLabel.x=stage.stageWidth/2-textLabel.width/2;
}

Così invece abbiamo impostato la foto al centro!

function changeStep(e:Event):void
{
inc=stepper.value-1;
caricaFoto(inc);
}

function changeSlider(e:SliderEvent):void
{
zoom=e.value;
foto.scaleX=zoom;
foto.scaleY=zoom;
posiziona();
}

Questi ultimi due metodi invece hanno gestito il cambio di zoom e di numero di foto, grazie semplicemente alla proprietà "value" di entrambi i componenti.
Giusto una nota, non irrilevante: lo Slider ha dei propri eventi da gestire, per questo abbiamo usato la classe degli eventi: SliderEvent!!

Faber04 blog dashboard per Mac

2009-09-02T08:55:00.004+02:00

Ecco un'altra novità (molto semplice in verità). Un piccolo widget per Mac ovviamente, per visualizzare le news dal questo blog.

La realizzazione è molto semplice, e nei prossimi giorni ne approfitterò per un post su come realizzare un widget per Mac OsX.

Nel frattempo, rendo pubblico questo piccolo RSS news reader widget per Mac! Buon download!

Mac OS X Leopard Snow in vendita ufficiale

2009-08-29T09:41:00.003+02:00

Leopard Snow è ufficialmente in vendita dal 28 agosto! Abbiamo già anticipato alcune settimane fa l'uscita del nuovo sistema operativo con le sue non poche novità (tra cui il supporto nativo di Microsoft Exchange). E' il sistema operativo più "piccolo" del precedente: solo 5GB di spazio. Dalla formattazione al riavvio sarà tutto più veloce e meno pesante (sempre in termini di byte).
Il costo è anche assai sbalorditivo: solo 29€ (visto che viene considerato come upgrade) per utenti OS X Leopard. Per chi volesse aggiornare più mac c'è il Family Pac (fino a 5 mac di qualunque tipo) al prezzo sempre bassissimo di 49 €. ... La Microsoft dovrebbe prendere nota di questi prezzi! :)
Per maggiori info, clicca qui.

Faber04 Group su Google

2009-08-18T09:00:00.001+02:00

Non finiscono le sorpere per i canali targati "Faber04". Da oggi (tanto che è agosto e il cervello non si riposa) sarà possibile creare discussioni sul gruppo Faber04 di programmazione, web, grafica e tutto quello che potrebbe essere utile nel mondo di internet e non solo. Sarà (almeno questo è nel progetto) un punto dove scambiare informazioni tra i lettori del blog che vada oltre i commenti del blog (talvolta un pò scomodi per le risposte in verità). Che dire di più??? Iscrivetevi e .. scrivete, scrivete, postate commentate... nel rispetto delle regole che contraddistingue un buon forum/gruppo!!!

Questa del gruppo di Google su Faber04 è una delle novità che contraddistinguono questa estate 2009 e il lavoro di diffusione di news, suggerimenti che sto portando avanti da diverso tempo. Il culmine a settembre... con una novità importantissima!!! Stay tuned!!

Faber04 podcast anche su ITunes!!

2009-08-17T09:00:00.001+02:00

Da qualche giorno, il podcast Faber04 è fruibile anche su iTunes. Dopo la corretta registrazione del blog di podcast su iTunes, ora potrete ascoltare la prima (per ora) e le successive puntate anche su iPhone o iPod (che supportino i podcast, ad esempio iPod touch).
Da questo link potete ascoltare il podcast (è obbligatorio ovviamente avere installato iTunes 7 o superiore) sul vostro computer!
Come chiave di ricerca... ovviamente: faber04.

Creare effetti sulle immagini con Pixel Bender ed ActionScript 3.0 - II° parte

2009-08-12T10:47:00.008+02:00

In questa seconda parte del tutorial su Pixel Bender (vedi 1° parte), vedremo come lavorare un filtro di Pixel Bender.

Anzitutto apriamo PixelBender, presente sulla vostra macchina (sia Mac che PC) al momento dell'installazione di Flash CS4, necessario per il nostro esercizio.

Quella appena mostrata è l'IDE di PixelBender. Questo prezioso e semplice strumento permette di creare, caricare ed esportare per Flash Player 10 degli effetti da poter applicare, via ActionScript 3, alle nostre immagini. Nell'esempio abbiamo mostrato il filtro "Sepia" presente tra quelli di default creati da Adobe.

Apriamo un'immagine (una qualunque) con PixelBender, quindi applichiamo il filtro "Sepia" a questa immagine, cliccando sul pulsante "Open a filter.." in basso a destra dell'IDE di Pixel Bender. Scegliamo dalla successiva finestra "Sepia.pbk".
Per vedere come sta la foto con questo effetto, cliccate sul pulsante "Run".
Il filtro seppia ha un solo parametro: "intensity". Cambiate questo valore muovendo il tracker per vedere come "lavora" sull'immagine.

Consideriamo che Pixel Bender ovviamente serve per: scrivere il codice per creare l'effetto, visualizzare questo filtro su una foto di prova, esportare per ActionScript (ma non solo) il filtro.

Ora dal manu "File" cliccate su "Export Kernel Filter for Flash Player". Salvate il file con il nome: sepia.pbj.

Ora apriamo Flash CS4 o CS3 e salviamo un file FLA, vuoto, nella stessa cartella del file PBJ che chiamerete PB.Fla.
Quindi creiamo un file ActionScript che chiameremo Pb.as.
Ultimo passo, salvate un'immagine (rinominatela per praticità "image.jpg") nella stessa cartella del file FLA (che è quindi la stessa del file PBJ e AS).

Apriamo il file FLA e importiamo in libreria il componente Button. Questo pulsante ci permetterà di incrementare l'effetto sull'immagine.
Aprite ora il file ActionScript (Pb.as) e cominciamo a scrivere il codice necessario:

package
{
import flash.display.Sprite;
import flash.display.Loader;
import flash.display.Shader;
import flash.events.Event;
import flash.events.MouseEvent;
import fl.controls.Button;
import flash.net.URLLoader;
import flash.net.URLRequest;
import flash.net.URLLoaderDataFormat;
import flash.filters.ShaderFilter;

Come sempre in questi casi, importiamo tutte le classi di cui abbiamo bisogno. Tra queste ovviamente annoveriamo le 2 che serviranno a caricare e gestire il filtro: Shader e ShaderFilter.

public class Pb extends Sprite
{
private var changeFilter:Button=new Button();
private var loaderFilter:URLLoader=new URLLoader();
private var loaderPhoto:Loader=new Loader();
private var shader:Shader;
private var shaderFilter:ShaderFilter;
private var quantityFilter:Number=0;

Anche fin qui tutto semplice. Abbiamo creato tutte le variabili del caso.

public function Pb():void
{
addChild(changeFilter);
loaderPhoto.load(new URLRequest("image.jpg"));
addChild(loaderPhoto);
changeFilter.label="Increment Filter";
changeFilter.x=stage.stageWidth-changeFilter.width;
loaderFilter.load(new URLRequest("sepia.pbj"));
loaderFilter.dataFormat=URLLoaderDataFormat.BINARY;
loaderFilter.addEventListener(Event.COMPLETE, addFilter);
changeFilter.addEventListener(MouseEvent.CLICK, moreFilter);
}

In questa porzione di codice, oltre ad inserire l'immagine sullo stage, abbiamo impostato il caricamento del filtro. Questo caricamento viene considerato da ActionScript 3 come il caricamento di un file in formato binario! (loaderFilter.dataFormat=URLLoaderDataFormat.BINARY;)

Vediamo ora il metodo "addFilter" :

private function addFilter(event:Event):void
{
trace("Effect Loaded");
shader=new Shader(loaderFilter.data);
shaderFilter=new ShaderFilter(shader);
}

Con quest'ultima porzione di codice abbiamo impostato il costruttore di shader (istanza della classe Shader) con le informazioni (data) caricate da "loaderFilter".
Quindi l'istanza shaderFilter conterrà a sua volta le informazioni di shader

L'ultimo metodo (moreFilter) invece permetterà di gestire la quantità di effetto da applicare alla foto:

private function moreFilter(event:MouseEvent)
{
quantityFilter+=.01;
shader.data.intensity.value=[quantityFilter];
loaderPhoto.filters=[shaderFilter];
}
}
}

La parte focale di quest'ultimo metodo è la riga: shader.data.intensity.value=[quantityFilter];
Infatti ogni volta che vogliamo agire su un parametro del nostro filtro dobbiamo utilizzare una sintassi del tipo: shader.data.nomeparametro.value=[valore];

Ma come facciamo a sapere come si chiama "nomeparametro" (nel nostro caso "intesity")?

Molto semplice. E' PixelBender a dircelo. Facciamo un passo indietro e rivediamo la schermata di prima.

Qui di seguito allego uno zoom sulla parte destra del programma:

Come vedete il nome del parametro del filtro è appunto "intensity" (float indica che il valore deve essere numerico).
Ovvaimente ogni filtro ha i suoi tot parametri con i loro nomi. Tanti parametri abbiamo a disposizione, tanti ne possiamo cambiare via codice sul nostro lavoro Flash.

Salvate il file ActionScript. Tornate sul documento FLA e inserite nel box Documet Class il seguente valore: Pb.
Testate l'applicativo (CTRL+Invio).... E cliccate sul pulsante (l'unico) presente sullo stage... come mostrato nell'esempio seguente.

(Fonte: FlexGALA, autore: Fabio Bernardi)

Aperto il nuovo canale di PodCast per Faber04 !!!

2009-07-30T19:47:00.003+02:00

E' nato ufficialmente il nuovo canale di podcast di Faber04. Grazie al portale di "MyPodcast" - simile a Blogger dov'è ospitato questo blog - è iniziata la nuova avventura di podcast (news audio)
Per ora news e puntate avranno scadenza mensile, ... ma speriamo vadano.

Nel frattempo .. buon ascolto della prima puntata!!!!

Da oggi ... anche su LinkedIn

2009-07-30T13:06:00.003+02:00

Ebbene si! Anche io sono entrato nei social network (lavorativi!!!) .

Dai oggi, quindi potremmo incontrarci anche su LinkedIn. Consigliato a chi vuole farsi pubblicità nel mondo del lavoro (in realtà questo lo sapevamo già... ma colgo l'occasione per sottolinearlo)...

Questo è il mio indirizzo: http://www.linkedin.com/in/faber04

Nasce il nuovo "Istituto Pantheon Design & Technology"

2009-07-28T09:07:00.007+02:00

Dal 27 luglio scorso, è ufficialmente nato il nuovo "Istituto Pantheon Design & Technology" di Roma.
La nuova gestione prevede la nascita di un nuovo "corso" di sviluppo della scuola e dei suoi obiettivi.

Anzitutto cambia la sede. Da oggi l'IP è a Via di Ripetta 226 (Roma).
Cambia l'articolazione dei corsi attualmente disponibili:
Graphic Design, Arredamento, Design CAD e 3D, Progettazione Multimediale, Web & Computer Graphic (per questo corso insegnerò DW e FL e relativi linguaggi). Attualmente al vaglio ci sono ulteriori soluzioni per corsi aggiuntivi.

Se siete interessati, per maggiori informazioni, costi e orari: www.pantheonmultimedia.com

Lavorare con i componenti di Flash: Label, TextArea, TextInput

2009-07-27T09:00:00.000+02:00

INDICE: Guida ad ActionScript 3.0

In questo tutorial vedremo come gestire 3 componenti di Flash: label, text area e campo di testo di input. Da qui potete scaricare un esempio con i 3 componenti.

Come tutti i componenti disponibili, creiamo un nuovo file Flash con ActionScript 3.0, trasciniamo un componente label dalla finestra "Componenti" ("Finestra"-->"Componenti") e diamo un nome a questa istanza, ad esempio: miaLabel.

Il componente Label è molto simile al semplice campo di testo dinamico, per metodi e proprietà.
Come tutti i componenti, la Classi a cui appartiene si chiamerà, ovviamente, Label.

Quindi per scrivere all'interno di un campo Label:

myLabel.text="Hello World!!";

Se invece vogliamo usare i tag dell'html per scrivere al suo interno:

myLabel.htmlText="Hello World!!";

Le altre proprietà che possiamo enumerare (e visibili tramite il pannello "Ispezione componenti" raggiungibile tramite "Finestra"-->"Ispezione componenti") sono:
autoSize: per ridimensionare il campo in funzione del contenuto
condenseWhite: per eliminare eventuali spazi o invii superflui
wordWrap: per dare la possibilità al campo label di andare a capo automaticamente.
visible: per renderlo più o meno visibile.
selectable: per rendere il contenuto del campo di testo selezionabile o meno

La TextArea è molto simile all'omonimo tag dell'HTML. E' un componente di solito utilizzato per permettere all'utente di inserire dei messaggi sufficientemente lunghi di testo.
La TextArea è anch'essa molto simile alla Label, ma con qualche proprietà in più.

editable: il contenuto può essere più o meno editato dall'utente
maxChars: è possibile impostare un valore massimo di caratteri che l'utente può inserire.

Ultimo, ma non meno importante: TextInput.
Anch'esso viene utilizzato, come nell'HTML, per permettere all'utente di inserire una riga di testo (ad esempio username o password o similari).
Alcune proprietà interessanti sono:
displayAsPassword: per mostrare la password criptata (***) oppure no.
maxChars: come per la textarea, permette di impostare un valore limite di inserimento caratteri.

Windows 7: costi e novità!

2009-07-22T09:10:00.004+02:00

A pochi mesi dall'arrivo sugli scaffali dei negozi della nuova versione di Windows 7, ci sono alcune novità.

Anzitutto il programma di aggiornamento (partito il 26 giugno scorso) valido fino al 31 dicembre 2010, permetterà a chi compra oggi un PC con Windows Vista (Premium, Business o Ultimate - escluso quindi i Basic e soprattutto chi ha Windows XP) di ricevere l'equivalente di Windows 7.
Tuttavia per chi ha già un PC e vuole solo aggiornare il Sistema Operativo potrà solo comprare la FULL (ovvero sia formattare tutto da capo).
Questo perchè il nuovo sistema operativo (viste le recenti disposizione europee) sarà senza Internet Explorer.... ma allora la domanda sorge spontanea: come faccio a scaricare Firefox se non ho nemmeno IE????? Con Windows Update, dovremmo poter scaricare IE come aggiornamento! :)

Tuttavia, dal 22 ottobre 2009 al 31 dicembre 2009, le versioni full costeranno quanto l'upgrade.
Fonte: Mondotechblog

Salvare i propri dati con facilità (su Mac): iBackup!

2009-07-18T19:08:00.002+02:00

Fare il backup dei propri dati è sempre importante . Chi di noi non ha perso dati salvati su Hard Disk esterni o pen drive che poi non abbiamo più potuto utilizzare (personalmente credo di essere in buona posizione!) ???

IBackup è un programma molto utile (soprattutto perchè free) perchè permette di gestire backup multipli (cartelle diverse verso un'unica destinazione), da all'utente la possibilità di gestire diverse configurazioni, controlla durante il backup quali file sono effettivamente aggiornati o no. Molto utile e consigliato!

Adobe Flex Builder 3 per sviluppatori disoccupati

2009-07-15T09:14:00.004+02:00

La Adobe ha riaperto un programma chiamato "Adobe Flex Builder 3 for unemployed developer". Data la crisi corrente generalizzata, tutti gli sviluppatori che fossero attualmente disoccupati possono iscriversi al progetto e ricevere una copia gratuita di Flex 3. Ovviamente questa opportunità va soprattutto a tutti coloro che, attualmente disoccupati, vogliono incrementare il proprio skill. Per ulteriori informazioni vi rimando alla pagina di Adobe dedicata.
Fonte: Marco Casario

Esce ColdFusion 9 .. e ColdFusion Builder

2009-07-15T09:07:00.004+02:00

Da qualche giorno è disponibile sul sito Labs di Adobe (labs.adobe.com) la nuova release di ColdFusion 9. Per chi non lo sapesse ancora, ColdFusion è il linguaggio server-side (tipo PHP, ASP.NET, ecc..) di Adobe.
Non solo. Viste le diverse (e non poche) feature, Adobe ha ben pensato di creare un editor apposito, sempre basato su Eclipse (come Flash Builder per intenderci) per realizzare prodotti in ColdFusion. Così oltre a Dreamweaver (fino ad oggi lo strumento principale per CF e non solo) viene affiancato dal "Coldfusion Builder".... per gli amanti del server-side: buon download

NO alla censura

2009-07-14T17:19:00.010+02:00

Il 14 luglio ci sarà la giornata di silenzio dei blogger. Una protesta per manifestare contro il decreto Alfano sulle intercettazioni che se approvato introdurrebbe, con il cosiddetto ‘obbligo di rettifica’ per i siti, sanzioni pesantissime per gli utenti, impedendo di fatto alla rete di essere un fondamentale strumento di diffusione e di condivisione libera dell’informazione e del sapere.
Oggi dunque, invece dei consueti post, i blog italiani metteranno on line solo il logo della protesta, con un link al manifesto per il Diritto alla Rete: http://dirittoallarete.ning.com. Sul network verrà pubblicato inoltre uno slideshow di tutti i blogger imbavagliati che hanno aderito.

COSA PUOI FARE:

- diffondi questa notizia con una e-mail ai tuoi amici.
- scrivilo sul tuo blog

Lavorare con i componenti di Flash: Progress Bar

2009-07-10T18:51:00.005+02:00

INDICE: Guida ad ActionScript 3.0

La progress bar è il componente che permette di gestire creare velocemente una barra di avanzamento di un download.

Creiamo un nuovo file Flash (ActionScript 3.0) sia con Flash CS3 che Flash CS4.

Apriamo il menu "Componenti" e dalla sezione "User Interface" portiamo sullo stage un'istanza della ProgressBar.

Come tutti gli oggetti, anche questo deve avere un nome istanza. Quindi selezioniamo la progress bar sullo stage e assegniamo come nome, ad esempio, progressBar.

Ovviamente per utilizzare tale componente dobbiamo scaricare qualcosa , ad esempio un brano audio :)

Clicchiamo sul primo fotogramma e apriamo il pannello action (F9)

Quindi scriviamo:

var brano:Sound=new Sound();
brano.load(new URLRequest(http://www.calambretango.net/file/audio/06
Tristango.mp3));

La progress bar ha un parametro (source) che indica la sorgente del file da scaricare, pertanto:

progressBar.source=brano;

Per completare l'opera faremo partire l'audio al termine del caricamento, facendo sparire la barra di avanzamento.

brano.addEventListener(Event.COMPLETE, playIt);
function playIt(e:Event){
brano.play();
progressBar.visible=false;
}

Qui potete scaricare il file.

Windows 7 è uscito... ma non ancora in Italia

2009-07-01T20:12:00.005+02:00

Il 26 giugno scorso negli Stati Uniti ( e in altri paesi europei ) è uscito Windows 7, l'ultima release Microsoft.

Per noi, poveri e mesti (ma sempre tra gli ultimi), l'attesa durerà fino al 26 ottobre.

Nel frattempo, potrete soddisfarvi a scaricare (l'ho fatto e funziona perfettamente) la RC di Windows 7 (unsa sorta di beta ufficiale).
"Solo" 2,60 GB di download che ci terrà compagnia fino a circa Marzo 2010! Considerate però che negli ultimi mesi precedenti a Marzo 2010, la nostra copia RC spegnerà il nostro computer ogni 2 ore di lavoro!!! Beh non si può avere tutto dalla vita!
Molte le novità che vengono proposte, ma alla base di tutto si sottolinea come questa versione "tappi" le falle lasciate aperte da Windows Vista! :)
Sempre meglio tardi che mai. Questa volta i presupposti sembrano essere buoni (vista l'esperienza di WindowS-Vista!) ... vedremo...
... Dimenticavo il link :)) ... : http://www.microsoft.com/windows/windows-7/download.aspx

E' ufficialmente uscito: "ActionScript 3.0: come iniziare"

2009-06-16T20:15:00.008+02:00

E' uscito ufficialmente il Pillolibro "ActionScript 3.0: come iniziare".
Il testo fa parte della collana "Pillolibri" ideata da Davide Vasta per Lulu edizioni.

Come già anticipato il costo è accessibile: 2,99 € se scaricato online in formato PDF; 9,99 € se richiesto cartaceo.

Il libro è un pratico testo per chi vuole essere introdotto all'apprendimento di ActionScript 3.0.

Questo su ActionScript 3.0 è pensato per tutti gli utenti dei desiderano muovere i primi passi nella programmazione ActionScript, ma non se la sentonon di iniziare con un libro completo. Fabio Bernardi, sposando perfettamente lo stile essenziale della collana Pillolibri, porta il lettore per mano attraverso le basi della programmazione ActionScript 3.0, con chiari e immediati esempi. (fonte: www.davidevasta.biz)

Per maggiori informazioni, visualizzate la pagina dei dettagli.

E' uscito Linux Ubuntu 9.04

2009-06-16T10:00:00.000+02:00

Finalmente ci siamo! E' uscito Linux Ubuntu 9.04 (in attesa di 9.20 prevista per Ottobre 2010).

La nuova release, che migliora e stabilizza ulteriormente il sistema operativo.
Se siete utilizzatori della vecchia versione 8.10, il vostro computer potrà essere aggiornato in sole (si fa per dire) 2 ore!!! Senza alcun bisogno di formattare (a meno che non lo decidiate voi).

Ovviamente inutile ricordare che il download è gratuito e che anche questa versione può essere utilizzata come Live-CD senza bisogno di installarlo sulla vostra macchina!

Buon divertimento!

Acrobat.com Presentation

2009-06-15T12:21:00.005+02:00

E' nato (già da qualche giorno) Acrobat.com Presentations, il PowerPoint della famiglia Acrobat.

Per chi non lo sapesse "Acrobat.com" è un prodotto free disponibile online che contempla al suo interno diversi prodotti molto utili: ConnectNow (per convidisione del monitor molto utile per e-seminar), Buzzword (editor testuale) ed altro ancora.

Il prodotto è scaricabile, sempre gratuitamente, dal sito Adobe Labs.

Quello che non avrei mai voluto leggere....

2009-06-14T08:34:00.006+02:00

Cari amici lettori, questa volta non vi do una news di Web.
Ne un nuovo tutorial di Flash o quant'altro, bensì il triste annuncio di qualcosa che non avrei mai voluto leggere.

Non commento. Non ne ho l'intenzione. Ma vi invito caldamente a leggere e a riflettere su cosa sta accadendo qui da noi. La notizia per quanto lontana dagli argomenti di quest blog non può essere sottaciuta. Dovevo dirlo.

Spero di rileggere un giorno questo post come da un brutto sogno dal quale ci si risveglia sollevati o di poter cancellare questo post!

Eccovi i link delle notizie:
Repubblica
Corriere della Sera
Il Giornale

Novità in casa Apple: Leopard Snow e il nuovo iPhone 3G "s"

2009-06-09T09:23:00.006+02:00

Ecco alcune novità in casa "Apple".
Sta per uscire (il 17 giugno) il nuovo aggiornamento (consigliatissimo) del Sistema Operativo per iPhone (versione 3.0). Si potrà (almeno sulla carta) mandare MMS, avere lo "spotlight" di ricerca come su tutti i Mac e finalmente la funzione "copia&incolla"... tutte cose che effettivamente mancavano.

A seguire il nuovo iPhone 3G "s" che invece avrà anche la videocamera e la possibilità di fare video, oltre alle cose presenti nell'ultima release.

Non solo. In arrivo a Settembre il nuovo Sistema Operativo: OSX Leopard Snow!

Anche qui novità non eclatanti che hanno fatto puntare più sul miglioramente delle prestazioni che su nuove funzionalità. Gli addetti ai lavori apprezzano.

Lavorare con i componenti di Flash: DataGrid

2009-06-08T16:47:00.006+02:00

INDICE: Guida ad ActionScript 3.0

In questo nuovo articolo vedremo come è possibile lavorare con il componente DataGrid.
Il DataGrid è un componente che permette di creare, data una sorgente dati chiamata "DataProvider", una tabella di dati, come mostrato nella figura seguente:

Vediamo come realizzare l'esempio mostrato in figura.

Create un nuovo file Flash con ActionScript 3 (sia con Flash CS3 che CS4)
Aprite il pannello dei Componenti (Window-->Components)
Trascinate il componente DataGrid direttamente nella Libreria del vostro progetto
Create un nuovo fotogramma nella timeline
Aprite il pannello Actions e scrivete quanto segue:

import fl.controls.DataGrid;
import fl.data.DataProvider;

Come alcune Classi, anche il DataGrid e la relativa DataProvider devono essere importate all'interno del progetto.

var myDataGrid:DataGrid=new DataGrid();
var utente:Object={Nome:"Fabio", Cognome:"Bernardi", Email:"info@faber04.com"};
var utente2:Object={Nome:"Paolo", Cognome:"Rossi", Email:"p.rossi@faber04.com"};

Abbiamo creato un'istanza della classe DataGrid (myDataGrid) e due oggetti (utente ed utente2)
Il componente ha a disposizione alcune proprietà che ci permettono di lavorarne l'aspetto estetico:

myDataGrid.columns=["Cognome", "Email"];
myDataGrid.setSize(400,200);
myDataGrid.rowHeight=40;

Come potete leggere dalla prima riga, possiamo anche scegliere quali colonne (tra quelle disponibili) è possibile visualizzare!
Impostarne quindi la grandezza ("setSize") e indicare l'altezza della riga ("rowHeight").
Di default, ovviamente, Flash posizionerà il componente sulle coordiante (0,0). Basterà cambiare le relative proprietà (x,y) per modificare la posizione del componente. Un'alternativa può essere il metodo move(x,y) del componente DataGrid. Ad esempio: myDataGrid.move(10,10);

myDataGrid.addItem(utente);
myDataGrid.addItem(utente2);

Con queste ulteriori righe invece abbiamo inserito all'interno del componente DataGrid i valori da visualizzare (utente e utente2).

addChild(myDataGrid);

Dulcis in fundo, inseriamo il componente, completo ora di tutto, sullo stage.
Da qui potete scaricare l'esempio.

ActionScript 3.0: come iniziare

2009-06-01T16:46:00.002+02:00

Ci siamo quasi! E' di prossima uscita il mio primo libro personale (dopo i 4 capitoli in "Flash CS4 AIR development" di Marco Casario) dal titolo "ActionScript 3.0. Come iniziare" per la Lulu Edizione.

Colgo l'occasione per ringraziare Davide Vasta ideatore e curatore della collana "Pillolibri"

Il costo del testo è molto accessibile: 2.99€ per il formato PDF scaricabile online o 9.99€ per l'edizione cartacea.

Per saperne di più sulla collana, leggete qui!

Flash Builder 4 e Flash Catalyst disponibili per il download

2009-06-01T10:24:00.004+02:00

Eccoci. Finalmente ci siamo. Da oggi sono disponibili su Adobe Labs: Flash Catalyst (Adobe Thermo) e Flash Builder 4 (ex Flex 4)

Da oggi infatti Flex Builder non si chiamerà più così, bensì Flash Builder, proprio a sottolineare che ormai Flash non è più solo Flash effettivamente, ma una vera e propria platform di prodotti.

Flash Catalyst invece sarà il prodotto Flash Builder per designer. Ad ogni modo vi rinvio alla pagina di Adobe Labs per ogni informazione.

Speaker a From A To Web 2009 (Inside Web Campus)

2009-05-30T12:21:00.004+02:00

Il prossimo 23 giugno si terrà, in occasione del From A To Web 2009 di Roma, un campus formativo dedicato alle più moderne tecnologie per il Web.
Sarò speaker a questo evento e parlerò di ActionScript 3.0, delle differenze con la precedente versione 2.0 ed altro ancora.
In contemporanea ci sarà un altro campus tenuto da Marco Casario (Adobe|Guru, Comtaste) che invece presenterà Flex ed AIR, parlerà di come gestire l'ecosistema video in ActionScript 3.0, quidi al temine una presentazione su Flash Catalyst.

L'evento è a pagamento. Per ogni informazione, visitate il sito ufficiale.

Creare effetti sulle immagini con Pixel Bender ed ActionScript 3.0 - I° parte

2009-05-26T11:55:00.009+02:00

Forse non tutti sanno che oggi è possibile tramite Pixel Bender, creare effetti (anche sostanzialmente complessi) sulle immagini (seppia, distorsioni, ecc...) e lavorare questi stessi effetti in prodotti Flash tramite ActionScript 3.0.

Pixel Bender è un programma che viene installato sulla vostra macchina insieme alla CS4. In alternativa potete scaricarlo dal sito di Adobe Labs.

Pixel Bender è un programma che permette di elaborare effetti sulle immagini, il cui linguaggio di programmazione ha un sintassi simile ai linguaggi basati su C.

Lavorando in GPU (Graphic Processing Unit), gli effetti generati con Pixel Bender non vanno ad inficiare oltremodo il lavoro della CPU. Tuttavia, non tutte le schede grafiche possono permettersi di eseguire gli effetti di Pixel Bender. In questo caso il lavoro verrà svolto dalla CPU.

Pixel Bender è disponibile su PC insieme ai programmi installati per la CS4. Su Mac invece viene incluso nella cartella "Applicazioni -->Utility-->Utility Adobe".

Aprite il programma e noterete subito come l'interfaccia sia molto semplice ma efficace.

Essendo un programma per generare e gestire effetti, anzitutto bisognerà caricare un'immagine su cui testare il filtro.

Dal menu "File" cliccate su "Load Image 1".

Scegliete un'immagine (solitamente Pixel Bender vi rimanderà alla cartella di default di prova). L'immagine verrà caricata nel box nero.

Cliccate ora sul tasto "Open a filter" in basso a destra, per caricare il filtro su cui lavorare.

Dalla successiva schermata scegliete uno dei filtri disponibili, ad esempio "Twirl".

Cliccando sul pulsante "Run" l'effetto verrà applicato all'immagine.
Nel box sottostante l'immagine potrete invece leggere il codice del filtro in questione.

Nella colonna di destra diventeranno visibili i vari parametri che ci permetteranno di modificare l'immagine.

Questi stessi parametri (per nome e valore) saranno quelli omonimi che potranno essere utilizzati via codice ActionScript.

Nel prossimo post vedremo come gestire un filtro in un applicativo Falsh con ActionScript 3.0

Aggiornare le immagini con gli Smart Object di Dreamweaver CS4

2009-05-23T13:46:00.006+02:00

Dreamweaver CS4 ha introdotto un nuovo strumento molto interessante: gli SmartObject.

Questo strumento permette di inserire direttamente nella pagina HTML un file PSD (file progetto di Photoshop di qualunque versione) e generare la relativa JPG (o PNG o GIF) che dovrà essere inserita effettivamente nella pagina.
Non solo. Qualora dovessimo effettuare delle modifche lo SmartObject presente nella pagina HTML notificherà il cambiamento dandoci la possibilità di aggiornare il file.

Creaiamo una nuova pagina HTML con Dreamweaver CS4.
Quindi dal menu "Inserisci"-->"Immagini", scegliamo un PSD.

Il pannello successivo mi permetterà di decidere il formato e la qualità dell'immagine che andrò ad inserire all'interno del documento HTML.

Una volta impostate le caratteristiche e cliccato su OK per conferma, un'immagine del formato richiesto verrà posizionato all'interno della pagina HTML.

Provate ora modificare, da Photoshop, il PSD originale; anche con pochissimi cambiamenti.
Salvate il file PSD e tornate su Dreamweaver. Noterete che lo SmartObject presente nella pagina vi avviserà della necessità di aggiornare l'immagine.

Come noterete infatti una delle due freccie è diventata rossa.
Nel pannello proprietà cliccate ora su "Update From Original" (foto successiva) e la vostra immagine sarà automaticamente aggiornata.

Non dovremo quindi più perdere ulteriore tempo nell'esportazione di immagini ogni volta che dobbiamo aggiornare qualcosa...

Lynx. Il browser testuale per capire come i motori di ricerca vedono il nostro sito

2009-05-19T09:07:00.003+02:00

Paritamo anzitutto da cos'è Lynx.
Lynx è un browser esclusivamente testuale. Niente immagini niente colori. Solo testo.

Tutta questa semplicità ovviamente ha un senso. Serve a capire come i motori di ricerca (Google in primis) vedono il nostro sito.
Scaricando (o provando gli emulatori online) Lynx potrete capire come effettivamente viene "compreso" il nostro sito. Se gli argomenti, i titoli, i link, ecc.., hanno la rilevanza che ci aspettiamo. Questo perchè ovviamente, non sempre quello che graficamente "è evidente" lo è poi anche da un punto di vista tecnico o di codice.

Cliccando su questo link (uno dei tanti emulatori Lynx presenti in rete) potrete testare le vostre pagine e verificare come vengono interpretate dai browser! Potrebbero esserci interessanti sorprese!!!

Lavorare con i componenti di Flash: Button

2009-05-14T18:50:00.007+02:00

INDICE: Guida ad ActionScript 3.0

I componenti in ActionScript 3.0, sono clip filmato dotati di parametri che consentono di modificarne l'aspetto e il comportamento (definizione ufficiale della reference di Flash).
Per utilizzare un componente basta trascinarlo sullo stage per ottenere anche una copia in Libreria.

Il componente Button è uno dei più semplici da utilizzare. Funziona ovviamente come pulsante e ha tutti gli stati (rollover, cliccato, ... ) già impostati e ovviamente modificabile.
La classe di cui è istanza, è ovviamente: Button.

Create un nuovo file Flash. Aprite il pannello "Componenti" (Finestra-->Componenti) e trascinate l'istanza del pulsante sullo Stage.
Noterete come la libreria del nostro progetto si popoli subito di alcuni elementi utilizzati per l'occorrenza, con una cartella ("Component Assets").

Cominciamo a modificare leggermente il nostro componente.

Per fare ciò possiamo aprire il pannello "Component Inspector" (Finestra-->Ispezione componenti) dopo aver preventivamente selezionato il pulsante sullo stage.

Le proprietà esposte nella colonna "Parameters" sono tutte le caratteristiche principali che possiamo modificare (oltre ad altre come "width", "height", ecc... ).
Ad esempio se vogliamo cambiare il testo "Label" sul pulsante:

nomeIstanzaPulsante.label="Testo pulsante";

Se invece vogliamo assegnargli un'azione, basterà considerare il pulsante come un qualunque altro pulsante:

nomeIstanza.addEventListener(MouseEvent.CLICK, azioni);
function azioni(evt:MouseEvent)
{
//Azioni....
}

Le altre proprietà riguardano:
enabled: proprietà booleana per abilitare (true) o meno (false) il pulsante.
selected: proprietà booleana per impostare la sua selezioni (anche senza interazione con l'utente).
emphasized: proprietà booleana per far risaltare (true) o meno (false) il pulsante.
toggled: proprietà booleana per impostare lo stato "premuto" (true) o meno (false).

Upgrade alla Guida di ActionScript 3.0

2009-05-13T08:59:00.003+02:00

E' stata aggiornata la Guida di ActionScript 3.0 con una nuova sezione sull'uso dei componenti in Flash (sia CS3 che CS4).

Nell'indice della guida troverete i nuovi argomenti che realizzerò dai prossimi giorni.
Stay tuned! :)

Videotutorial: Creare rollover con i CSS

2009-05-02T20:51:00.005+02:00

Ho pubblicato un nuovo video tutorial dal titolo: Creare rollover con i CSS.
In questo videotutorial vedremo come creare dei menu utilizzando delle immagini di sfondo senza usare JavaScript.

Buona visione.

Encounter Day Adobe CS4

2009-04-28T09:12:00.004+02:00

Il prossimo 21 maggio 2009 terrò un evento (Encounter Day) per Adobe sulla presentazione della CS4 presso Abitart Hotel, in Via Pellegrino Matteucci, 10/20. Durante l'evento, che durerà tutta la giornata verranno presentati le nuove creative suite (web e design).

Per chi fosse interessato è disponibile anche la data di Milano (19 maggio) presso il Cosmo Hotel Palace a Via de Sanctis, 5. La sessione web sarà tenuta da Andrea Guazzetti.

In entrambi gli eventi, invece, la sessione di Design sarà tenuta da Alberto Comper (Channel Sales account manager Adobe).

Qui potrete trovare tutte le informazioni e registrarvi (gratuitamente ma obbligatoriamente) all'evento.

E-seminar: Creare applicazioni web con Dreamweaver e Flash

2009-04-21T21:01:00.005+02:00

Memorandum per i miei fedelissimi lettori e seguaci! :)
Cariiiissimi, giovedì 23 pomeriggio dalle 16 alle 17 ci sarà il primo (di una serie di 3 eventi, tutti gratuiti) di e-seminar Adobe ufficiali (questo è il link) dal titolo: Creare applicazioni Web con Dreamweaver e Flash. Mi raccomando, non mancate!!! Se participerete a tutti e 3 gli eventi riceverete al termine un attestato di partecipazione da parte dell'Adobe!!!

Vi aspetto!!! :)

Installare Adobe AIR 1.5 su Linux Ubuntu 8

2009-04-11T10:11:00.004+02:00

In effetti questo post potrebbe sembrare un pò eccessivo, tuttavia su Linux Ubuntu potrebbe non essere così semplice...

Infatti a differenza di Mac e Windows, Linux necessita ancora di scrivere qualche riga di codice per poter avviare l'installazione del Runtime. Navigando in rete ho trovato un post molto interessante al riguardo: http://www.simplehelp.net/2008/09/17/how-to-install-adobe-air-in-ubuntu/
In sostanza:

Scarichiamo dal sito ufficiale Adobe il runtime.
Apriamo il "Terminale" di Linux ("Applicazioni"-->"Accessori")
Spostiamo nel Terminale nella root del nostro desktop (esempio: "cd /home/myUbuntu/Desktop")
Digitiamo la seguente riga di codice chmod +x AdobeAIRInstaller.bin
Quindi digitiamo ancora: ./AdobeAIRInstaller.bin
Si aprirà il pannello di installazione di AIR. Concludete l'installazione

Il post è la traduzione e aggiornamento del link a SimpleHelp.net

Video Tutorial: Creare una document Class in Flash

2009-04-09T14:30:00.003+02:00

Nuovo videotutorial su Flash / ActionScript 3 su come creare una document Class.
Una nota. Sul sito www.faber04.com (di cui ho fatto il restyling pochi giorni fa) ho aggiunto una sezione sui video tutorial organizzata come nel blog. Potrete accedere alla visione dei videotutorial anche qui ora!!!

Buona visione! ... come sempre del resto! :)

Creare applicazioni per Facebook in Flash/Flex con ActionScript 3

2009-04-08T00:03:00.004+02:00

Che Facebook e Flash interagivano... lo si sapeva (vedi i vari giochi tipo "Pet Socity" ecc..) ma ora anche Adobe pubblicizza la cosa.

Su Devnet di Flex è possibile scaricare alcuni semplici esempi su come cominciare a interagire con le API di Facebook e interfacciare le proprie applicazioni tramite ActionScript 3!
Qui intanto ci butto un occhio... ;)
Buon divertimento.

Primo testo in italiano su ActionScript 3. "Le risposte per i professionisti"

2009-04-06T12:09:00.005+02:00

Ecco la copertina del nuovo testo su ActionScript 3.0 in italiano.
Edito in Italia da "Tecniche Nuove" per O'Really.

Il lavoro sembra molto ben fatto. La presenza tra gli autori (ben 4) di Jan deHaan assicura la validità del lavoro.
Il libro tratta ActionScript a 360°. Partendo dall'inizio (anche per chi è totalmente digiuno), arriva fino ad argomenti sempre più interessanti (caricamento dati esterni, interfacciamento con linguaggi server-side, ...)

Finalmente qualcosa arriva anche in Italia. Consigliato!

SEO: ottimizzazione Web per motori di ricerca.

2009-03-31T14:15:00.009+02:00

Volevo cogliere l'occasione con questo post di presentare uno dei libri più interessanti che mi sia capitato tra le mani in questo periodo. Il testo in questione è "S.E.O. Ottimizzazione web per motori di ricerca" edito da Apogeo, di Davide Vasta (Adobe|Guru).

Lo sforzo di una buona (e agognata) indicizzazione sui motori di ricerca è da sempre per i web master una questione in continuo sviluppo. Il libro proposto si pone come sintesi attuale completa ed esaustiva dell'argomento. Sottolineo la buona fattura del testo non solo perchè Vasta è mio collega nel gruppo Adobe|Guru, ma perchè effettivamente il libro merita e Davide riesce a spiegare con facilità disarmante anche argomenti non sempre semplici.

Volete cominciare a studiare le buone pratiche di realizzazioni di siti internet ottimizzati? Questo è un buon inizio! Sicuro.

Creare menu dinamici con Flash e XML

2009-03-23T12:40:00.008+01:00

In questo articolo vedremo come gestire un menu dinamico tramite in ActionScript 3 ed XML che sia posizionato in maniera orizzontale o verticale a nostro piacimento.

Vediamo come. Da qui potete scaricare l'esempio.

Per prima cosa creiamo un file XML all’interno del quale inseriremo tutti i dati necessari alla sua posizione, distribuzione orizzontale o verticale, offset di rollover o rollout, ecc.

<?xml version="1.0" encoding="UTF-8"?>
<menu posizione="v" offset="3" window="new" typeLink="external" posX="0" posY="0" offsetRollOver="6">
<voce labelText="Faber04" labelUrl="http://www.faber04.com" posX="" posY="" />
<voce labelText="AUGItaly" labelUrl="http://www.augitaly.com" posX="" posY="" />
<voce labelText="Google" labelUrl="http://www.google.it" posX="" posY="" />
<voce labelText="AUGItaly" labelUrl="http://www.augitaly.com" posX="" posY="" />
</menu>

Come potete leggere si tratta di una struttura molto semplice. I vari nodi “voce” gestiscono le varie voci di menu, con i loro attributi: labelText per le label del pulsante, labelUrl per l’indirizzo, e così via.

Nel nodo “menu” invece abbiamo inserito tutte le informazioni riguardanti il menu: attributo “posizione” per la distribuzione verticale od orizzontale, “offeset” per gestire la spaziatura tra le diverse voci, “window” per controllare l’apertura della nuova finestra e, nel caso di link esterni, “typeLink” per indicare a Flash se il link è un collegamento esterno oppure un caricamento di SWF esterni. “PosX” e “PosY” indicano le posizione del menu sullo stage. Da ultimo “offsetRollOver” regola la quantità di pixel di rollover dei pulsanti. Salviamo ora questo file come “menu.xml” nella cartella che preferite. L’importante è che sia la stessa dove salverete anche il file FLA quindi l’SWF.
Apriamo Flash CS3 e creiamo un nuovo file Fla con Actionscript 3.0.
Creiamo una MovieClip contenente un forma rettangolare, e un campo di testo dinamico, di nome “did_txt”. Come mostrato nella figura a fianco.

Una volta creata, possiamo tranquillamente eliminare l’istanza presente sullo stage.

Apriamo la libreria e concateniamo questo oggetto: clicchiamo con il tasto destro sull’oggetto in libreria e diamo un nome alla classe che verrà creata relativamente a questo elemento.

Il nome sarà: MenuLabel

Ora clicchiamo sul primo fotogramma della linea temporale di Flash, ed apriamo il pannello delle azioni.
Anzitutto inseriamo tutte le variabili di cui abbiamo bisogno, per segnarci i percorsi dei link, la posizione del menu e altri parametri.

var xmlData:XML=new XML();
var urlReq:URLRequest=new URLRequest("menu.xml");
var urlLoad:URLLoader=new URLLoader();
var menu:Array=new Array();
var posizioneMenu:String=new String();
var offset:Number=new Number();
var offsetRollOver:Number=new Number();
var window:String=new String();
var windowLink:String=new String();
var linktype:String=new String();
var posXmenu:Number=new Number();
var posYmenu:Number=new Number();
var rollMe:Boolean=new Boolean();

Dopo aver indicato che le informazioni provengono da un file XML, carichiamo i dati dal file creato poco fa:

urlLoad.load(urlReq);
urlLoad.addEventListener(Event.COMPLETE, leggiXML);

function leggiXML(e:Event)
{
xmlData=XML(urlLoad.data);
showMenu();
}

Iniziamo ora con la funzione showMenu() che assolverà all’esecuzione del corpo principale dell’applicazione:

function showMenu():void
{
posizioneMenu=xmlData.@posizione;
offset=xmlData.@offset;
window=xmlData.@win;
linktype=xmlData.@typeLink;
posXmenu=Number(xmlData.@posX);
posYmenu=Number(xmlData.@posY);
offsetRollOver=Number(xmlData.@offsetRollOver);
for each(var prop:XML in xmlData.voce)
{
menu.push({labelMenu:prop.@labelText, labelUrl:prop.@labelUrl, labelX:prop.@posX, labelY:prop.@posY});
}
putLabel();
}

NOTA: Poichè le informazioni si trovano all’interno di proprietà del nodo “voce”, le relative proprietà della variabile “xmlData” antepongono il simbolo “@” prima del nome dell’attributo.

Proseguiamo con lafunzione “putLabel()”.

function putLabel():void
{
for(var i:Number=0; i<menu.length; i++){
var menuVoice:MenuLabel=new MenuLabel();
menuVoice.did_txt.text=menu[i].labelMenu;
menuVoice.link=menu[i].labelUrl;
addChild(menuVoice);
switch(posizioneMenu){
case "v":
menuVoice.y=(menuVoice.height+offset)*i;
rollMe=true;
break;
case "h":
menuVoice.x=(menuVoice.width+offset)*i;
rollMe=false;
break;
default:
trace("dato di posizionamento sbagliato");
break;
}
menuVoice.addEventListener(MouseEvent.CLICK, linkMe);
menuVoice.addEventListener(MouseEvent.MOUSE_OVER, overMe);
menuVoice.addEventListener(MouseEvent.MOUSE_OUT, outMe);
}

In questa funzione, come noterete, all’interno del ciclo “for” richiamiamo un’istanza della classe MenuLabel, che altro non è che il nostro pulsante in libreria. La clip in questione verrà ripresa dalla libreria e posizionata sullo stage una volta per quante sono le voci di menu caricate dal file XML. La condizione “switch” controllerà la variabile “posizioneMenu”, in funzione di questo il menu verrà posizionato in orizzontale piuttosto che in verticale.

Per ogni pulsante dobbiamo assegnare i tre listener principali: roll-over, roll-out e click.

Non resta che visualizzare le 3 funzioni:

function linkMe(e:MouseEvent)
{
var path:URLRequest=new URLRequest(e.currentTarget.link);
if(linktype=="external"){
switch(window){
case "new":
windowLink="_blank";
break;
case "old":
windowLink="_self";
break;
}
navigateToURL(path, windowLink);
}else{
var loader:Loader=new Loader();
addChild(loader);
loader.load(path);
if(!menu[e.currentTarget.link].labelX || !menu[e.currentTarget.link].labelY){
loader.x=0;
loader.y=0;
}else{
loader.x=menu[e.currentTarget.link].labelX;
loader.y=menu[e.currentTarget.link].labelY;
}
}
}

function overMe(e:MouseEvent)
{
if(rollMe){
e.currentTarget.x+=offsetRollOver;
}else{
e.currentTarget.y+=offsetRollOver;
}
}

function outMe(e:MouseEvent)
{
if(rollMe){
e.currentTarget.x-=offsetRollOver;
}else{
e.currentTarget.y-=offsetRollOver;
}
}
}

Con queste due funzioni, abbiamo indicato che cosa deve accadere per rollover e rollout, ovvero avanzare sulle X o Y (a seconda che il menu sia orizzontale o verticale ) di tanti pixel quanti sono quelli indicati dalla variabile (offsetRollOver).

Con la funzione "linkMe", indichiamo cosa deve accedere nel caso di link “external” cioè che puntano a una pagina HTML esterna.

Nel caso di variabile link “internal” viene creato un’istanza Loader e caricata all’interno del documento. In questa evenienza, nelle ultime righe indichiamo dove deve essere posizionato il nuovo file SWF, se con coordiante 0,0 oppure con quelle indicate nel file XML come proprietà “posX” o “posY” dei singoli nodi “voce” .

Salviamo il tutto e testiamo questo menu.

Per cambiare il menu in qualcosa di più personalizzato, basterà entrare nella clip MenuLabel e modificarne la grafica oppure aprire il file XML e cambiare i parametri.

Buon divertimento!

Gestire in ActionScript 3 le animazioni costruite sulla Timeline

2009-03-20T10:15:00.005+01:00

Gestire in programmazione le animazioni create sulla Timeline di Flash potrebbe ritornare talvolta utile.
In questo tutorial vedremo come gestire un'animazione realizzata sulla timeline e spostare la timeline avanti indietro (per l'occasione riutilizzeremo un esempio già mostrato tempo fa sul blog). Da qui potete scaricare l'esempio.

Create un nuovo documento in Flash (CS3 o CS4). Create un'animazione (anche semplice) di 3-4 fotogrammi chiave. Create un nuovo livello ed inserite al suo interno 4 pulsanti. Il tutto più o meno come mostrato in figura:
Inseriamo quindi il codice.
Create un nuovo livello per le azioni e aprite il pannello Action.

Quindi inserite il seguente codice:

stop();
var termine:Number=1;
var startit:Boolean=false;
button1_btn.addEventListener(MouseEvent.CLICK, chooseEnd);
button2_btn.addEventListener(MouseEvent.CLICK, chooseEnd);
button3_btn.addEventListener(MouseEvent.CLICK, chooseEnd);
button4_btn.addEventListener(MouseEvent.CLICK, chooseEnd);

function chooseEnd(e:MouseEvent)
{

switch(e.currentTarget)
{
case button1_btn:
termine=1;
break;
case button2_btn:
termine=30;
break;
case button3_btn:
termine=60;
break;
case button4_btn:
termine=90;
break;
}
startit=true;
}

function moveAnim(e:Event)
{
if(startit){
if(currentFrame<termine && currentFrame!=termine){
nextFrame();
}
if(currentFrame>termine && currentFrame!=termine){
prevFrame();
}
}
}
addEventListener(Event.ENTER_FRAME, moveAnim);

Così facendo abbiamo impostato nella funzione "moveAnim" di controllare se il fotogramma corrente (currentFrame) in cui si trova la testina della timeline è minore o maggiore della variabile "termine" che indica appunto il fotogramma finale.

Inserire l'icona nella barra degli indirizzi per il vostro sito

2009-03-14T12:00:00.006+01:00

Si chiama "favicon" e serve ad inserire l'icona nella barra degli indirizzi del browser. Come quella mostrata in questo blog (la B arancione).

L'inserimento è semplice. La cosa da considerare con un pò più di attenzione è la caratteristica di questo file che deve essere così creata:
dimensioni: 16x16 pixel
nome: favicon.ico
profondità colore: 16 bit

Riguardo all'estensione non vi preoccupate. Potete tranquillamente creare una GIF con le caratteristiche precedenti quindi rinominarla con "favicon.ico".

All'itnerno della pagina HTML invece inserite il seguente tag tra "<header>" e "</header>"

<link rel="shortcut icon"
href="http://www.miosito.it/favicon.ico"/>

Disponibile per il download gratuito OpenOffice 3

2009-03-11T22:47:00.002+01:00

E' disponibile finalmente l'attesa versione 3 della suite (gratuita) di OpenOffice, per Mac, Windows e Linux.

Come sempre, estremamente compatibile anche con le ultime versioni docx di Word 2007 (tanto per citare una delle compatibilità con Microsoft Office).

Nella suite ovviamente troviamo tutti i programmi utili per: documenti, fogli di calcolo, presentazioni (come quelle di PowerPoint), database (vedi Access) e per disegnare.
Insomma , nulla da invidiare a Office di Microsoft (che rimane il faro in ambito di suite da ufficio) con il massimo della compatibilità... gratuita!!!
Come sempre: buon download