5 morsomme ting å gjøre online med HTML5

5 morsomme ting å gjøre online med HTML5 / Internett

HTML5 fortsetter å gå fra styrke til styrke, med flere nettsteder som bytter til den nye standarden som bringer multimedieinnhold til nettet uten behov for plugins som Adobe Flash. Er den sprengte tingen død ennå? Dessverre ikke, men behovet for det blir langsomt fjernet. Og ikke før tiden.

Mens HTML5 er langt fra allestedsnærværende på dette punktet, bruker et økende antall nettsteder det, og i stadig mer oppfinnsomme og imponerende måter. Det som følger er fem morsomme ting å gjøre med HTML5, og alt du trenger er en kompatibel nettleser; De nyeste versjonene av Chrome, Firefox, Safari, Opera og Internet Explorer, for eksempel.

Hør ... Det rasjonelle tastaturet

Det rasjonelle tastaturet er en HTML5 Web-app fra Fritz Obermeyer. Den består av en melodi maker som stadig spiller en harmoni, med brukeren i stand til å endre notatet harmonien er basert på.

Notatene skifter hele tiden rundt og endrer størrelsen for å holde sangen som spilles på en behagelig måte. Inntil lyden glir, på hvilket tidspunkt anbefales det å sette pause på tastaturet for å tilbakestille det.

Det finnes fire forskjellige instrumenter, men endring av dem endrer bare utseendet, ikke lyden. Når det er sagt, har "Wedges" jobbet det beste for meg, og tilbyr et enkelt grensesnitt som resulterte i glitchfri avspilling.

Kildeteksten for Det rasjonelle tastaturet er tilgjengelig på GitHub, mens lydkoderen kan bli tatt for bruk i andre apper.

Lær ... The Two Minute Test

The Two Minute Test gjør akkurat det du forventer det til: Spør deg flere spørsmål for å teste ditt generelle kunnskaps- og intelligensnivå. Det endelige målet er å se om du har de grunnleggende ferdighetene som kreves for å bli lærer.

Spørsmålene presenteres alle i et behagelig visningsformat, med flytende tall, representasjoner av planetene i solsystemet Bli kjent med universet med disse fantastiske astronomi-websidene Bli kjent med universet med disse fantastiske astronomi-nettsidene Svært få av oss er sannsynlig å Gjør det aldri til det ytre rommet, med mindre de ulike romfartsturisme-virksomhetene blir vanlige suksesser. Selv da prisen på å bli fløyet inn i rommet vil være så høyt ... Les mer, og svar som kan trekkes på plass.

Du starter med 100 poeng av 100 poeng, med poengsummen din slippe mens du gjør feil. Og med mindre du er Stephen Hawking eller en annen av disse populærvitenskapsmennene, kan du treffe kunnskap til massene: 8 Populære forskere på Twitter Tweeting kunnskap til massene: 8 Populære forskere på Twitter Når du tenker på forskere, ville du ikke nødvendigvis tenke på Twitter som å være deres primære middel til å kommunisere med den globale verden. Og den antakelsen ville være noe riktig. Men det er et sunt antall ... Les mer, du vil gjøre feil.

Det er bare seks oppgaver å fullføre, men da er det bare ment å være en to minutters test. Hvis det tar deg lenger enn to minutter så, vel, jeg vil ikke anbefale å søke om å bli med Mensa når som helst snart.

Manipulere ... Catifier

Catifier har en veldig enkel premiss i kjernen, og i en alder når katter ser ut til å være en slags handelsvare på InterWebs, er det et morsomt verktøy å prøve ut. Minst i fem minutter.

Du presenteres med et eksempelbilde som du kan velge å bytte ut for et eget valg. Alt du trenger er en nettadresse, derfor kunne jeg forstørre det berømte fotografiet på skjermbildet ovenfor med en felint duft.

For å være ærlig Catifier er ikke perfekt. Det tar litt tid for et klikk på en av kattene å registrere seg, men litt tålmodighet ser dem til slutt flyttet over til hovedvinduet klar for manøvrering i posisjon.

Jeg vet ikke helt hvorfor denne webappen ikke har blitt bedre utnyttet av bodene på Reddit. Sikkert er dette det perfekte verktøyet for å skape upvote-verdige bilder med katter, katter og flere katter 10 av de beste morsomme kattens tumblrs for å oppfylle din fetiske fetish 10 av de beste morsomme kattens tumblrs for å oppfylle din feline fetish Det er på tide for meg å komme ut som en kattelskere. Jeg kan ikke holde det lenger, jeg elsker de små furballs, spesielt min egen lille furball av glede som knuter opp til meg ... Les mer .

Se ... Brandon Generator

Brandon Generator, eller Random Adventures of Brandon Generator å gi den sin full tittel, er et spennende konsept som er en del av tegneserien, en del animert kort og en del HTML5-eksperiment.

Innholdet ble skrevet av Edgar Wright (direktør for Hot Fuzz og Shaun of the Dead), illustrert av Tommy Lee Edwards of LucasFilm, og fortalt av Julian Barratt fra Den mektige Boosh.

Det er fire episoder av Brandon Generator i det hele tatt, med historien om de senere episodene som ble bestemt av publikum, som interagerte med innholdet da den ble lastet opp på nettet i 2012.

Microsoft var bak Brandon Generator, dermed utseendet til Internet Explorer-logoen rundt nettstedet. Men takket være HTML5 er innholdet tilgjengelig for visning i alle moderne nettlesere.

5 + ... Skinnende demoer

Skinnende demoer kan være bare ett nettsted, men det gir et veritabelt smorgasbord av HTML5 godhet. Det finnes dusinvis av demonstrasjoner av kraften til HTML5 på tilbud, ingen av dem vil ta mer enn noen få minutter å prøve ut.

Appene bruker forskjellige elementer i HTML5, alle delt inn i seksjoner, slik at du enkelt kan se hvilke som er ansvarlige for å bringe hver app til liv rett i nettleseren din.

I tillegg til spill og interaktive skjermer av lyd og video, er det forklaringer på de ulike elementene som utgjør HTML5. Dette kan tilby spirende webutviklere en måte å forstå grunnleggende om.

Skinnende demoer bør holde deg opptatt en stund, og hvis du er noe som meg, vil du holde nettstedet bokmerket for ytterligere forsøk på Innboksangrep og Paranoid. Shiny Demos ble laget av Opera Software, men det vil fungere over hele spekteret av nettlesere.

konklusjoner

Disse 5 nettstedene representerer bare en liten smattering av de kule destinasjonene ved hjelp av den nyeste webteknologien for å forbedre våre liv / gi et middel til å lette kjedsomheten (slett som det er hensiktsmessig). Vi har tidligere sett imponerende HTML5 Web Comics 4 Utrolig imponerende HTML5 Web Comics 4 Utrolig imponerende HTML5 Web Comics Her er noen prototyper som er kule eksempler på hva HTML5 kan gjøre for å gjøre våre tegneserier opplevelse mye mer engasjerende. Denne artikkelen viser noen av disse tidlige innsatsene. Mens HTML5 kan eller ... Les mer, imponerende (og gratis) HTML5-spill 5+ Imponerende gratis HTML5-spill du kan spille i nettleseren din 5+ Imponerende gratis HTML5-spill du kan spille i nettleseren HTML5 betyr utviklingen av opptakspråk som vi kjenner det . Flash spill var en gang normen når det gjaldt nettleserbasert underholdning, men nå takket være den kraftige naturen til HTML5 mange webapplikasjoner, ... Les mer og et utvalg nettsteder som raskt gjorde fantastiske ting med HTML5 15 nettsteder som gjør fantastiske ting Med HTML5 15 nettsteder som gjør fantastiske ting med HTML5 Les mer .

Den spesielt observante blant dere har kanskje lagt merke til en akustisk lurking i denne artikkelen. Først tilordne deg en peanut for dine ferdigheter, og følg deretter veiledningen på å skape et dikt for en elsket. Gi Cupid En Hjelpehånd: 4+ Dikt Generatorer Perfekt Til Valentinsdag. Gi Cupid En Hjelpe Hånd: 4 + Dikt Generatorer Perfekt For Valentinsdag Poesi er en av de eldste kunstformene, forutsetter leseferdighet takket være bruken i det forhistoriske samfunnet. Derefter ble diktene brukt for å hjelpe historien som finnes i dem, til å bli memorisert ... Les mer. Selvfølgelig, ikke glem å sjekke ut den offisielle MUO HTML5 opplæringen. Etter det kommer du tilbake hit og legger inn kommentarer til HTML5, nettstedene som er nevnt ovenfor, og alt annet du kanskje har i tankene som passer løst til emnet.

Bilde Kreditt: Yuki Honda

Utforsk mer om: HTML5.