MIGRAZIONE

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

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

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

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)

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

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

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)

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

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

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.