5 leuke dingen om online te doen met HTML5

5 leuke dingen om online te doen met HTML5 / internet

HTML5 blijft groeien van kracht, waarbij meer websites overschakelen naar de nieuwe standaard die multimedia-inhoud op het web brengt zonder plug-ins zoals Adobe Flash. Is dat gestraald ding al dood? Helaas niet, maar de behoefte eraan wordt langzaam weggenomen. En niet vóór de tijd.

Hoewel HTML5 op dit moment verre van alomtegenwoordig is, gebruiken steeds meer websites het en op steeds inventievere en indrukwekkende manieren. Wat volgt zijn vijf leuke dingen om te doen met HTML5, en alles wat je nodig hebt is een compatibele browser; de nieuwste versies van Chrome, Firefox, Safari, Opera en Internet Explorer, bijvoorbeeld.

Hoor ... Het Rationele toetsenbord

Het Rational Keyboard is een HTML5-webapp van Fritz Obermeyer. Het bestaat uit een melodiemaker die voortdurend een harmonie speelt, waarbij de gebruiker de noot waarop de harmonie is gebaseerd, kan veranderen.

De noten verschuiven constant en veranderen van grootte om het lied op een auditieve manier te laten spelen. Totdat het geluid gaat glinsteren, wordt u geadviseerd om het toetsenbord te pauzeren om het opnieuw in te stellen.

Er zijn vier verschillende instrumenten te zien, hoewel het veranderen ervan alleen het uiterlijk verandert, niet het geluid. Dat gezegd hebbende, werkte 'Wedges' het beste voor mij, met een eenvoudige interface die resulteerde in glitch-free afspelen.

De broncode voor The Rational Keyboard is beschikbaar op GitHub, terwijl de audio-encoder kan worden gepakt voor gebruik in andere apps.

Leer ... De tweemetstest

De Two Minute Test doet precies wat je ervan verwacht: stel je een aantal vragen om je algemene kennis- en intelligentieniveau te testen. Het uiteindelijke doel is om te zien of je over de basisvaardigheden beschikt om een ​​leraar te worden.

De vragen worden allemaal gepresenteerd in een aangenaam visueel formaat, met zwevende getallen, afbeeldingen van de planeten in het zonnestelsel Maak kennis met het universum met deze verbazingwekkende astronomiewebsites Leer het universum kennen met deze verbazingwekkende astronomiewebsites Zeer weinigen van ons zullen waarschijnlijk ooit in de ruimte komen, tenzij de verschillende ruimtetoerisme-ondernemingen mainstream-successen worden. Zelfs dan zal de prijs van het in de ruimte vliegen zo hoog zijn ... Lees meer en antwoorden die op hun plaats kunnen worden gesleept.

Je begint met 100 punten op 100 punten, waarbij je score daalt naarmate je fouten maakt. En tenzij je Stephen Hawking bent of een andere van deze populaire wetenschappers Tweeting Knowledge To The Masses: 8 populaire wetenschappers op Twitter Tweeting Knowledge To The Masses: 8 populaire wetenschappers op Twitter Als je aan wetenschappers denkt, zou je niet per se denken aan Twitter als zijnde hun primaire middel om met de wijdere wereld te communiceren. En die aanname zou enigszins correct zijn. Er is echter een gezond aantal ... Lees meer, u zult fouten maken.

Er zijn slechts zes taken die moeten worden voltooid, maar dan is het alleen bedoeld om een ​​test van twee minuten te zijn. Als het langer duurt dan twee minuten, dan zou ik niet adviseren om snel lid te worden van Mensa.

Manipuleren ... Catifier

Catifier heeft in de kern een heel eenvoudig uitgangspunt en in een tijd waarin katten op de InterWebs een soort van verhandelbaar goed lijken te zijn, is het een leuk hulpmiddel om uit te proberen. Ten minste vijf minuten.

Je krijgt een voorbeeldafbeelding te zien die je kunt omruilen voor een afbeelding naar keuze. Het enige wat je nodig hebt is een URL, vandaar dat ik in staat was om de beroemde foto in de bovenstaande schermafbeelding te vergroten met een kattengeur.

Om eerlijk te zijn is Catifier niet perfect. Het duurt even voordat een klik op een van de katten is geregistreerd, maar een beetje geduld zorgt ervoor dat ze uiteindelijk naar het hoofdvenster gaan en klaar zijn om in positie te manoeuvreren.

Ik weet niet goed waarom deze specifieke web-app niet beter is gebruikt door de body's van Reddit. Dit is ongetwijfeld de perfecte tool voor het maken van upvote-waardige afbeeldingen met katten, katten en meer katten. 10 van de beste grappige katentumpen om je katachtige fetisj te bevredigen 10 van de beste grappige katentummies om je katachtige fetisj te bevredigen Het is tijd voor mij om te komen uit als een kattenliefhebber. Ik kan het niet langer volhouden, ik hou van de kleine furballs, vooral mijn eigen kleine harige bal van vreugde die me knuffelt ... Lees meer .

Kijk ... Brandon Generator

Brandon Generator, of De willekeurige avonturen van Brandon Generator om het zijn volledige titel te geven, is een intrigerend concept dat deel uitmaakt Web-komisch, gedeeltelijk geanimeerd kort en deel HTML5-experiment.

De inhoud is geschreven door Edgar Wright (regisseur van Druk gedoe en Shaun Of The Dead), geïllustreerd door Tommy Lee Edwards van LucasFilm en verteld door Julian Barratt uit De machtige Boosh.

Er zijn in totaal vier afleveringen van Brandon Generator, waarbij de verhaallijn van de latere afleveringen werd bepaald door het publiek die interactie had met de inhoud toen deze voor het eerst werd geüpload naar het web in 2012.

Microsoft stond achter Brandon Generator, vandaar het uiterlijk van het Internet Explorer-logo rond de site. Dankzij HTML5 is de inhoud echter beschikbaar voor weergave in alle moderne browsers.

5 + ... Glanzende demo's

Glanzende demo's kunnen slechts één site zijn, maar het biedt een ware smorgasbord van HTML5-goedheid. Er zijn tientallen demonstraties van de kracht van HTML5 die aangeboden wordt, waarvan geen enkele meer dan een paar minuten zal duren om uit te proberen.

De apps maken gebruik van verschillende elementen van HTML5, allemaal onderverdeeld in secties, zodat u gemakkelijk kunt zien welke verantwoordelijk zijn voor het tot leven brengen van elke app in uw browser.

Naast de games en interactieve displays van audio en video, zijn er ook uitleg over de verschillende elementen waaruit HTML5 bestaat. Dit kan beginnende webontwikkelaars een manier bieden om de basisbegrippen te begrijpen.

Glanzende demo's moeten je een tijdje bezig houden, en als je zoiets als mij bent, houd je de site als bladwijzer voor verdere pogingen om Inbox Aanval en Paranoïde. Shiny Demo's zijn gemaakt door Opera Software, maar het werkt in alle browsers.

conclusies

Deze 5 websites vertegenwoordigen slechts een klein aantal coole bestemmingen met behulp van de nieuwste webtechnologie om ons leven te verbeteren / een middel bieden om de verveling te verminderen (verwijderen zoals van toepassing). We hebben eerder indrukwekkende HTML5-webstrips gezien 4 Verbazingwekkend indrukwekkende HTML5-webstrippagina 4 Verbazingwekkend indrukwekkende HTML5-webstrips Hier volgen enkele prototypen die leuke voorbeelden zijn van wat HTML5 kan doen om onze stripervaring een stuk boeiender te maken. Dit artikel toont enkele van deze vroege inspanningen. Terwijl HTML5 of ... Lees Meer, indrukwekkende (en gratis) HTML5-games 5+ Indrukwekkende gratis HTML5-games die u in uw browser kunt spelen 5+ Indrukwekkende gratis HTML5-games die u in uw browser kunt afspelen HTML5 betekent de evolutie van opmaaktaal zoals wij die kennen . Flash-spellen waren ooit de norm als het ging om browser-gebaseerd entertainment, maar nu dankzij de krachtige aard van HTML5, vele webapplicaties, ... Lees meer, en een selectie van websites die snel geweldige dingen deden met HTML5 15-sites die geweldige dingen doen Met HTML5 15-sites die geweldige dingen doen met HTML5 Meer lezen .

De speciaal oplettende persoon onder u heeft misschien een acrostichon opgemerkt die in dit artikel op de loer ligt. Eerst, gun jezelf een pinda voor je vaardigheden, ga dan en lees mijn gids over het maken van een gedicht voor een geliefde Geef Cupido een helpende hand: 4+ gedicht Generators Perfect voor Valentijnsdag Geef Cupido een helpende hand: 4+ gedicht Generatoren Perfect voor Valentijnsdag Poëzie is een van de oudste kunstvormen, van vóór het lezen van geletterdheden dankzij het gebruik ervan in de prehistorische samenleving. In die tijd werden gedichten gebruikt om het verhaal dat ze bevatten te onthouden ... Lees meer. Vergeet natuurlijk niet om de officiële MUO HTML5-zelfstudie te bekijken. Hierna kom je hier terug en plaats je reacties op HTML5, de websites die hierboven zijn genoemd en al het andere dat je in gedachten hebt dat losjes aansluit bij het onderwerp.

Image Credit: Yuki Honda

Ontdek meer over: HTML5.