5 sjove ting at gøre online med HTML5

HTML5 fortsætter med at gå fra styrke til styrke, med flere websteder, der skifter til den nye standard, der bringer multimedieindhold til internettet uden behov for plugins som Adobe Flash. Er den sprængte ting død endnu?

HTML5 fortsætter med at gå fra styrke til styrke, med flere websteder, der skifter til den nye standard, der bringer multimedieindhold til internettet uden behov for plugins som Adobe Flash.  Er den sprængte ting død endnu?
Reklame

sjove ting at gøre med html5 HTML5 fortsætter med at gå fra styrke til styrke, med flere websteder, der skifter til den nye standard, der bringer multimedieindhold til internettet uden behov for plugins som Adobe Flash. Er den sprængte ting død endnu? Desværre ikke, men behovet for det bliver langsomt fjernet. Og ikke før tiden.

Mens HTML5 er langt fra allestedsnærværende på dette tidspunkt, bruger et stigende antal hjemmesider det og i stadig mere opfindsomme og imponerende måder. Det følgende er fem sjove ting at gøre med HTML5, og alt hvad du behøver er en kompatibel browser; De nyeste versioner af f.eks. Chrome, Firefox, Safari, Opera og Internet Explorer.

Hør ... Det rationelle tastatur

sjove ting at gøre med html5

Det rationelle tastatur er en HTML5 Web app fra Fritz Obermeyer. Det består af en melodi maker, der konstant spiller en harmoni, med brugeren i stand til at ændre noten harmonien er baseret på.

Noterne skifter konstant rundt og ændrer størrelse for at holde sangen spiller på en behagelig måde. Indtil lydfejlen, på hvilket tidspunkt anbefales det at sætte pause på tastaturet for at nulstille det.

Der findes fire forskellige instrumenter, men skiftende ændrer kun udseendet, ikke lyden. Når det er sagt, har "Wedges" arbejdet det bedste for mig, og det giver en simpel grænseflade, der resulterede i glitchfri afspilning.

Kildekoden til Det rationelle tastatur er tilgængelig på GitHub, mens lydkoderen kan tages til brug i andre apps.

Lær ... The Two Minute Test

ting at gøre med html5

Two Minute Test gør præcis, hvad du ville forvente det: spørg dig flere spørgsmål for at teste dit generelle viden og intelligensniveau. Det endelige mål er at se, om du har de grundlæggende færdigheder, der kræves for at blive lærer.

Spørgsmålene er alle præsenteret i et glædeligt visuelt format med flydende tal, repræsentationer af planeterne i solsystemet. Kendskab til universet med disse fantastiske astronomi-websites. Kendskab til universet med disse fantastiske astronomi-websites. Meget få af os vil sandsynligvis Nogensinde gøre det til det ydre rum, medmindre de forskellige rumturisme ventures bliver mainstream succeser. Selv da prisen for at blive fløjet ind i rummet vil være så høj ... Læs mere, og svar, der kan trækkes på plads.

Du begynder med 100 point ud af 100 point, med din score falder, da du laver fejl. Og medmindre du er Stephen Hawking eller en anden af ​​disse populære forskere, tweeting viden til masserne: 8 Populære forskere på Twitter Tweeting viden til masserne: 8 Populære forskere på Twitter Når du tænker på forskere, ville du ikke nødvendigvis tænke på Twitter som værende deres primære middel til at kommunikere med den bredere verden. Og den antagelse ville være ret korrekt. Der er dog et sundt antal ... Læs mere, du vil lave fejl.

Der er kun seks opgaver at fuldføre, men så er det kun meningen at være en to minutters test. Hvis det tager længere tid end to minutter, så vil jeg ikke rådgive om at blive medlem af Mensa når som helst.

Manipulere ... Catifier

ting at gøre med html5

Catifier har en meget simpel forudsætning i sin kerne, og i en alder, hvor katte ser ud til at være en slags handelsvare på InterWebs, er det et sjovt værktøj til at prøve. Mindst i fem minutter.

Du præsenteres med et eksempelbillede, som du kan vælge at bytte ud til et eget valg. Alt du behøver er en URL, derfor kunne jeg forstærke det berømte fotografi i ovenstående skærmbillede med en feline duft.

For at være ærlig Catifier er ikke perfekt. Det tager lidt tid for et klik på en af ​​kattene at registrere, men lidt tålmodighed ser dem til sidst flyttet over til hovedvinduet klar til manøvrering i position.

Jeg ved ikke helt, hvorfor denne særlige webapp ikke er blevet bedre udnyttet af bods på Reddit. Det er sikkert det perfekte værktøj til at skabe opvote-værdige billeder med katte, katte og flere katte. 10 af de bedste sjove kattens tumblers for at udfylde din kattefetish 10 af de bedste sjove kattens tumblrs for at opfylde din kattefetish Det er på tide for mig at komme ud som en kat elsker. Jeg kan ikke holde det i længere tid, jeg elsker de små furballs, især min egen lille furball af glæde, der knuffer op til mig ... Læs mere.

Se ... Brandon Generator

ting at gøre med html5

Brandon Generator, eller Random Adventures of Brandon Generator for at give det sin fulde titel, er et spændende koncept, der er en del af tegneserie, del animeret kort og del HTML5 eksperiment.

Indholdet er skrevet af Edgar Wright (direktør for Hot Fuzz og Shaun Of The Dead ), illustreret af Tommy Lee Edwards fra LucasFilm og fortalt af Julian Barratt fra The Mighty Boosh .

Der er fire episoder af Brandon Generator i alt med historien om de senere episoder, som blev besluttet af offentligheden, der interagerede med indholdet, da det blev uploadet til internettet i 2012.

Microsoft var bag Brandon Generator, og dermed udseendet af Internet Explorer-logoet omkring webstedet. Men takket være HTML5 er indholdet tilgængeligt for alle moderne browsere.

5 + ... Skinnende demoer

sjove ting at gøre med html5

Skinnende demoer kan kun være et websted, men det giver et ægte smorgasbord af HTML5 godhed. Der er snesevis af demonstrationer af kraften i HTML5 på tilbud, hvoraf ingen vil tage mere end et par minutter at prøve.

Apperne bruger forskellige elementer i HTML5, som alle er opdelt i sektioner, så du nemt kan se, hvilke der er ansvarlige for at bringe hver app til liv lige i din browser.

Ud over de spil og interaktive displays af lyd og video er der forklaringer på de forskellige elementer, der udgør HTML5. Dette kunne tilbyde spirende webudviklere en måde at forstå grundlæggende på.

Skinnende demoer bør holde dig beskæftiget i et stykke tid, og hvis du er noget som mig, vil du holde webstedet bogmærket for yderligere forsøg på Inbox Attack og Paranoid . Shiny Demos blev lavet af Opera Software, men det vil fungere over hele spektret af browsere.

konklusioner

Disse 5 hjemmesider repræsenterer kun en lille smattering af de kølige destinationer ved hjælp af den nyeste webteknologi for at forbedre vores liv / tilvejebringe et middel til at lette kedsomheden (slettet som det er relevant). Vi har tidligere set imponerende HTML5 Web Comics 4 Utrolig imponerende HTML5 Web Comics 4 Utroligt imponerende HTML5 Web Comics Her er nogle prototyper, der er seje eksempler på, hvad HTML5 kan gøre for at gøre vores tegneserie-oplevelse meget mere engagerende. Denne artikel viser nogle af disse tidlige bestræbelser. Mens HTML5 kan eller ... Læs mere, imponerende (og gratis) HTML5-spil 5+ Imponerende gratis HTML5-spil, du kan spille i din browser 5+ Imponerende gratis HTML5-spil, du kan spille i din browser HTML5 betyder udviklingen af ​​markup-sprog som vi kender det. Flash-spil var engang normen når det gjaldt browserbaseret underholdning, men nu takket være HTML5's kraftfulde mange webapplikationer, ... Læs mere og et udvalg af websteder, der hurtigt gjorde fantastiske ting med HTML5 15 Sites That Do Fantastiske ting med HTML5 15 websteder, der gør fantastiske ting med HTML5 Læs mere.

Den særligt opmærksomme blandt jer har måske bemærket en acrostic lurer i denne artikel. Først tildele dig en jordnødde til dine færdigheder, og læs og læse min vejledning om at skabe et digt for en elsket. Giv Cupid En Hjælpehånd: 4+ Poemgeneratorer Perfekt Til Valentinsdag Giv Cupid En Hjælpsom Hånd: 4+ Poemgeneratorer Perfekt Til Valentinsdag Poesi er en af ​​de ældste kunstformer, der foregriber læsefærdigheder takket være dets brug i det forhistoriske samfund. Derefter blev digte brugt for at hjælpe historien indeholdt i dem for at blive gemt ... Læs mere. Selvfølgelig skal du ikke glemme at tjekke den officielle MUO HTML5 tutorial. Derefter kommer du tilbage her og sender dine kommentarer til HTML5, de ovennævnte websteder og alt andet, du måske har i tankerne, som passer løst til emnet.

Billedkredit: Yuki Honda

In this article