5 lustige Dinge, die Sie mit HTML5 online tun können

HTML5 wird immer stärker. Immer mehr Websites werden auf den neuen Standard umgestellt, der Multimedia-Inhalte ohne zusätzliche Plugins wie Adobe Flash ins Web bringt. Ist das verdammte Ding schon tot? Leider nicht, aber die Notwendigkeit dafür wird langsam beseitigt. Und nicht vor der Zeit.

Während HTML5 an diesem Punkt alles andere als allgegenwärtig ist, wird es von immer mehr Websites verwendet, und zwar auf immer einfallsreichere und beeindruckendere Weise. Was folgt, sind fünf unterhaltsame Dinge, die Sie mit HTML5 machen können, und Sie benötigen lediglich einen kompatiblen Browser. Zum Beispiel die neuesten Versionen von Chrome, Firefox, Safari, Opera und Internet Explorer.

Hören Sie… die rationale Tastatur

Das Rational Keyboard ist eine HTML5-Web-App von Fritz Obermeyer. Es besteht aus einem Melodiemacher, der ständig eine Harmonie spielt, wobei der Benutzer die Note ändern kann, auf der die Harmonie basiert.

Die Noten verschieben sich ständig und ändern ihre Größe, um das Stück auf angenehme Weise zu spielen. Bis das Geräusch stört, sollten Sie die Tastatur anhalten, um sie zurückzusetzen.

Es gibt vier verschiedene Instrumente, deren Änderung jedoch nur das Aussehen und nicht den Klang verändert. Allerdings hat 'Wedges' am besten für mich funktioniert und bietet eine einfache Benutzeroberfläche, die zu störungsfreier Wiedergabe führt.

Der Quellcode für The Rational Keyboard ist auf GitHub verfügbar, während der Audio-Encoder zur Verwendung in anderen Apps abgerufen werden kann.

Teach… Der Zwei-Minuten-Test

Der Zwei-Minuten-Test macht genau das, was Sie erwarten: Stellen Sie sich mehrere Fragen, um Ihr Allgemeinwissen und Ihr Intelligenzniveau zu testen. Das ultimative Ziel besteht darin, zu prüfen, ob Sie über die grundlegenden Fähigkeiten verfügen, um Lehrer zu werden.

Die Fragen werden alle in einem ansprechenden visuellen Format präsentiert, mit schwebenden Zahlen, Darstellungen der Planeten im Sonnensystem. Lernen Sie das Universum mit diesen erstaunlichen Astronomie-Websites kennen. Lernen Sie das Universum mit diesen erstaunlichen Astronomie-Websites kennen. Sehr wenige von uns sind wahrscheinlich Machen Sie es immer in den Weltraum, es sei denn, die verschiedenen Projekte des Weltraumtourismus werden zu Erfolgen. Selbst dann wird der Preis für das Fliegen ins All so hoch sein… und Antworten, die in die richtige Position gezogen werden können.

Sie beginnen mit 100 von 100 Punkten, wobei Ihre Punktzahl bei Fehlern sinkt. Und wenn Sie nicht Stephen Hawking oder ein anderer dieser beliebten Wissenschaftler sind: Tweeten von Wissen zu den Massen: 8 beliebte Wissenschaftler auf Twitter Tweeten von Wissen zu den Massen: 8 populäre Wissenschaftler auf Twitter Wenn Sie über Wissenschaftler nachdenken, denken Sie nicht unbedingt an Twitter ihre primären Mittel zur Kommunikation mit der weiteren Welt. Und diese Annahme wäre etwas richtig. Es gibt jedoch eine gesunde Anzahl von… Lesen Sie mehr, Sie werden Fehler machen.

Es gibt nur sechs Aufgaben, die zu erledigen sind, aber es soll nur ein zweiminütiger Test sein. Wenn Sie länger als zwei Minuten brauchen, würde ich demnächst keine Mitgliedschaft bei Mensa beantragen.

Manipulieren… Catifier

Catifier hat eine sehr einfache Prämisse im Kern, und in einer Zeit, in der Katzen auf den InterWebs eine Art handelbares Gut zu sein scheinen, ist es ein unterhaltsames Hilfsmittel zum Ausprobieren. Zumindest für fünf Minuten.

Sie erhalten ein Beispielbild, das Sie gegen ein Bild Ihrer Wahl austauschen können. Alles, was Sie brauchen, ist eine URL. Daher konnte ich das berühmte Foto im Screenshot oben mit einem katzengleichen Duft ergänzen.

Um ehrlich zu sein, ist Catifier nicht perfekt. Es dauert einige Zeit, bis sich ein Klick auf eine der Katzen registriert, aber mit etwas Geduld bewegen sie sich schließlich zum Hauptfenster, das zum Rangieren bereit ist.

Ich weiß nicht genau, warum diese Web-App von Reddit nicht besser genutzt wurde. Sicherlich ist dies das perfekte Werkzeug für die Erstellung von Bildern, die mit Katzen, Katzen und mehr Katzen belohnt werden. 10 der besten lustigen Katzentrommeln, um Ihren Katzenfetisch zu erfüllen 10 der besten lustigen Katzentröster, um Ihre Katzenfetisch zu erfüllen Es ist Zeit für mich zu kommen als Katzenliebhaber. Ich kann es nicht mehr halten, ich liebe die kleinen Furballs, besonders meinen eigenen kleinen Furball der Freude, der sich an mich schmiegt… Read More .

Schau mal… Brandon Generator

Brandon Generator oder Die zufälligen Abenteuer von Brandon Generator Um es vollständig auszudrücken, ist es ein faszinierendes Konzept, das zum Teil Webcomic, zum Teil animierte Kurzfilme und zum Teil HTML5-Experiment ist.

Der Inhalt wurde von Edgar Wright (Direktor von Hot Fuzz und Shaun of the Dead), illustriert von Tommy Lee Edwards von LucasFilm und erzählt von Julian Barratt aus Der mächtige Boosh.

Insgesamt gibt es vier Folgen von Brandon Generator. Die Geschichte der späteren Folgen wird von der Öffentlichkeit festgelegt, die mit dem Inhalt interagierte, als er 2012 zum ersten Mal ins Web hochgeladen wurde.

Microsoft stand hinter Brandon Generator, daher das Erscheinungsbild des Internet Explorer-Logos auf der Website. Dank HTML5 kann der Inhalt jedoch in allen modernen Browsern angezeigt werden.

5 +… Glänzende Demos

Glänzende Demos sind zwar nur eine Website, bieten jedoch ein wahres Geflecht an HTML5-Güte. Es gibt Dutzende Demonstrationen der Möglichkeiten von HTML5, von denen keine mehr als ein paar Minuten dauern wird.

Die Apps verwenden verschiedene Elemente von HTML5, die alle in Abschnitte unterteilt sind, so dass Sie leicht erkennen können, welche Anwendungen dafür verantwortlich sind, jede App direkt in Ihrem Browser zum Leben zu erwecken.

Neben den Spielen und interaktiven Darstellungen von Audio und Video gibt es Erklärungen zu den verschiedenen Elementen, aus denen HTML5 besteht. Auf diese Weise könnten angehende Webentwickler einen Einblick in die Grundlagen erhalten.

Glänzende Demos sollten Sie eine Weile beschäftigen, und wenn Sie so etwas wie ich sind, werden Sie die Site für weitere Versuche mit einem Lesezeichen versehen Posteingangsangriff und Paranoid. Shiny Demos wurde von Opera Software erstellt, funktioniert jedoch mit allen Browsern.

Schlussfolgerungen

Diese 5 Websites sind nur ein kleiner Ausschnitt der coolen Reiseziele mit der neuesten Web-Technologie, um unser Leben zu verbessern / um die Langeweile zu lindern (ggf. löschen). Wir haben zuvor beeindruckende HTML5-Web-Comics gesehen. 4 Erstaunlich beeindruckende HTML5-Web-Comics. 4 Erstaunlich beeindruckende HTML5-Web-Comics. Hier einige Prototypen, die coole Beispiele dafür sind, was HTML5 tun kann, um unser Comic-Erlebnis noch attraktiver zu machen. Dieser Artikel zeigt einige dieser frühen Bemühungen. Während HTML5 kann oder… Lesen Sie mehr, beeindruckende (und kostenlose) HTML5-Spiele 5+ Beeindruckende kostenlose HTML5-Spiele, die Sie in Ihrem Browser spielen können 5+ Beeindruckende kostenlose HTML5-Spiele, die Sie in Ihrem Browser spielen können HTML5 kennzeichnet die Entwicklung der Markup-Sprache, wie wir sie kennen . Flash-Spiele waren einmal die Norm, wenn es um browserbasierte Unterhaltung ging, aber dank der leistungsstarken Eigenschaften von HTML5, vielen Webanwendungen,… Lesen Sie mehr und einer Auswahl von Websites, die mit HTML5 15 Sites, die erstaunliche Dinge tun, schnell erstaunliche Dinge bewirken Mit HTML5 15 Sites, die mit HTML5 erstaunliche Dinge tun Lesen Sie weiter .

Die besonders aufmerksamen unter Ihnen haben in diesem Artikel möglicherweise einen Akrostichon entdeckt. Vergeben Sie sich zuerst eine Erdnuss für Ihre Fähigkeiten, und lesen Sie dann meine Anleitung zum Erstellen eines Gedichtes für einen geliebten Menschen. Geben Sie dem Cupid eine helfende Hand: 4+ Gedichtgeneratoren, die sich perfekt für den Valentinstag eignen Valentinstag Poesie ist eine der ältesten Formen der Kunst, die aufgrund ihrer Verwendung in der prähistorischen Gesellschaft der Alphabetisierung vorausging. Damals wurden Gedichte verwendet, um die in ihnen enthaltene Geschichte auswendig zu lernen. Lesen Sie mehr. Vergessen Sie nicht, das offizielle MUO HTML5-Tutorial zu lesen. Danach kommen Sie hierher zurück und posten Sie Ihre Kommentare zu HTML5, den oben genannten Websites und zu allen anderen Themen, die Sie möglicherweise in den Sinn haben, die lose auf das Thema zutreffen.

Bildnachweis: Yuki Honda

Erfahren Sie mehr über: HTML5.