Logo Blogo

Tutti gli articoli con tag HTML5

Il futuro dei layout in HTML5 è iniziato col nuovo The Boston Globe

pubblicato da Federico Moretti

The Boston GlobeThe Boston Globe – una testata di The New York Times Company – s’è rinnovato lunedì scorso, adottando un layout “fluido” in HTML5 e CSS3. La novità è nell’approccio utilizzato dai designer, che hanno fatto in modo di creare un tema adattabile al dispositivo di consultazione. La stessa interfaccia è accessibile da qualunque device.

Il layout è stato realizzato da Filament Group, una società di Boston, garantire accessibilità e adattabilità. Lo stile è minimale: ricalca un po’ i trend del web design di dieci anni fa. E, infatti, la forza del progetto non è nell’impatto visivo d’effetto. Il tema di The Boston Globe è concepito per essere estremamente leggibile.

Anziché applicare stili diversi, a seconda dello strumento utilizzato per leggere le colonne della testata, Filament Group ha costruito un’interfaccia dinamica che s’adatta automaticamente alle caratteristiche del device d’accesso. Ad esempio, visitando il sito da uno smartphone, non è necessario alcun ingrandimento dei contenuti.

Continua a leggere: Il futuro dei layout in HTML5 è iniziato col nuovo The Boston Globe

....
condividi 3 Commenti

TweetDeck è stato aggiornato su Windows, Mac OS X e Chrome Web Store

pubblicato da Federico Moretti

TweetDeck by TwitterTweetDeck, un’applicazione per interagire col popolare servizio di microblogging, è stata acquistata da Twitter qualche mese fa. Nonostante la sovrapposizione con alcune versioni dei programmi ufficiali di Twitter, TweetDeck ha subito un aggiornamento molto consistente per tutte le piattaforme: Windows, Mac OS X e Chrome Web Store.

La prima novità che salta all’occhio è il logo: TweetDeck ha sostituito il caratteristico colore giallo con l’azzurro di Twitter, segno inequivocabile della dipendenza da quest’ultimo. L’adozione del simbolo ufficiale lascia presagire che TweetDeck 1.0 possa essere l’ultima versione di questo software a mantenere il nome originario.

Non avrebbe senso, infatti, mantenere in parallelo due programmi ufficiali di Twitter con denominazioni differenti. Tanto più che l’aggiornamento non riguarda le applicazioni mobili di TweetDeck: queste sono già state rimpiazzate dai client realizzati direttamente da Twitter. Per Android, ad esempio, TweetDeck non è più aggiornato.

Continua a leggere: TweetDeck è stato aggiornato su Windows, Mac OS X e Chrome Web Store

....
condividi 1 Commenti

Zynga ha abbracciato HTML5 “svincolandosi” da Facebook con Project Z

pubblicato da Federico Moretti

Zynga - zTagZynga ha inaugurato un nuovo corso per l’intrattenimento sul web: con un evento a San Francisco, Zynga Unleashed, l’azienda ha rinnovato tre dei giochi più popolari abbandonando Flash Player per HTML5. Il futuro è lontano da Facebook e Google+, perché Z Project è una nuova comunità per i giocatori di Zynga. Su qualunque piattaforma.

ZyngaPoker Mobile Web, Words With Friends e FarmVille Express sono giochi in HTML5 disponibili per smartphone e tablet. Zynga ha accontentato i possessori di iPad con la disponibilità della nuova applicazione di Facebook per iOS. L’abbandono della Rich Internet Application (RIA) di Adobe per HTML5 è una svolta per il social gaming.

Non più soltanto Facebook o Google+ (sul quale è arrivato Mafia Wars 2). Z Project, realizzato con delle tecnologie open source, è la nuova piattaforma indipendente di Zynga: una specie di social network dedicato ai giochi. La community non è ancora disponibile al pubblico, tuttavia proporrà i titoli più popolari di Zynga in HTML5.

Via | Zynga

....
condividi 2 Commenti

Microsoft offre un video in HTML5 sullo sfondo della ricerca di Bing

pubblicato da Federico Moretti

Bing si contraddistingue per la scelta di fotografie in alta definizione sullo sfondo della pagina principale del proprio motore di ricerca: una caratteristica paragonabile ai Doodle, i loghi occasionali di Google. Con l’arrivo dell’autunno, Microsoft ha pensato di fare un salto di qualità introducendo i video per lo sfondo di Bing.

Previsto per accogliere la nuova stagione, l’aggiornamento è già visibile sulla versione di Bing per gli Stati Uniti: Microsoft ritiene di proporre, in futuro, altri video in occasione di eventi naturali come le eclissi. Una novità accattivante, che rischia di rallentare il caricamento della pagina principale del motore di ricerca.

La dimensione del video, infatti, è attorno ai 2Mb. Tuttavia, Microsoft ha optato per una soluzione compatibile con gli standard del web: l’interfaccia è in HTML5 e il video è proposto in formati diversi, a seconda del supporto previsto dal browser. Lo sfondo di Bing supporta perciò MP4, OGG e addirittura il formato WebM di Google.

Via | Digital Inspiration

....
condividi 3 Commenti

Amazon si prepara a una semplificazione completa del proprio portale

pubblicato da Federico Moretti

Amazon.com, Inc.

Amazon ha intenzione di proporre una nuova versione, più semplice, per il proprio portale: il restyling è motivato dall’uscita del tablet da 7” per gli Stati Uniti e potrebbe giovare a tutti. La multinazionale non ha fornito dettagli più specifici o una data approssimativa per la disponibilità dell’aggiornamento. Arriverà in Italia?

Il portale di Amazon è particolarmente vasto e non tutte le funzioni si possono raggiungere con facilità. Una semplificazione radicale, a prescindere dal dispositivo d’accesso, porterebbe sicuri vantaggi a tutti gli utenti: la versione italiana è quasi identica a quella statunitense (escludendo i servizi inaccessibili dall’Italia).

Alcuni blogger statunitensi hanno avuto un accesso temporaneo al nuovo portale: oltre a una barra di ricerca più ampia e all’interfaccia più pulita, sembra che il «carrello della spesa» sia maggiormente intuitivo. Comunque, Amazon aveva già bandito l’utilizzo di Adobe Flash (probabilmente disponibile col tablet) in favore di HTML5.

Via | The Huffington Post

....
condividi 1 Commenti

Strobe coniuga le applicazioni “native” a quelle per il web in HTML5

pubblicato da Federico Moretti

StrobeStrobe è un ambiente di sviluppo realizzato per adattare le applicazioni “native” a quelle in HTML5, che di norma si trovano sui dispositivi mobili o come estensioni sul browser. È un tentativo d’abbattere il divario tra sistemi operativi per ottenere la stessa esperienza su qualsiasi piattaforma. Un’opportunità per i programmatori.

Le applicazioni “native” sono quelle che siamo abituati a installare su Windows, Mac OS X oppure Linux, ecc.: Google cerca di portarle sul browser col Native Client di Chrome, Mozilla prova a fare il contrario trasportando le applicazioni in HTML5 per il web sul desktop. Strobe elimina il problema, riconvertendo le une nelle altre.

Il concetto è molto semplice: la stessa applicazione deve girare su qualunque dispositivo e sistema, un assunto molto chiaro a chi segue l’evoluzione dell’informatica e le opportunità economiche derivanti. Strobe è uno strumento per aiutare questa transizione e avrà un prezzo, quando sarà pronto. Al momento, è in fase sperimentale.

Via | GigaOM

....
condividi 0 Commenti

Yahoo WebPlayer, un riproduttore multimediale per i filmati da HTML5

pubblicato da Federico Moretti

Yahoo WebPlayer BetaWebPlayer è un riproduttore multimediale concepito da Yahoo per l’integrazione sulle pagine web: con un semplice script si possono “intercettare” tutti i formati più comuni dei video, inseriti in HTML5 e/o Adobe Flash, offrendo loro un aspetto più accattivante e un migliore controllo. Un’ottima soluzione, per gestori di siti e blog.

Yahoo garantiva già qualcosa di simile con Media Player, un prodotto per riprodurre i video aggiunti a una pagina web da un collegamento ipertestuale. WebPlayer è un salto di qualità: la gestione avviene attraverso un’interfaccia a comparsa. Una risorsa facile da utilizzare in sostituzione al player predefinito del proprio browser.

Non è tutto, perché WebPlayer è in grado di riprodurre persino la musica con un formato ridotto. Scritto in HTML5 e JavaScript, il player s’adatta a tutti i browser aggiornati. L’interfaccia non appesantisce molto le pagine web e in futuro basterà il titolo di un film per riprodurne il trailer: il processo d’installazione è facile.

Via | Yahoo

....
condividi 1 Commenti

50 falle di sicurezza nell'HTML5 secondo l'ENISA

pubblicato da Marco Giacomello

html5 enisaL’annuncio pesa perché fatto dall’ENISA (European Network and Information Security Agency) secondo la quale l’HTML5 – il nuovo linguaggio per la progettazione delle pagine web in corso di approvazione da parte di W3C – soffrirebbe di moltissime falle di sicurezza. L’elenco dei problemi individuati è lungo: accesso non protetto alle informazioni riservate, nuovi sistemi di inoltro dati ai pirati informatici, problemi ad adottare nuovi protocolli di sicurezza, ecc.

61 pagine di commenti e di pareri realizzate dal team di ENISA (reperibili direttamente a questo link) che analizzano l’ultima bozza del nuovo linguaggio web. Secondo Giles Hogben, uno dei boss di questo team: “il report di ENISA propone miglioramenti per aumentare la sicurezza generale dei browser; è necessario apportare correzioni prima che lo standard divenga definitivo”.

Seguendo i consigli ed i rilievi dell’ENISA, per la prima volta si potrebbe integrare la sicurezza nella fase di progettazione del nuovo standard web anziché intervenire in maniera postuma. Le falle di sicurezza riguardano anche il possibile intervento da parte dei criminali del web direttamente nella nostra navigazione (il c.d. ‘form tampering’).

Via | ENISA
Foto | Flickr

....
condividi 2 Commenti

Adobe presenta Edge, uno strumento per realizzare soluzioni in HTML5

pubblicato da Federico Moretti

Adobe Edge PreviewEdge è un nuovo strumento di Adobe per creare soluzioni utilizzando gli standard del web al posto di Flash. È proposto in anteprima gratuita per Windows e Mac OS X. Edge è anzitutto una risposta all’esclusione di Flash Player da iOS: il prodotto finale è previsto entro il 2012 e conviverà con Flash che Adobe non intende abbandonare.

Il programma non è un semplice “convertitore” da Flash ad HTML5: Adobe aveva già pubblicato Wallaby a questo scopo. Edge è invece una piattaforma di sviluppo completa per HTML5, CSS3 e JavaScript. Dovrebbe essere incluso nel prossimo aggiornamento di Creative Suite. Per dimostrarne le potenzialità, Adobe propone una serie d’esempi.

Per scaricare l’anteprima di Edge su Windows o Mac OS X bisogna iscriversi gratuitamente al portale di Adobe: il programma ha una scadenza a 152 giorni dal primo avvio. Edge è stato realizzato sfruttando WebKit, lo stesso motore del browser di Apple, Safari, e Google Chrome. L’interfaccia al momento è soltanto nella lingua inglese.

Adobe Edge Preview

Adobe Edge PreviewAdobe Edge PreviewAdobe Edge PreviewAdobe Edge Preview

Via | ReadWriteWeb

....
condividi 6 Commenti

Google rivale di Skype con una chat audio/video via HTML5 per Chrome

pubblicato da Federico Moretti

WebRTCGoogle diventerà presto un competitor di Skype grazie a WebRTC, una tecnologia open source per la realizzazione di conferenze audiovisive col browser in HTML5. Il prodotto sarà integrato in Chrome e dipende da SPDY, il progetto di Google per rendere il web «due volte più veloce» del normale. E Microsoft sta iniziando a preoccuparsi.

Real-Time Communications (RTC) può essere sperimentato su Chrome con un plugin: Google ha intenzione d’estenderne la compatibilità ad altri browser tra cui Firefox, Opera e Safari. Perché dovrebbe diventare un problema per Skype? Soprattutto negli Stati Uniti e in Canada, Google Voice ha già abbracciato il VoIP e dialoga con GTalk.

Sommando le caratteristiche di Google Voice, GTalk e WebRTC si ottiene un sistema di comunicazione del tutto simile a quello di Skype. La differenza è nell’utilizzo di soluzioni open source e compatibili con tutte le piattaforme. Inclusi Windows e Internet Explorer. Ciò potrebbe alludere all’arrivo di Google Voice in Europa e Asia.

Via | TG Daily

....
condividi 5 Commenti

SkyDrive è stato ridisegnato in HTML5, per compatibilità e usabilità

pubblicato da Federico Moretti

SkyDrive, il servizio di storage online fornito con Windows Live di Microsoft, è stato aggiornato implementando «le tecnologie moderne del web» per parafrasare l’annuncio degli sviluppatori. Da 25Gb è una delle piattaforme che offrono più spazio gratuito per ospitare i documenti: sfruttando HTML5 e CSS3 ne migliora la compatibilità.

Pure non avendo mai avuto grossi problemi d’accesso da browser e sistemi diversi da Windows e Internet Explorer, SkyDrive diventa una soluzione più credibile per quanti non utilizzino altri prodotti di Microsoft. L’interfaccia web di SkyDrive dovrebbe risultare più veloce rispetto alla precedente. È una risposta ad iCloud di Apple?

Una modalità di visualizzazione più nitida e accattivante per le fotografie e filmati incorporati in HTML5, anziché Adobe Flash o Silverlight, sono i punti di forza del nuovo SkyDrive. Il grosso limite del servizio è nell’impossibilità di realizzare delle applicazioni per accedere ai documenti in assenza di Windows Live Essentials.

Via | Windows Live

....
condividi 6 Commenti

Fyels per condividere file su Twitter in HTML5 con spazio illimitato

pubblicato da Federico Moretti

FyelsFyels è un servizio appena lanciato per la condivisione di file su Twitter. Avere un profilo sulla popolare piattaforma di microblogging è necessario per la registrazione, però i file sono reperibili a un indirizzo univoco nel sotto-dominio di registrazione e non devono essere per forza condivisi su Twitter. Offre spazio illimitato.

Caricare file su Fyels è molto semplice: grazie ad HTML5 si sfrutta il drag’n'drop, perciò basta trascinare un file sulla pagina del browser. Ogni singolo file può avere una dimensione fino a 9Gb e a 25Mb se l’upload avviene sfruttando le Application Programming Interface (API) da un’applicazione di terze parti. Non c’è pubblicità.

Quest’ultimo aspetto lascia qualche dubbio sulla sostenibilità del servizio. Completamente gratuito, Fyels non ha ancora un modello di business per le spese di gestione: i file sono ospitati da Amazon S3, quindi la società paga il provider a seconda dello spazio fruito. È difficile che resti gratis e privo di pubblicità per sempre.

Via | GigaOM

....
condividi 0 Commenti