5 roliga saker att göra online med HTML5

HTML5 fortsätter att gå från styrka till styrka, med fler webbplatser att byta till den nya standarden som ger multimediainnehåll på webben utan att behöva pluginprogram som Adobe Flash. Är den där blastedaken död än? Tyvärr inte, men behovet av det tas långsamt bort. Och inte för tiden.

Medan HTML5 är långt ifrån sig allestädes närvarande vid det här tillfället använder ett ökande antal webbplatser det, och på allt mer uppfinningsrika och imponerande sätt. Det följande är fem roliga saker att göra med HTML5, och allt du behöver är en kompatibel webbläsare; De senaste versionerna av Chrome, Firefox, Safari, Opera och Internet Explorer, till exempel.

Hör ... Det rationella tangentbordet

Det rationella tangentbordet är en HTML5-webbapp från Fritz Obermeyer. Den består av en melodi maker som ständigt spelar en harmoni, med användaren som kan ändra noten harmonin bygger på.

Noterna växlar ständigt och ändrar storlek för att låten ska spelas på ett behagligt sätt. Till dess att ljudet glöms, då rekommenderas du att pausa tangentbordet för att återställa det.

Det finns fyra olika instrument som presenteras, men ändras ändras bara utseendet, inte ljudet. Med detta sagt har "Wedges" fungerat bäst för mig, och erbjuder ett enkelt gränssnitt som resulterade i glitchfri uppspelning.

Källkoden för det rationella tangentbordet är tillgängligt på GitHub, medan ljudkodaren kan fångas för användning i andra appar.

Lär dig ... The Two Minute Test

Two Minute Test gör exakt vad du förväntar dig: fråga dig flera frågor för att testa din allmänna kunskap och intelligensnivå. Det ultimata målet är att se om du har grundläggande färdigheter som krävs för att bli lärare.

Frågorna presenteras alla i ett tilltalande visuellt format, med flytande tal, representationer av planeterna i solsystemet Lär känna universum med dessa fantastiska astronomins webbplatser lär känna universum med dessa fantastiska astronomins webbplatser Mycket få av oss kommer sannolikt att någonsin göra det till yttre rymden, såvida inte de olika rymdturismsverksamheterna blir vanliga framgångar. Även då blir priset för att flyga in i rymden så högt ... Läs mer, och svar som kan släpas på plats.

Du börjar med 100 poäng av 100 poäng, med ditt poäng släppa när du gör fel. Och om du inte är Stephen Hawking eller en annan av dessa populära vetenskapsmän, tweeting knowledge to the masses: 8 Populära forskare på Twitter Tweeting Knowledge to the Masses: 8 Populära forskare på Twitter När du tänker på forskare skulle du inte nödvändigtvis tänka på Twitter som att vara deras främsta sätt att kommunicera med den bredare världen. Och det antagandet skulle vara något korrekt. Det finns dock ett hälsosamt antal ... Läs mer, du kommer att göra fel.

Det finns bara sex uppgifter att slutföra, men då är det bara tänkt att vara ett två minuters test. Om det tar längre tid än två minuter då, ja, jag skulle inte rekommendera att ansöka om att gå med Mensa när som helst snart.

Manipulera ... Catifier

Catifier har en mycket enkel förutsättning i sin kärna, och i en ålder när katter verkar vara en slags handelsvara på InterWebs, är det ett roligt verktyg att prova. Åtminstone i fem minuter.

Du presenteras med en provbild som du kan välja att byta ut för en egen bild. Allt du behöver är en URL, så jag kunde förstärka det kända fotografiet i skärmdumpen ovan med en kattdoft.

För att vara ärlig Catifier är inte perfekt. Det tar lite tid för ett klick på en av katterna att registrera sig, men lite tålamod ser dem så småningom flyttas över till huvudfönstret redo för manövrering i position.

Jag vet inte riktigt varför den här webbappen inte har utnyttjats bättre av boden på Reddit. Säkert är det här det perfekta verktyget för att skapa upvote-värdiga bilder med katter, katter och fler katter 10 av de bästa roliga kattens tumblers för att uppfylla din fetiska fetis 10 av de bästa roliga kattens tumblrs för att uppfylla din fetiska fetis Det är dags för mig att komma ut som en kattälskare. Jag kan inte hålla det längre, jag älskar de små furbollarna, speciellt min egen lilla furball av glädje som kramar upp till mig ... Läs mer .

Titta ... Brandon Generator

Brandon Generator, eller Random Adventure of Brandon Generator för att ge den sin fullständiga titel, är ett spännande koncept som är en del av webbserien, en del animerad kort och en del HTML5-experiment.

Innehållet skrevs av Edgar Wright (direktör för Hot Fuzz och Shaun of the Dead), illustrerad av Tommy Lee Edwards av LucasFilm, och berättat av Julian Barratt från Mighty Boosh.

Det finns fyra episoder av Brandon Generator i alla med storylinen av de senare episoderna som bestämdes av allmänheten som interagerade med innehållet när den först uppladdades till webben under 2012.

Microsoft var bakom Brandon Generator, därmed utseendet på Internet Explorer-logotypen runt webbplatsen. Tack vare HTML5 är innehållet dock tillgängligt för alla moderna webbläsare.

5 + ... Glänsande demos

Glänsande demoer kan vara bara en plats, men det erbjuder ett riktigt smorgasbord av HTML5 godhet. Det finns dussintals demonstrationer av kraften i HTML5 som erbjuds, varav ingen tar mer än några minuter att prova.

Apparna använder olika delar av HTML5, alla uppdelade i sektioner så att du enkelt kan se vilka som är ansvariga för att varje app bor livet direkt i din webbläsare.

Förutom spel och interaktiva bildskärmar av ljud och video finns förklaringar av de olika elementen som utgör HTML5. Detta skulle kunna erbjuda spirande webbutvecklare ett sätt att förstå grunderna.

Glänsande demoer borde hålla dig upptagen en stund, och om du är något som jag håller du webbplatsen bokmärkt för ytterligare försök av Inbox Attack och Paranoid. Shiny Demos gjordes av Opera Software, men det kommer att fungera över hela spektret av webbläsare.

Slutsatser

Dessa 5 webbplatser representerar bara en liten smattering av de coola destinationerna med hjälp av den senaste webbtekniken för att förbättra våra liv / tillhandahålla ett sätt att lindra tristessen (ta bort vad som är lämpligt). Vi har tidigare sett imponerande HTML5 Web Comics 4 Otroligt Imponerande HTML5 Web Comics 4 Otroligt Imponerande HTML5 Web Comics Här är några prototyper som är snygga exempel på vad HTML5 kan göra för att göra våra serietidningar mycket mer engagerande. Denna artikel visar några av dessa tidiga insatser. Medan HTML5 kan eller ... Läs mer, imponerande (och gratis) HTML5-spel 5+ Imponerande gratis HTML5-spel du kan spela i din webbläsare 5+ Imponerande gratis HTML5-spel som du kan spela i din webbläsare HTML5 betyder utvecklingen av markup-språk som vi vet . Flash-spel var en gång normen när det gäller webbläsarbaserad underhållning, men nu tack vare den kraftfulla naturen i HTML5, många webbapplikationer, ... Läs mer och ett urval av webbplatser som snabbt gjorde fantastiska saker med HTML5 15 webbplatser som gör fantastiska saker Med HTML5 15 webbplatser som gör fantastiska saker med HTML5 Läs mer .

Den särskilt uppmärksamma bland dig kan ha märkt en acrostic som lurar i den här artikeln. Först tilldela dig en jordnöt för dina färdigheter, och gå och läs min guide om att skapa en dikt för en älskling. Ge Cupid ett hjälpande hand: 4+ Poemgeneratorer Perfekt för Alla hjärtans dag Ge Cupid ett hjälpande hand: 4 + Poem Generatorer Perfekt för Alla hjärtans dag Poesi är en av de äldsta formerna av konst, förutseende läskunnighet tack vare dess användning i det förhistoriska samhället. Därefter användes dikter för att hjälpa berättelsen i dem att bli memorerade ... Läs mer. Naturligtvis glöm inte att kolla in den officiella MUO HTML5-handledningen. Efter det komma tillbaka hit och skicka dina kommentarer till HTML5, de ovan nämnda webbplatser och allt annat som du kanske har i ditt sinne som passar löst för ämnet.

Bildkrediter: Yuki Honda

Utforska mer om: HTML5.