5 cose divertenti da fare online con HTML5
HTML5 continua a rafforzarsi, con più siti Web che passano al nuovo standard che porta contenuti multimediali sul Web senza la necessità di plug-in come Adobe Flash. E 'ancora morta questa cosa devastata? Purtroppo no, ma il bisogno è lentamente rimosso. E non prima del tempo.
Sebbene HTML5 sia tutt'altro che onnipresente a questo punto, un numero crescente di siti Web lo sta utilizzando e in modi sempre più inventivi e impressionanti. Quello che segue sono cinque cose divertenti da fare con HTML5 e tutto ciò di cui hai bisogno è un browser compatibile; le ultime versioni di Chrome, Firefox, Safari, Opera e Internet Explorer, ad esempio.
Ascolta ... The Rational Keyboard
Rational Keyboard è un'applicazione Web HTML5 di Fritz Obermeyer. Comprende un produttore di melodia che riproduce costantemente un'armonia, con l'utente in grado di cambiare la nota su cui si basa l'armonia.
Le note cambiano continuamente e cambiano le dimensioni in modo da mantenere la canzone riprodotta in modo piacevolmente uditivo. Fino a quando il suono non funziona, a quel punto si consiglia di mettere in pausa la tastiera per resettarla.
Esistono quattro diversi strumenti, sebbene cambiandoli cambia solo l'aspetto, non il suono. Detto questo, "Wedges" ha funzionato al meglio per me, offrendo un'interfaccia semplice che ha portato a una riproduzione priva di errori.
Il codice sorgente di The Rational Keyboard è disponibile su GitHub, mentre il codificatore audio può essere catturato per l'utilizzo in altre app.
Insegna ... I due minuti di prova
Il Two Minute Test fa esattamente quello che ti aspetteresti di fare: farti diverse domande per testare il tuo livello generale di conoscenza e intelligenza. Lo scopo finale è vedere se hai le competenze di base necessarie per diventare un insegnante.
Le domande sono tutte presentate in un piacevole formato visivo, con numeri fluttuanti, rappresentazioni dei pianeti nel Sistema Solare Conoscere l'universo con questi stupendi siti Web di astronomia Conoscere l'universo con questi stupendi siti di astronomia Molto pochi di noi sono suscettibili di mai farlo nello spazio, a meno che le varie iniziative di turismo spaziale non diventino successi tradizionali. Anche allora il prezzo di essere volati nello spazio sarà così alto ... Leggi altro, e le risposte che possono essere trascinate in posizione.
Inizi con 100 punti su 100 punti, con il tuo punteggio in calo mentre fai errori. E a meno che non siate Stephen Hawking o un altro di questi famosi scienziati Tweeting Knowledge To The Masses: 8 scienziati popolari su Twitter Tweeting Knowledge To The Masses: 8 scienziati popolari su Twitter Quando pensate agli scienziati non pensereste necessariamente a Twitter come il loro principale mezzo di comunicazione con il mondo più ampio. E quell'ipotesi sarebbe alquanto corretta. Tuttavia, ci sono un numero sano di ... Leggi di più, farai degli errori.
Ci sono solo sei attività da completare, ma poi è solo un test di due minuti. Se ti bastano più di due minuti, beh, non ti consiglierei di candidarti per unirti a Mensa in qualsiasi momento.
Manipolare ... Catifier
Catifier ha una premessa molto semplice al suo interno, e in un'epoca in cui i gatti sembrano essere una sorta di merce commerciabile sugli InterWebs, è uno strumento divertente da provare. Almeno per cinque minuti.
Ti viene presentata un'immagine di esempio che puoi scegliere di scambiare per un'immagine di tua scelta. Tutto ciò di cui hai bisogno è un URL, quindi sono stato in grado di aumentare la famosa fotografia nello screenshot in alto con una fragranza felina.
Ad essere onesti Catifier non è perfetto. Ci vuole del tempo per un clic su uno dei gatti da registrare, ma un po 'di pazienza li vede spostati verso la finestra principale pronti per la manovra in posizione.
Non so perché questa particolare app Web non sia stata utilizzata meglio dai bod di Reddit. Sicuramente questo è lo strumento perfetto per creare immagini degne di stima con gatti, gatti e altri gatti 10 dei migliori gatti divertenti per soddisfare il tuo feticcio felino 10 dei migliori gatti divertenti per soddisfare il tuo feticcio felino È tempo che io venga fuori come un amante dei gatti. Non ce la faccio più a lungo, adoro le piccole palle di pelo, in particolare la mia piccola palla di gioia che mi stringe a sé ... Continua a leggere .
Guarda ... Generatore di Brandon
Generatore di Brandon, o Le avventure casuali di Brandon Generator per dargli il titolo completo, è un concetto intrigante che fa parte del fumetto Web, parte animata breve e parte dell'esperimento HTML5.
Il contenuto è stato scritto da Edgar Wright (direttore di Hot Fuzz e La notte dei morti viventi), illustrato da Tommy Lee Edwards di LucasFilm e narrato da Julian Barratt di The Mighty Boosh.
Ci sono quattro episodi di Brandon Generator in tutto, con la trama degli episodi successivi decisi dal pubblico che ha interagito con il contenuto quando è stato caricato per la prima volta sul Web nel 2012.
Microsoft era dietro Brandon Generator, da cui l'aspetto del logo di Internet Explorer attorno al sito. Tuttavia, grazie a HTML5, il contenuto è disponibile per la visualizzazione in tutti i browser moderni.
5 + ... Dimostrazioni brillanti
Shiny Demos potrebbe essere solo un sito, ma offre un vero e proprio buffet di bontà HTML5. Ci sono dozzine di dimostrazioni della potenza di HTML5 in offerta, nessuna delle quali richiederà più di qualche minuto per provare.
Le app utilizzano diversi elementi di HTML5, tutti divisi in sezioni in modo che tu possa vedere facilmente quali sono i responsabili di dare vita a ogni app direttamente nel tuo browser.
Oltre ai giochi e alle visualizzazioni interattive di audio e video, ci sono spiegazioni dei vari elementi che compongono HTML5. Ciò potrebbe offrire agli sviluppatori Web in erba un modo per comprendere le basi.
Shiny Demos dovrebbe tenerti occupato per un po ', e se sei come me manterrai il sito marcato per ulteriori tentativi di Inbox Attack e Paranoico. Shiny Demos è stato realizzato da Opera Software, ma funzionerà su tutta la gamma di browser.
conclusioni
Questi 5 siti Web rappresentano solo una piccola infarinatura delle fantastiche destinazioni che utilizzano la più recente tecnologia Web per migliorare le nostre vite / fornire un mezzo per allentare la noia (eliminare come appropriato). In precedenza abbiamo visto impressionanti fumetti Web HTML5 4 incredibili impressionanti fumetti Web HTML5 4 incredibilmente impressionanti fumetti Web HTML5 Ecco alcuni prototipi che rappresentano esempi interessanti di ciò che HTML5 può fare per rendere la nostra esperienza a fumetti molto più coinvolgente. Questo articolo illustra alcuni di questi primi sforzi. Mentre HTML5 può o ... Per saperne di più, impressionanti (e gratuiti) HTML5 giochi 5+ Impressionanti giochi HTML5 gratuiti che puoi giocare nel tuo browser 5+ Giochi HTML5 gratuiti impressionabili che puoi giocare nel tuo browser HTML5 significa l'evoluzione del linguaggio di marcatura come lo conosciamo . I giochi Flash erano una volta la norma quando si trattava di intrattenimento basato su browser, ma ora grazie alla natura potente di HTML5 molte applicazioni web, ... Read More, e una selezione di siti web che facevano cose incredibili con HTML5 15 siti che fanno cose incredibili Con HTML5 15 siti che fanno cose sorprendenti con HTML5 Ulteriori informazioni .
L'osservatore in particolare tra voi potrebbe aver notato un acrostico in agguato in questo articolo. Per prima cosa, premia te stesso una nocciolina per le tue capacità, poi vai a leggere la mia guida sulla creazione di una poesia per una persona amata Dare ad Cupido una mano tesa: 4+ Generatori di poesie perfette per San Valentino Dare ad Cupido una mano amica: 4+ Generatori di poesie perfette per San Valentino La poesia è una delle più antiche forme d'arte, che precede l'alfabetizzazione grazie al suo uso nella società preistorica. Allora sono state usate poesie per aiutare a memorizzare la storia contenuta in esse ... Per saperne di più. Ovviamente, non dimenticare di dare un'occhiata al tutorial MUO HTML5 ufficiale. Poi torna qui e pubblica i tuoi commenti su HTML5, i siti web menzionati sopra e qualsiasi altra cosa che potresti avere in mente che si adatta genericamente all'argomento.
Credito d'immagine: Yuki Honda
Scopri di più su: HTML5.