5 lucruri distractive de făcut online cu HTML5

HTML5 continuă să treacă de la putere la forță, cu mai multe site-uri care trec la noul standard care aduce conținut multimedia pe Web fără a fi nevoie de pluginuri cum ar fi Adobe Flash. Este chestia asta bombată încă? Din păcate nu, dar nevoia pentru aceasta este încet eliminată. Și nu înainte de timp.

În timp ce HTML5 este departe de a fi omniprezent în acest moment, un număr din ce în ce mai mare de site-uri web le utilizează și în moduri din ce în ce mai inventive și impresionante. Ce urmează sunt cinci lucruri distractive de făcut cu HTML5 și tot ce aveți nevoie este un browser compatibil; cele mai recente versiuni ale Chrome, Firefox, Safari, Opera și Internet Explorer, de exemplu.

Ascultați ... Tastatura rațională

Tastatura Rational este o aplicație Web HTML5 de la Fritz Obermeyer. Acesta cuprinde un producător de melodii care joacă constant o armonie, cu utilizatorul capabil să schimbe nota pe care se bazează armonia.

Notele se deplasează în permanență și se schimbă dimensiunea, pentru a păstra melodia într-o manieră plăcută aurala. Până la apariția problemelor de sunet, în acest moment vi se recomandă să întrerupeți tastatura pentru ao reseta.

Există patru instrumente diferite, deși schimbarea lor doar modifică aspectul, nu sunetul. Acestea fiind spuse, "Wedges" a lucrat cel mai bine pentru mine, oferind o interfață simplă care a dus la redarea fără glitch.

Codul sursă pentru tastatura Rational este disponibil pe GitHub, în ​​timp ce codificatorul audio poate fi folosit pentru a fi utilizat în alte aplicații.

Învățați ... Testul celor două minute

Testul de două minute face exact ceea ce vă așteptați: vă va pune mai multe întrebări pentru a vă testa nivelul general de cunoștințe și inteligență. Scopul final este de a vedea dacă aveți abilitățile de bază necesare pentru a deveni profesor.

Întrebările sunt prezentate într-un format vizual plăcut, cu numere plutitoare, reprezentări ale planetelor din sistemul solar. Să cunoaștem universul cu aceste site-uri uimitoare de astronomie. Să cunoaștem universul cu aceste site-uri uimitoare de astronomie Foarte puțini dintre noi sunt susceptibili să face totul în spațiul cosmic, cu excepția cazului în care diferitele aventuri în domeniul turismului spațial devin succese de masă. Chiar și atunci prețul de a fi arborat în spațiu va fi atât de ridicat ... Citește mai mult, și răspunsurile care pot fi trase în loc.

Începeți cu 100 de puncte din 100 de puncte, scorul dvs. scăzând pe măsură ce faceți erori. Și dacă nu sunteți Stephen Hawking sau altul dintre acești oameni de știință popular Tweeting Cunoștințe pentru Masses: 8 Oamenii de știință populare Tweeting Cunoștințe pentru a masei: 8 Oamenii de știință populare pe Twitter Atunci când gândesc la oamenii de știință, nu te-ai gândi neapărat de Twitter ca fiind mijloacele lor principale de comunicare cu lumea întreagă. Iar presupunerea ar fi oarecum corectă. Cu toate acestea, există un număr sănătos de ... Citește mai mult, veți face erori.

Există doar șase sarcini pentru a fi finalizate, dar este vorba numai de un test de două minute. Dacă vă duc mai mult de două minute, atunci nu aș sfătui să vă înscrieți la Mensa în curând.

Manipulați ... Catifier

Catifierul are o bază foarte simplă în centrul său și într-o epocă în care pisicile par a fi un fel de marfă comercializabilă pe InterWebs, este un instrument distractiv de a încerca. Cel puțin cinci minute.

Vi se prezintă o imagine de probă pe care puteți alege să o schimbați pentru o imagine pe care ați ales-o. Tot ce aveți nevoie este o adresă URL, prin urmare, am reușit să mărim faimoasa fotografie din captura de ecran de mai sus cu un parfum felinic.

Pentru a fi cinstit Catifier nu este perfect. Este nevoie de ceva timp pentru un clic pe una dintre pisici să se înregistreze, dar o mică răbdare le vede în cele din urmă mutat spre fereastra principală gata de manevră în poziție.

Nu prea știu de ce această aplicație Web particulară nu a fost mai bine utilizată de punctele de la Reddit. Cu siguranta acest lucru este instrumentul perfect pentru crearea de imagini de vrednicitate crestine cu pisici, pisici si mai multe pisici 10 din cele mai frumoase pisici amuzante pentru a-ti indeplini fetisul de fetita 10 din cele mai frumoase pisici amuzante pentru a-ti indeplini fetisul ca un iubitor de pisici. Nu mai pot să-l țin în continuare, îmi plac micile furbale, mai ales micul meu blonda de bucurie care mă înnebunește ... Citește mai mult .

Uite ... Brandon Generator

Brandon Generator, sau Aventurile aleatoare ale generatorului Brandon pentru a-i oferi titlul complet, este un concept intrigant care face parte din comicul Web, parte animat scurt, și parte HTML5 experiment.

Conținutul a fost scris de Edgar Wright (directorul Hot Fuzz și Shaun al morților), ilustrat de Tommy Lee Edwards de LucasFilm, și relatat de Julian Barratt de la Mighty Boosh.

Există patru episoade de Brandon Generator în totalitate, cu povestea episoadelor ulterioare, decisă de publicul care a interacționat cu conținutul când a fost încărcat pentru prima dată pe Web în 2012.

Microsoft sa aflat în spatele Brandon Generator, de unde apare sigla Internet Explorer în jurul site-ului. Cu toate acestea, datorită conținutului HTML5, conținutul este disponibil pentru vizualizare în toate browserele moderne.

5 + ... Demo Shiny

Shiny Demos poate fi doar un singur site, dar oferă un veritabil smorgasbord al bunătății HTML5. Există zeci de demonstrații ale puterii oferite de HTML5, dintre care nici unul nu va dura mai mult de câteva minute pentru a încerca.

Aplicațiile utilizează diferite elemente ale HTML5, toate împărțite în secțiuni, astfel încât să puteți vedea cu ușurință care sunt responsabilii pentru a aduce la viață fiecare aplicație în browserul dvs..

Pe lângă jocurile și afișările interactive de audio și video, există explicații ale diferitelor elemente care alcătuiesc HTML5. Acest lucru ar putea oferi dezvoltatorilor Web de dezvoltare un mod de a înțelege elementele de bază.

Demos Shiny ar trebui să vă păstreze ocupat pentru un timp, și dacă sunteți ceva ca mine, veți păstra site-ul marcată pentru încercări suplimentare de Inbox Atac și Paranoid. Shiny Demos a fost făcută de Opera Software, dar va funcționa în întreaga gamă de browsere.

concluzii

Aceste 5 site-uri web reprezintă doar o mică mișcare a destinațiilor răcoroase, utilizând cea mai recentă tehnologie Web pentru a ne îmbunătăți viața / oferim un mijloc de relaxare a plictiselii (ștergeți după caz). Am vazut anterior impresionante HTML5 Web Comics 4 Amazingly Impresionant HTML5 Comics Web 4 Amazingly Impresionant HTML5 Comics Web Iata cateva prototipuri care sunt exemple interesante de ceea ce HTML5 poate face pentru a face experienta noastra cu benzi desenate mult mai atragatoare. Acest articol prezintă unele dintre aceste eforturi timpurii. În timp ce HTML5 poate sau ... Citește mai mult, jocuri impresionante (și gratuite) HTML5 5 + Impresionante jocuri HTML5 gratuite pe care le poți juca în browser 5+ impresionante jocuri HTML5 gratuite pe care le poți juca în browser HTML5 semnifică evoluția limbajului de markup așa cum o știm . Jocurile Flash au fost o dată normă atunci când a venit la divertismentul bazat pe browser, dar acum datorită naturii puternice a HTML5, multe aplicații web, ... Citește mai mult și o selecție de site-uri care au făcut rapid lucruri uimitoare cu HTML5 15 site-uri care fac lucruri uimitoare Cu HTML5 15 site-uri care fac lucruri uimitoare cu HTML5 Citiți mai mult .

În mod deosebit, un observator printre voi poate a observat un acrostic ascuns în acest articol. În primul rând, acordați-vă un arahide pentru abilitățile dumneavoastră, apoi du-te și citiți ghidul meu pentru a crea un poem pentru un iubit Dă Cupidon O mână de ajutor: Generatoare de poezie 4 + Perfect pentru Valentine's Day Dă Cupidon o mână de ajutor: Generatoare de Poezie 4 + Ziua Îndrăgostiților Poezia este una dintre cele mai vechi forme de artă, predând alfabetizarea datorită utilizării sale în societatea preistorică. Atunci, poezii au fost folosite pentru a ajuta povestea conținută în ele să fie memorată ... Citește mai mult. Desigur, nu uitați să verificați tutorialul oficial MUO HTML5. După aceea, reveniți aici și postați comentariile dvs. despre HTML5, site-urile menționate mai sus și orice altceva posibil în mintea dvs., care se potrivește foarte ușor cu subiectul.

Credit de imagine: Yuki Honda

Explorați mai multe despre: HTML5.