Archivio per la tag 'html5'

DropMocks: il modo più semplice per creare gallerie di immagini da condividere con un link

dropmocks

DropMocks è uno stupendo servizio sviluppato in HTML5 che rappresenta di sicuro il modo più semplice per creare gallerie di immagini da condividere con un link.

Accedendo al sito ci si trova davanti ad un messaggio che ci dice di trascinare le immagini e le foto per generare la galleria semplicemente con il drag&drop.

Basta dunque selezionare la serie di immagini dal nostro computer, trascinarle nella pagina web e la slideshow sarà immediatamente creata assieme al link per la condivisione via internet.

Ad essa potrà anche essere assegnato un nome a piacere.

DropMocks supporta soltanto le ultime versioni Firefox e Chrome, è gratuito e non richiede registrazione obbligatoria anche se è possibile accedere tramite un account Google.

Sebbene non è possibile intervenire sulla personalizzazione grafica delle gallerie, si tratta già così di uno strumento decisamente accattivante e funzionale.

Ecco una mia galleria esempio.

HTML5 Elements: la tavola periodica degli elementi HTML

html5elements

HTML5 Elements è uno schema di riferimento, una vera e propria tavola periodica degli elementi HTML.

Contiene 104 elementi corrispondenti ad altrettanti tag.

Cliccandoci sopra otterremo la descrizione e i link alle guide di riferimento (W3C Developer’s Guide e W3Schools).

I tag sono suddivisi in base alla loro funzione utilizzando colori diversi.

Si può inserire il link di un sito web e vedere quali elementi HTML5 esso sta usando.

3DTin: editor per creare modelli 3D direttamente oline

3dtin

3DTin è un incredibile editor per creare modelli 3D direttamente in internet.

Si tratta di un semplice programma per disegnare interamente basato sul web con cui creare oggetti scegliendo i colori, le forme e le dimensioni. Si può ruotare, cancellare e visualizzare i disegni da prospettive diverse.

Ci si può accreditare tramite Google in modo da salvare le nostre creazioni.

Tutto avviene via browser senza dover installare niente sul nostro computer ed è possibile modificare i modelli realizzati da altri utenti.

3DTin è una proposta del tutto gratuita.

Google usa gli Arcade Fire per un fantastico esperimento interattivo in HTML5

thewildernessdowntown

The Wilderness Downtown è il nome di un fantastico esperimento interattivo in HTML5 che usa video realizzati dalla band rock canadese Arcade Fire.

Fa parte di Chrome Experiments, il sito che si occupa dei progetti sperimentali per il browser Chrome e rende perfettamente l’idea del potenziale dell’HTML5 e di quanto il suo sviluppo sia spinto da colossi come Google e Apple per sostituire il Flash come standard web.

Il brano in questione è We Used To Wait e fa parte di Suburbs, l’ultimo album appena pubblicato degli Arcade Fire (gruppo che ho avuto il piacere di vedere dal vivo in un concerto a Ferrara un paio di anni fa).

Si parte inserendo il nome della nostra città natale e, dopo il processo di creazione, l’esperimento parte in un susseguirsi concitato di finestre popup che si aprono e chiudono con musica, immagini e filmati relativi anche alla posizione geografica che abbiamo indicato. Essi sono reperiti da Google Map e Street View.

La grafica è davvero stupefacente. In particolare è sbalorditivo guardare l’ombra di un volo di uccelli sopra i posti dove siamo nati e la crescita degli alberi sulle stesse strade.

Alla fine si può scrivere o dipingere un messaggio che sarà usato come cartolina virtuale nei prossimi concerti del gruppo e prelevare il link dell’esperimento realizzato.

Un’esperienza assolutamente da provare.

Si consiglia ovviamente di usare Google Chrome e di chiudere il maggior numero di tab e di processi del computer per rendere la visualizzazione ottimale.

Gioco degli scacchi in HTML5

htmlchess

HTMLChess è un gioco degli scacchi sviluppato in HTML5.

Si tratta di un esperimento molto interessante in quanto permette di portare il gioco degli scacchi anche nei telefoni cellulari e nei dispositivi mobili che non supportano Flash, iPhone e iPad inclusi.

Si può giocare in 2D o in 3D con un avversario o contro il computer, ingrandire la scacchiera a piacimento, tenere traccia delle mosse e tornare indietro.

HTMLChess è totalmente gratuito.

DeviantArt Muro: applicazione per disegnare online sviluppata in HTML5

muro

DeviantArt Muro è un’applicazione per disegnare online sviluppata in HTML5.

Come molti sapranno DeviantArt è una famosa community per la condivisione di progetti grafici online e Muro rappresenta uno strumento funzionale di divertimento, svago e creatività.

Muro è leggero, ben strutturato e semplice da usare visto che non usa Flash come la maggior parte delle applicazioni di questo genere.

Fornisce tutti gli strumenti tipici del disegno: pennelli, gomma, secchiello, picker eye dropper, undo, colori, stili, filtri, grandezze e via dicendo.

I lavori possono essere salvati come immagini PNG e, volendo, è possibile acquistare altri tool più professionali.

Si tratta di uno strumento gratuito che non richiede registrazione.


Pixel Art

Pixel Art

Coding

Coding

albertopiccini.it

Se stai cercando notizie e contenuti sul mondo della Scuola Primaria, clicca sul banner sopra.

Seguimi

Fanpage: