23 settembre 2009

Internet Explorer come Google Chrome con Google Chrome Frame

scritto daMauro Accornero

google_chrome_frame

A pochi giorni dal rilascio di 100000 account di test per Google Wave, l’azienda di Mountain View annuncia il rilascio di Google Chrome Frame, un plug in dedicato agli utenti che utilizzano Internet Explorer per ottimizzare la navigazione sul web senza modificare l’interfaccia del browser Microsoft.

Cos’è Google Chrome Frame?

Google Chrome Frame è il nuovo plugin progettato da Google per permettere agli utenti che usano Internet Explorer di usufruire a pieno delle potenzialità dei servizi Google (gmail, Google maps, Google Docs, Youtube ecc) mantenendo il loro attuale browser.

Questo plugin infatti non modifica in alcun modo l’interfaccia del browser ma permette di renderizzare le pagine con il motore di Google Chrome, migliorando notevolmente la navigazione per l’utente finale.

Tutto questo è stato possibile sfruttando lo switch per la versione di retrocompatibilità di Internet Explorer 8.

A cosa serve?

Grazie a Google Chrome Frame anche internet explorer può supportare le nuove tecnologie per il web come l’HTML 5 e i CSS 3. Inoltre, migliora notevolmente le prestazioni dei javascript, velocizzando la navigazione e l’utilizzo delle pagine web. Come ultimo aspetto riduce drasticamente i bug del browser Microsoft migliorando l’esperienza dell’utente durante la navigazione.

Perchè utilizzare Google Chrome Frame?

Da tempo ormai internet explorer limita il supporto per molteplici tecnologie web ed è ormai inevitabile che determinati servizi necessitino di queste tecnologie per funzionare. Google Wave per esempio non  sarà utilizzabile dagli utenti che ancora utilizzano internet explorer, i quali vedranno apparire un popup che offre il download di Google Chrome Frame o di un browser alternativo (firefox 3.5, safari 4 o google chrome).

Da tempo ormai sviluppatori e professionisti del web sono costretti a limitare il potenziale dei loro prodotti e a spendere tempo e lavoro a causa dello scarso supporto offerto dal browser Microsoft.

Anche Youtube ha annunciato da tempo l’utilizzo del tag video (non supportato da internet explorer) e molti sono i siti che da tempo propongono agli utenti l’utilizzo di un browser alternativo tra i molti esistenti per  garantire una migliore navigazione sul web.

Google Chrome Frame per gli sviluppatori

E’ possibile integrare nella pagina web un tag meta per forzare il rendering della pagina con Google Chrome Frame, nel caso l’utente non abbia installato il plugin su internet explorer verrà presentato un avviso che invita a scaricare il plugin o un browser alternativo.

E’ possibile anche utilizzare redirect in javascript e customizzare la soluzione a seconda delle esigenze.

Per maggiori informazioni invito a consultare la relativa pagina su Google code.

8 settembre 2009

91 bellissimi esempi di form creativi per ispirarvi

scritto daMauro Accornero

Da un po’ di tempo seguivo con interesse il sito http://www.1stwebdesigner.com/ tramite feed e soprattutto twitter.

Questa sera ho visto un buon post di venerdì 4 settembre, 91 esempi di form, graficamente avanzate ed utilizzate nei siti con ausilio di javascript (e conseguenti librerie) e css.

Un’ ottima galleria di riferimento su un contesto specifico. La progettazione grafica dei form rimane sempre complessa poichè i riferimenti di graphic design (cartaceo) rimangono limitati (moduli, coupon, cartoline) e sacrificano molto dell’aspetto estetico per favorirne la leggibilità e facilitarne l’uso (o la conversione che dir si voglia).

Di conseguenza al web designer deve applicare la grafica ad un contesto finora poco sfruttato ma molto presente sul web. Per ispirarvi e venir in soccorso nei momenti di blocco:

91 Esempi di form creativi per ispirarvi

3 settembre 2009

I migliori links della settimana

scritto daMauro Accornero

Ecco a voi un po’ di link delle ultime settimane, mi sono imbattuto in alcune web application interessanti e qualche nuova risorsa che mi hanno incuriosito. Buona visione!

Diagrammi e design

Web application per la realizzazioni di diagrammi e grafiche per la rappresentazione delle informazioni.

http://creately.com/

Web Software grafico

Se siete stanche dei soliti programmi di grafica (vettorial e bitmap) ecco delle ottime alternative online che non hanno nulla da invidiare alle attuali suite di software grafico.

http://aviary.com/
http://www.sumopaint.com/web/

Desktop environment

Praticamente un desktop, con relative applicazioni ma totalmente online, molto interessante.

http://eyeos.org/en/whatiseyeos

Online Wireframe Application

Web application per la creazione di mockup e wireframe, utili soprattutto per le feature di condivisione con altri utenti.

http://hello.hotgloo.com/
http://iplotz.com/
http://www.balsamiq.com/products/mockups

Cms

Content management system di nuova generazione, benchè all’ombra dei moderni cms open source sembra abbiano un buon potenziale.

http://www.konductor.net/
http://www.concrete5.org/

Condivisione di presentazioni multimediali

Sito di condivisione di presentazioni multimediali, con numerose possibilità di customizzazione e condivisione per l’utente finale.

http://slidesix.com/

Cms per flash

Se realizzate siti in flash e necessitate di un cms pensato per questa tecnologia, iniziate a valutare queste due alternative molto appetibili.

http://www.yooba.com
http://www.flashmoto.com

10 agosto 2009

Integrare le API di Youtube con PrettyPhoto

scritto daMauro Accornero

esempio_youtube_api

L’integrazione del video nei siti web è ormai diventata una pratica comune, l’inserimento in una pagina web è molto semplice soprattutto se supportato da un servizio che ospita e gestisce i contenuti video come Youtube.

Nell’articolo di oggi mostrerò una semplice integrazione tra le Youtube API e il plugin per JQuery Prettyphoto per ottenere una galleria di video in stile Youtube da inserire nella pagina del proprio sito.

Le Youtube API non sono altro che librerie messe a disposizione degli sviluppatori per gestire con semplicità i contenuti di Youtube su un sito esterno. E’ possibile integrarle con diversi linguaggi e tecnologie, nell’esempio di oggi vedremo com’è possibile utilizzarle con javascript. Per ulteriori informazioni è possibile consultare la relativa documentazione.

PrettyPhoto è un plugin per jquery simile in tutto e per tutto a Lightbox (per prototype e scriptaculus) ulteriori informazioni sono disponibili sul sito ufficiale di PrettyPhoto.

Leggi l’articolo completo

Tag: , , , , ,

3 agosto 2009

Come utilizzare qualunque font nelle pagine web con Cufon

scritto daMauro Accornero

Uno dei più grandi limiti del web per i designer è la ristretta scelta data dai font utilizzabili sul web. Normalmente è possibile definire una o più famiglie di font tramite la proprietà font-family nei css, esprimendo tramite l’ordine quale famiglia utilizzare nel caso l’utente non abbia installato un determinato font.

Il grande problema è rappresentato dal fatto che non tutti i sistemi operativi hanno gli stessi font installati e solo poche famiglie di caratteri risultano comuni a tutti gli utenti.

Per far fronte a questo problema ed avere la possibilità di utilizzare un qualunque font su una pagina web è possibile utilizzare una tecnici di font replacement (nota anche come sIFR).

Esistono numerose tecniche per raggiungere il proprio obiettivo, una delle più recenti e funzionali è Cufon.

Cufon permette la sotituzione del normale web font con un altro, tramite uno script Javascript che utilizzando VML e Canvas permette una rapida sostituzione del testo con il carattere desiderato senza modificare il codice html. Leggi l’articolo completo

Tag: , ,