1. 
   Schermi LCD e derivati: grazie alla scoperta della tecnologia LCD è stato possibile costruire apparecchi sempre più compatti. Oggi gli schermi LCD sono una solida realtà (non esente da difetti): sono economici, diffusi ed in piena evoluzione. La retroilluminazione a LED sta sostituendo quella a lampada fluorescente. Questo ha introdotto notevoli vantaggi:
   • Una illuminazione più uniforme a vantaggio di una fedeltà cromatica maggiore ed una resa migliore del nero.
   • Un risparmio del 40% sui consumi (a tutto vantaggio delle batterie nel caso di portatili, netbook in primis, palmari e cellulari)
   • I led occupano meno spazio delle lampade a fluorescenza, questo significa schermi ancora più sottili.

   La tecnologia OLED (Organic Light-Emitting Diodes) a differenza della retroilluminazione a LED ha avuto più pubblicità e, a detta di molti, rappresenterà il prossimo standard. Allo stato attuale è usata quasi esclusivamente nei dispositivi mobili ed in generale negli schermi di piccole dimensioni. Grazie alla composizione organica gli OLED risultano più leggeri e flessibili dei comuni LED, permettendo, in linea di principio, di costruire schermi “arrotolabili”. Inoltre a quanto pare l’angolo di visione di uno schermo oled è di oltre 170°. In effetti, sulla carta, questa tecnologia sembra perfetta ma a quanto pare ha alti costi di produzione e tuttora rappresenta una nicchia del mercato.
   Come fanalino di coda ci sarebbe anche la tecnologia SED che combinerebbe i vantaggi dei monitor CRT (in termini di frequenza di aggiornamento) con l’ingombro ridotto degli LCD ma purtroppo gli elevati costi di produzione e beghe sui brevetti li relegano al momento a prodotti di nicchia.
   OK, ok poi ci sarebbero gli “altri”: AMOLED (Active Matrix OLED), PHOLED (Phosphorescent OLED), PLED (Polymer light-emitting diodes), SM-OLED (Small molecules OLED), SOLED (Stacked OLED), TOLED (Transparent Organic Light Emitting Device) ma ne parliamo un’altra volta…

2. 
   le batterie: ad oggi le batterie rappresentano un vero e proprio collo di bottiglia. Durano troppo poco e impiegano troppo tempo per ricaricarsi. Per quanto se ne dica, allo stato attuale siamo “fermi” alle batterie basate sugli ioni di litio (Li-Ion). RIspetto ai materiale alternativi sono più leggere, hanno un tempo di ricarica migliore e un buon rapporto fra energia erogata e peso. Il principale svantaggio della batteria al Li-Ion è che presenta un degrado progressivo anche se non viene utilizzata (a partire dal momento della fabbricazione, indipendentemente dal numero di cicli di carica/scarica), questo svantaggio non è molto pubblicizzato (da Wikipedia).
   Talvolta si parla di nuove tecnologie che dovrebbero produrre batterie più preformanti ma i prototipi (ne parla anche Wired) non hanno mai raggiunto un impiego commerciale. In realtà il futuro prossimo venturo (almeno da qui a 10 anni) è rappresentato dal litio; anche Obama con i suoi finanziamenti per l’auto elettrica sta battendo la strada del litio. Su questo versante quindi non potremmo aspettarci grandissimo progetti, al massimo un aumento marginale dell’autonomia dovuto a un ottimizzazione dell’attuale tecnologia.
   
   
3. 
   la tecnologia multi touch: questa è la tecnologia più “modaiola” della combricola. Fra un pò avremmo anche lavatrici e frullatori multi touch… Indubbiamente il multi touch permette forme di interazione più ricche con innumerevoli dispositivi. Oggi il touch è più o meno ovunque e il multi touch lo sta sostituendo. Basta fare una veloce capatina su youtube per vedere decine di applicazioni attuali e imminenti:
   • Multitouch 26″ LCD LED-LLP
   • Adobe e l’interfaccia multi touch della sua suite
   • BAMBOO : la nuova tavoletta grafica di Wacom

   E protremmo andare avanti… dopo la moda iniziale è possibile che questa tecnologia permetta di creare interfacce migliori anche se l’assenza di un feedback tattile convincente non le rende adatte a tutti gli usi. Personalmente ho un htc hero, un ottimo cellulare con cui non ho problemi a inviare sms, scrivere mail e navigare in internet ma non riuscirei mai a scrivere questo post sulla sua tastiera touch, neppure se fosse 3 volte più grande (non credo che il discorso cambierebbe con un iphone…).
   
   

4. 
   la realtà aumentata: questa tecnologia esiste ed è appllicata in ambiti di nicchia da più di un decennio. Oggi è conosciuta al grande pubblico grazie ai dispositivi dotati di gps come palmari e navigatori. Le potenzialità di questa tecnologia sono immense e tuttora inesplorate. Diventerà sicuramente una risorsa utilissima nell’immediato avvenire che porterà alla diffusione di dispositivi dedicati e a nuove nicchie di mercato. Immaginate un paio di occhiali come quelli della Sony dotati di un dispoitivo che combina una telecamera con il riconoscimento facciale, una connessione internet ed un gps. Si potrebbe avere assistente personale che tagga luoghi e persone richiamando automaticamente le informazioni necessarie per sovrapporle a quello che si guarda.
   
   
5. 
   processori ad alte prestazioni e a basso cunsumo: oggi abbiamo il vecchio Intel Atom domani processori integrati pensati per fornire una prestazione elevata (come ION di nVidia) su di un infrastruttura a basso consumo di energia. Il primo passo saranno i MID (Mobile Internet Device) che si collocano fra i palmari e i netbook. Poi chissà… potrebbe essere la volta di dispositivi indossabili come i vecchi prototipi del MIT.
   
   
6. 
   dispositivi di rilevazione delle onde cerebrali: ovvero l’utilizzo di dispositivi biometrici di origine medica in ambito commerciale. Oggi abbiamo diversi esempi sia a livello di prototipi che di prodotti finiti e commercializzati; a riguardo è illuminante l’articolo sul numero di settembre di Wired sul dispositivo di rilevamento sviluppato e prodotto a Padova per il controllo di videogame attraverso la lettura e l’interpretazione di onde cerebrali. Secondo me non sono adatti ad essere utilizzati come un alternativi ai dispositivi di input attuali ma come un utile complemento che permetta di interagire in modo più efficace con i dispositivi. Applicazioni in questo senso non sono una novità; l’affective computing è un gruppo di ricerca, diretto da Rosalind Picard, che da diversi anni lavora per avvicinare il computer alle emozioni umane. In particolare il suo famoso libro “Affective Computing” propone diversi prototipi per un uso operativo di tali tecnologie.
   
   
7. 
   geolocalizzazione: oggi i dispositivi GPS sono entrati nei cellulari, nelle macchine fotografiche e nei dispositivi di rilevamento. In combinazione con dispositivi come il magnetometro è possibile rilevare parametri come le coordinate, la velocità e la direzione di un elemento per poi incrociarle con un flusso ininterrotto di informazioni.
   L’unico collo di bottiglia degli attuali sistemi GPS è dovuto al sistema di localizzazione attuale. L’attuale sistema è stato sviluppato per scopi militari negli anni settanta dall’esercito degli stati uniti. Nel 2013 il sistema europeo Galileo dovrebbe entrare a regime assicurando rilevamente estremamente precisi con errori inferiori al metro (qui per ulteriori approfondimenti). Dispositivi così precisi permetteranno impieghi ancora più “creativi” della geolocalizzazione…

Twitter con i suoi 140 caratteri si presta ad uno uso veloce ed immediato. Col diffondersi di questo social network sono spuntati come funghi diversi client per il nostro desktop.

Il mio preferito è twhirl. E’ realizzato in flex ed ha un interfaccia intuitiva e minimale. Poi abbiamo anche tweetDeck che permette di seguire più canali contemporaneamente. Mentre per MAC abbiamo lo stiloso Tweetie (disponibile anche per iphone…).

Se poi siete degli abituè di igoogle i gadget qui si sprecano proprio… Potete scegliere il minimale Twitter oppure TwitterGadget multitab e generoso in fatto di funzioni extra.

$.cookie('nomeCookie', 'valore');

Per settare un cookie con tutte le opzioni disponibili:

$.cookie('nomeCookie', 'valore',
 { expires: 7, path: '/', domain: 'jquery.com', secure:true});

Cancellare un cookie passandogli come valore “null”

$.cookie('nomeCookie', null);

Recuperare il valore di un cookie

$.cookie('nomeCookie');

jQuery.cookie lo potete scaricare da qui

   $(function(){
   $("#footer").positionFooter(true);
   });

basta infatti fornire il selettore di riferimento.

A detta dello sviluppatore la soluzione è stata testa su ie6,ie7, FF3 e Safari.

Riconoscere il browser dell’utente che naviga le nostre pagine è davvere molto utile. Un buon browser detect può trarci d’impaccio e fornire una degradazione accettabile delle prestazioni e delle funzionalità delle nostre pagine.

jQuery fornisce diverse soluzioni per soddisfare questa necessità, di una ne avevamo già parlato, tuttavia ultimamente mi sono imbattuto in un plugin davvero semplice e comodo. Con BrowserDetect è sufficiente richiamare il plugin per farlo funzionare: lo script aggiunge al body una classe (generalmente due, una più generico e l’altra specifica per la versione) che sta ad indicare il browser che si sta utilizzando.

Qui di seguito la lista delle classi aggiunte dinamicamente:

.browserIE
.browserIE6
.browserIE7
.browserIE8
.browserChrome
.browserChrome1
.browserSafari
.browserSafari1
.browserSafari2
.browserSafari3
.browserMozilla
.browserFirefox
.browserFirefox1
.browserFirefox2
.browserFirefox3
.browserOpera

Sovrascrivere uno stile per un determinato browser diventa davvero molto semplice non vi pare?

Segnalo questa (per ora) piccola guida su jQuery in italiano che può essere utile per chi non ha una grande dimestichezza con la lingua anglosassone. Attualmente c’è solamente un introduzione e la prima lezione sui selettori ma immagino che “fioriranno” a breve anche le altre parti sicuramente più interessanti

Alla faccia della crisi, a quanto pare in tre giorni si sono raggiunte le medesime cifre di vendita della precedente generazione al debutto.

Passando per attendibili queste cifre la cosa sconcerta non poco… non per l’ottimo prodotto (dal mio punto di vista il 3gs è decisamente un ottimo cellulare) ma per il prezzo esorbitante che, a quanto pare, un milione di persone hanno giudicato accettabile.

Se questa è la risposta del pubbblico allora gli operatori e Apple hanno fatto bene ad alzare i prezzi… mha

Questo lunedì al WWD09 Key note 09 di Apple è stato presentato il nuovo iPhone: un processore più potente, fotocamera migliore e nuove feature ma aspetto immutato. Gli utenti vecchi e nuovi DEL cellulare di casa Apple navigheranno internet sostanzialmente nello stesso modo (in realtà il 3gs è sensibilmente più veloce ma per il resto…).

L’uscita dell’iPhone 3gs mi fa pensare che, forse, stiamo raggiungendo qualcosa di simile ad uno standard per quanto riguarda la fruizione mobile. Considerando un pò le cifre viene fuori che, ad esempio, Safari risulta saldamente in testa fra i browser mobili con oltre il 77% seguito dall’ottimo Opera mini e dal pessimo Explorer… Più in generale l’iphone sarebbe il 4° sistema più utilizzato per accedere ad internet.

L’aspetto interessante di tutto questo, a mi avviso, risiede sul fatto che ci troviamo ad avere a che fare con un dispositivo mobile “uniforme” nelle sue varie incarnazioni (siamo alla terza generazione), sempre più diffuso e fortemente orientato al web.

Tralasciando gli aspetti tecnici c’è da dire che, l’iPhone è uno dei pochi dispositivi mobili che permette una buona esperienza utente relativa alla navigazione web. Rispetto alla concorrenza offre al contempo un ottimo browser preinstallato (non sopravvalutiamo l’utenza media) un ampio display ed un interfaccia tattile pensata (e non adattata) per le dita. Ad oggi credo abbia senso sviluppare una versione del proprio sito “ottimizzata” per questa piattaforma.

Per chi volesse muovere i primi passi su questo argomento consiglio:

• un framework css per pensato per iphone
• un approfondimento per la progettazione di fogli stile per dispositivi mobili
• un framework js per iphone
• scrivere pagine web per iPhone
• una gallery di siti sviluppati per iphone
• emulatore web-based di Safari su iPhone

Qui di seguito vi segnalo 4 corsi di formazione continua superiore tenuti presso l’istituto San Marco di Mestre (qui come raggiungerlo) finanziabili tramite voucher:

• Le funzioni creative di Adobe Photoshop cs studio di differenti tipologie di effetti creativi, sviluppo di interfacce grafiche per il web, principi del fotoritocco ecc.
• Web publishing con html-xhtml-css - II edizione:utilizzo di dreamweaver (dalle basi all’utilizzo avanzato), studio delle basi dell’xhtml e dei fogli di stile attraverso esempi e progetti pratici. Esercizi e Implementazioni pratiche di Spry e jQuery. Integrazione di elementi flash e filmati nelle pagina html.
  
• Adobe Flash studio dell’interfaccia, delle funzionalità base ed avanzate. Creazione di animazioni ed utilizzo dell’actionscript 2.
• Adobe Premiere utilizzo pratico di Adobe Premiere attraverso le fasi di acquisizione e digitalizzazione di materiale video proveniente da qualsiasi fonte, per la generazione di videoclip digitali che possono essere modificate, tagliate o mixate consentendo rapidamente l’inserimento di titoli, transizioni, musiche ed effetti speciali video e sonori.

Se volete inforazioni aggiuntive o iscrivervi

Personalmente credo che il web, in questi anni sarebbe stato diverso se internet explorer 6 fosse stato privo dei suoi innumerevoli bachi e limitazioni.

Detto questo, la necessità, e il dovere, di fornire un esperienza di navigazione degna di questo nome anche a quella che si spera divenga una minoranza in estinzione, permane.

Vi propongo qui di seguito una breve lista di quelli che a mio avviso, rappresentano i peggiori bachi di ie6. Ovviamente la lista dovrebbe essere molto più lunga ma eliminando questi normalmente mi cavo di impaccio, spero possano esservi utili:

• float: errata gestione dell’overflow [IE6]
• difformità negli stili di default [IE6-7]
• float: doppio margine per l’elemento flottato [IE6]
• Peekaboo bug [IE6]
• Baco Float annidati - Holly Hack [IE6]
• baco nel posizionamento assoluto [IE6]
• problema trasparenze delle PNG per [IE6]
• Baco interlinea elemento lista [IE6]

• Crea un Photo Admin Site usando PHP e jQuery
• Come validare i Forms usando sia PHP che jQuery
• PHP / jQuery Image Replacement

Sukiland

Dantestyle

Decisamente più elegante, quasi “bucolico”, questo portfolio è decisamente più nelle mie corde. Strutturazione in orizzontale, a schede. Un portfolio essenziale che presenta lavori di pregevole fattura.

Booreiland

Questo è uno dei pochi casi in cui mi trovo ad avere a che fare con un sito in flash (in questo caso un portfolio) che coniuga uno stile interessante ed un interfaccia intuitiva. Il menu ad albero è piacevole, originale e al contempo essenziale come, nel complesso, tutta la struttura del portfolio. I lavori riportati sono di ottima fattura.

Jameslaicreative

Portfolio “grundge” con un sapiente uso della tipografia. Indubbiamente di pregefole fattura come i lavori che vengono riportati.

Designchapel.com

Questo è uno dei casi in cui i lavori parlano da soli. Lo stile \”blog\” qui è più che apprezzato, l’incredibile qualità dei lavori basta e avanza…

Neoganda

Anche qui una grande qualità dei lavori presentata adottando una buona combinazione di elementi in flash e filmati (un collage dei lavori montati in rapida successione).

Seb

Un portfolio multicolonna molto denso di materiale. Semplice, essenziale e ordinato; qui l’obiettivo non è stupire ma elencare un gran numero di risorse.

205.234.171.197

Completiamo la rassegna con il solito portfolio in flash che adotta la metafora “fantasiosa” della scrivania. Belle animazioni ma decisamente “troppo”….

Carousel Slideshow

Polaroid Gallery v.1.01

PolaroidGallery è un progetto opensource. La gallery carica le immaigni impostate in un file xml oppure da un account flickr via RSS. Delle voto viene caricata ovviamente l\’immagine ed il titolo ad essa associata.

Flash Photo Gallery

Flash Photo Gallery è una galleria immagini semplice ed essenziale. Customizzabile via XML, semplicissima da implementare ed estremamente leggera (solo 11kb).

Imagevuex

Questa gallery è fra le più complete. Utile per gestire collezioni di immagini vaste ed eterogenee.
Permette la separazione per alcum e categorie di album in multi-livello. Sono disponibilità decine di features e templatre per la visualizzazione delle immagini. Fra le decine di funzione anche un player musicale multi traccia.

Picsengine

Picsengine è una photogallery standalone con funzionalità di backend e client ftp integrato.

flash gallery

Gallery fra le più semplici ed automatizzate. Data una cartella popola automaticamente la gallery creando automaticamente le necessarie miniature.
Totalmente configurabile e dimensionabile nelle sue parti costituienti.

NicEdit si installa con due righe di codice, i file necessari al suo funzionamento sono due: nicEdit.js e nicEditorIcons.gif. Dentro il file js è inclusa la configurazione dell’editor.

In base alle vostre esigenze potete configurare NicEdit prima di scaricarlo. Infatti dalla pagina download del sito potete decidere i moduli da includere.

Vi segnalo questo utile post che riporta 10 snippet PHP particolarmente utili. Qui di seguito la lista degli snippet riportati nel post:

• Validazione di un indirizzo di posta elettronica
  
• generatore random di password
• stampa dell’indirizzo IP
  
• trasformazione XSL
  
• Forzare il download del file modificando il mime type
  
• Effettuare l’encoding di stringhe per prevenire codice malevolo
• Inviare una email
• Effettuare l’upload di un file
• Stampare i file contenuti in una directory