Tile5 è una libreria Javascript che abilita i developer ad integrare le mappe esistenti su varie piattaforme (Google Maps, Ping, Yahoo, MapQuest e altre…) mediante HTML5.
Al di là delle API fornite dalle piattaforme su citate, possono essere sfruttate tante altre funzionalità osservabili nella demo (allegata in calce).
Con la compatibilità che offre l’HTML5, Tile5 è dedicata ad entrambi i mondi desktop e mobile. (Evitando così Flash… ).
Oggi vi propongo un interessantissimo plugin, PaintBrushJS, scritto totalmente in Javascript, in grando di applicare degli effetti alle immagini selezionate dagli utenti.
Gli effetti vengono applicati client-side (javascript) e utilizzano il tag <canvas> dell’HTML5. Oltre all’effetto principale è possibile applicare altri parametri semplicemente applicando una classe all’elemento.
Gli effetti applicabili, attualmente, sono: blur, scala di grigi, mosaico, noise, posterize, sepia e tint.
Ecco una demo.
Ho trovato questo post che è un tutorial che vi consentirà di costruire un elegante sito portafoglio di design.
Seguite passo passo le indicazioni di Line25 che con HTML e CSS vi permetterà di costruire un buon sito web.
Buon lavoro.
Via: http://line25.com
HTML5 ci affascina sempre di più. Con l’arrivo di Firefox 3.5, Safari 4 e la nuova beta di Google Chrome e Opera il futuro sembra luminoso per HTML5 e meno per flash.
Molti giocano e sperimentano con questa tecnologia, ho trovato un piccolo esperimento che carica 100 tweets relativi a HTML5 e li mostra utilizzando un motore di particelle basato su JavaScript. Ogni particella rappresenta un tweet – cliccate su uno di essi e sarà visualizzato sullo schermo.
Assolutamente da vedere: http://9elements.com/io/projects/html5/canvas/
Moovie è una libreria di controllo gratuita per il tag <video> in HTML5.
Include tutte le funzionalità di un player: play, pausa, stop ed un controllo volume, molto simili alla barra di caricamento e controllo di Youtube.
Quando caricate il video per la prima volta, esso mostrerà un grande pulsante “Play” (come in foto), e un plusante di “Replay” al termine.
Sono gestite egregiamente le playlist (per video multipli) e anche i sottotitoli. Il plugin è altamente personalizzabile, infatti, è possibile decidere, in un file di configurazione, se oscurare i sottotitoli, la scomparsa automatica dei controlli e se ripetere i video (looping).
Ormai la compatibilità degli standard Internet si estende senza molti problemi a tutti i browser. Oppure, attraverso degli script, riusciamo a rendere compatibili anche quei browser che non lo sono.
Premesso questo concetto di compatibilità, oggi voglio proporvi dei template completamente gratuiti e pronti da utilizzare.
HTML5 Starter Kit consente di costruire un sito con diverse specifiche grafiche, in quanto, i tag che mette a disposizione, possono essere personalizzati e posizionati seguendo i propri gusti.
È cross-browser e il kit comprende i layouts in file psd.
Osm Player è un lettore multimediale completamente Open Source scritto in jQuery e HTML5. È disegnato in modo da poter riprodurre qualsiasi tipo di formato multimediale: siano essi pubblicati attraverso il tag <video> del nuovo standard di posizionamento, pubblicati attraverso video in Flash oppure in contenuti audio.
È cross-browser, in quanto, se il browser che utilizza l’utente non ha la capacità di visualizzare video in HTML5, esso switcherà automaticamente a contenuto in Flash.
Come vedete dalla foto, possiede un’area con la possibilità dell’inserimento di playlists (che possono essere anche nascoste) e inoltre, il video può essere riprodotto in full screen.
Le numerose incompatibilità del browser made in Redmond consentono almeno, ai programmatori, di rilasciare correzioni, fixes, script e plugin (meglio metterla su questo piano: come se Microsoft facesse un favore gli sviluppatori) per riportarlo agli standard e rederlo compatibile con le tecnologie supportate da altri browsers.
Ma, superato lo sfogo, quello di cui voglio parlarvi oggi è un plugin che permette il rendering e la stampa dei tag in HTML5 anche in IE.
SproutCore è un framework, scritto in Javascript che utilizza l’HTML5, capace di fornire all’utente una serie di componenti, quali pulsanti, form, pannelli, backgrounds, sliders, barre di progressione, icone e tanto altro.
Attraverso l’utilizzo di questa shell, possiamo creare quindi, applicazioni davvero molto interessanti, in ambiente web 3.0, in uno stile che ricorda la GUI aqua di Mac OS X.
Per rendere più chiaro il mio discorso, vi prego di visitare questa pagina. Tutti questi controlli sono generati semplicemente attraverso chiamate in Javascript.
L’installazione su di una macchina server, avviene attraverso Terminale, con comandi sudo.
FindMeByIp.com ha pubblicato un’interessantissima tabella che mostra le compatibilità, per tutte le proprietà del nuovo standard CSS3 e HTML5, dei diversi browsers in circolazione.
La tabella include: proprietà CSS3, selettori CSS3, applicazioni web in HTML5 (local storage, geolocation, etc.), contenuti embedded in HTML5 (canvas, audio, video, etc.)…
Quindi, non vi resta altro che controllare di essere al passo degli standard e del pieno supporto da parte del browser scelto! (sperando in un appiattimento futuro, in modo da raggiungere uno standard comune, anche se, questo desiderio, sembra essere un’utopia!)