HTML5-Webseiten
Die cleversten HTML5-Anwendungen
Egal, ob unterhaltsam oder nützlich – alle diese Web-Anwendungen haben eines gemeinsam: sie sind HTML5 programmiert. Wir zeigen Ihnen die derzeit cleversten HTML5-Applikationen im Internet.
Obwohl das W3C (World Wide Web Consortium) HTML5 nicht vor 2014 als Standard verabschieden wird, können Sie viele der neuen Möglichkeiten schon jetzt ausprobieren. So haben sich einige Web-Entwickler die Arbeit gemacht, entsprechende HTML5-Tags wie beispielsweise canvas, Audio, Video, aside, figure, b- und i-Elemente in ihren Internet-Auftritten einzubetten, um schon jetzt einen Vorgeschmack auf die künftige Internet-Nutzung zu bieten. Nachteil: Aktuelle Browser-Versionen unterstützen zwar schon die eine oder andere, jedoch nicht alle mit HTML5 kombinierte Funktionen.
Die cleversten HTML5-Anwendungen
CameraSim
CameraSim eignet sich für Fotografen und alle diejenigen, die Fotografen werden möchten. Die Web-Applikation ermöglicht es Ihnen unterschiedliche, aber grundlegende Funktionen virtuell zu testen - ideal, bevor Sie sich auf die Jagd nach dem perfekten Motiv machen. Sobald Sie die perfekte Einstellungskombination aus Belichtung, Blende, Fokus, ISO, etc. ausgelotet haben, bekommen Sie über die Schaltfläche "Snap foto!" (zu Deutsch: Foto knipsen) einen Vorgeschmack auf das, was Sie in der Realität erwarten würde - abhängig davon, welche technische Ausrüstung Sie verwenden.
CameraSim eignet sich für Fotografen und alle diejenigen, die Fotografen werden möchten. Die Web-Applikation ermöglicht es Ihnen unterschiedliche, aber grundlegende Funktionen virtuell zu testen - ideal, bevor Sie sich auf die Jagd nach dem perfekten Motiv machen. Sobald Sie die perfekte Einstellungskombination aus Belichtung, Blende, Fokus, ISO, etc. ausgelotet haben, bekommen Sie über die Schaltfläche "Snap foto!" (zu Deutsch: Foto knipsen) einen Vorgeschmack auf das, was Sie in der Realität erwarten würde - abhängig davon, welche technische Ausrüstung Sie verwenden.
NakshART
Diese Web-Applikation öffnet Ihnen den Zugang zum Firmament, indem sie die Position und Konstellation von Sternen und Planeten auf dem Monitor simulieren. Willigen Sie ein, Ihre geografische Position an den Server zu übermitteln, erscheint der Sternenhimmel auf dem Display in genau der Ausrichtung wie Sie die Sterne und Planeten mit dem bloßen Auge sehen würden - sofern die Wetterbedingungen es zulassen. Bonus-Funktionen: Per Mausklick können Sie beispielsweise Planeten, Sterne und andere Objekte wahlweise ein- und ausblenden. Damit sorgen Sie für mehr Übersicht. Zudem gibt Ihnen der Web-Dienst die Geo-Daten sowie die aktuelle Uhrzeit Ihrer derzeitigen Position an.
Diese Web-Applikation öffnet Ihnen den Zugang zum Firmament, indem sie die Position und Konstellation von Sternen und Planeten auf dem Monitor simulieren. Willigen Sie ein, Ihre geografische Position an den Server zu übermitteln, erscheint der Sternenhimmel auf dem Display in genau der Ausrichtung wie Sie die Sterne und Planeten mit dem bloßen Auge sehen würden - sofern die Wetterbedingungen es zulassen. Bonus-Funktionen: Per Mausklick können Sie beispielsweise Planeten, Sterne und andere Objekte wahlweise ein- und ausblenden. Damit sorgen Sie für mehr Übersicht. Zudem gibt Ihnen der Web-Dienst die Geo-Daten sowie die aktuelle Uhrzeit Ihrer derzeitigen Position an.
iPaint
Microsoft Paint ist fester Bestandteil jeder Windows-Version - iPaint funktioniert ähnlich, nur dass Sie die Anwendung direkt über das Internet und damit allerorts verwenden können, selbst wenn Sie nicht an einem Windows-PC arbeiten. Die Funktionspalette ist umfangreich und bietet nahezu alle grundlegenden Optionen. Beispielsweise können Sie unterschiedliche Hintergründe wählen, voreingestellte Formen einfügen, die Deckkraft von Grafiken ändern und - wenn einmal etwas schief gegangen ist - einzelne Schritte über den Verlauf rückgängig machen. Somit ist iPaint eine interessante Anwendunge, für alle diejenigen, die Grafiken schnell und einfach bearbeiten möchten.
Microsoft Paint ist fester Bestandteil jeder Windows-Version - iPaint funktioniert ähnlich, nur dass Sie die Anwendung direkt über das Internet und damit allerorts verwenden können, selbst wenn Sie nicht an einem Windows-PC arbeiten. Die Funktionspalette ist umfangreich und bietet nahezu alle grundlegenden Optionen. Beispielsweise können Sie unterschiedliche Hintergründe wählen, voreingestellte Formen einfügen, die Deckkraft von Grafiken ändern und - wenn einmal etwas schief gegangen ist - einzelne Schritte über den Verlauf rückgängig machen. Somit ist iPaint eine interessante Anwendunge, für alle diejenigen, die Grafiken schnell und einfach bearbeiten möchten.
Casino Blackjack
Sie haben einen Abend im Casino geplant, doch sind bei dem Kartenspiel Blackjack etwas außers Übung - kein Problem: diese Web-Applikation simuliert per Zufallsgenerator eine Partie zwischen der Bank und Ihnen. Die Web-Oberfläche ist einfach zu bedienen. Per Mausklick auf die Schaltfläche "Deal" (zu Deutsch: Geben) starten Sie das Match. Die Funktion "Stand" (zu Deutsch: Belassen) behält Ihr Blatt bei, bei "Hit" (zu Deutsch: Zug) spielt Ihnen der virtuelle Geber eine weitere Karte zu.
Sie haben einen Abend im Casino geplant, doch sind bei dem Kartenspiel Blackjack etwas außers Übung - kein Problem: diese Web-Applikation simuliert per Zufallsgenerator eine Partie zwischen der Bank und Ihnen. Die Web-Oberfläche ist einfach zu bedienen. Per Mausklick auf die Schaltfläche "Deal" (zu Deutsch: Geben) starten Sie das Match. Die Funktion "Stand" (zu Deutsch: Belassen) behält Ihr Blatt bei, bei "Hit" (zu Deutsch: Zug) spielt Ihnen der virtuelle Geber eine weitere Karte zu.
Agent 008 Ball
Treten Sie in die Fussstapfen von James Bond und spielen das HTML5-Billard-Game Agent 008 Ball. Die Steuerung ist einfach: Über die gestrichelte Hilfslinie peilen Sie die zu treffenden Kugel an. Per Doppeklick stoßen Sie die weiße Kugel direkt auf ihr Ziel. Vorsicht! Ähnlich wie in den Abenteuern von James Bond müssen Sie sich beeilen, denn nach Ablauf eines vorgegebenem Countdowns fliegt Ihnen die Zeitbombe um die Ohren und das Spiel ist verloren.
Treten Sie in die Fussstapfen von James Bond und spielen das HTML5-Billard-Game Agent 008 Ball. Die Steuerung ist einfach: Über die gestrichelte Hilfslinie peilen Sie die zu treffenden Kugel an. Per Doppeklick stoßen Sie die weiße Kugel direkt auf ihr Ziel. Vorsicht! Ähnlich wie in den Abenteuern von James Bond müssen Sie sich beeilen, denn nach Ablauf eines vorgegebenem Countdowns fliegt Ihnen die Zeitbombe um die Ohren und das Spiel ist verloren.
CSS 3.0 Maker
Für alle diejenigen, die den Stil ihrer Webseite künftig in CSS 3 bestimmen möchten jedoch mit dem Standard noch nicht sonderlich vertraut sind, hat Ashok Prajapati dieses clevere HTML5-Tutorial zusammengestellt. Dabei müssen Sie lediglich das gewünschte Ergebnis wie Übergang, Animation oder Rotation wählen und im nebenstehenden Kasten "CSS 3 Styles" die Feinheiten wie beispielsweise die Dauer einer Animation festlegen. Anschließen spuckt Ihnen das Tutorial den passenden Code für Ihre Webseite aus und informiert Sie zugleich mit welchem Browser das CSS 3-Layout kompatibel ist.
Für alle diejenigen, die den Stil ihrer Webseite künftig in CSS 3 bestimmen möchten jedoch mit dem Standard noch nicht sonderlich vertraut sind, hat Ashok Prajapati dieses clevere HTML5-Tutorial zusammengestellt. Dabei müssen Sie lediglich das gewünschte Ergebnis wie Übergang, Animation oder Rotation wählen und im nebenstehenden Kasten "CSS 3 Styles" die Feinheiten wie beispielsweise die Dauer einer Animation festlegen. Anschließen spuckt Ihnen das Tutorial den passenden Code für Ihre Webseite aus und informiert Sie zugleich mit welchem Browser das CSS 3-Layout kompatibel ist.
Timer Tab
Diese in HTML5 programmierte Countdown-Webseite öffnet eine URL entweder dann, wenn der Countdown abgelaufen ist oder eine voreingestellte Zeit erreicht wird.
Diese in HTML5 programmierte Countdown-Webseite öffnet eine URL entweder dann, wenn der Countdown abgelaufen ist oder eine voreingestellte Zeit erreicht wird.
Coolendar
Bei dieser Web-Applikation ist weniger mehr: Anstatt unübersichtlicher Matrix-Kalenderdarstellungen erhalten Sie eine Liste, die Ihnen sämtliche Termine und Veranstaltungen nacheinander darstellt. Reiter überhalb der Liste ändern den Zeitraum von beispielsweise Tag auf Woche. Praktisch: Melden Sie sich über ein Google-Konto an und greifen Sie mit der passenden iPhone App zentral über das Internet auf Ihre Termine zu. So sind Sie nicht mehr länger an einen Desktop oder Laptop gebunden.
Bei dieser Web-Applikation ist weniger mehr: Anstatt unübersichtlicher Matrix-Kalenderdarstellungen erhalten Sie eine Liste, die Ihnen sämtliche Termine und Veranstaltungen nacheinander darstellt. Reiter überhalb der Liste ändern den Zeitraum von beispielsweise Tag auf Woche. Praktisch: Melden Sie sich über ein Google-Konto an und greifen Sie mit der passenden iPhone App zentral über das Internet auf Ihre Termine zu. So sind Sie nicht mehr länger an einen Desktop oder Laptop gebunden.
Twimbow
Die sich bislang noch in der Beta-Phase befindliche HTML5-Web-Anwendung bündelt sämtliche Unterhaltungen und Postings von Ihrem Facebook-Konto sowie Twitter-Verlauf unter einer Oberfläche. Das Hin- und Herwechseln zwischen den jeweiligen Betreiber-Webseiten wird somit überflüssig. Unterschiedliche Farben erleichtern es Ihnen, Filter zu setzen und somit Freunde, Familie sowie Geschäftspartner zu kategorisieren und voneinander zu trennen. Das vereinfacht es, verschiedene Unterhaltungen von einander besser zu unterscheiden.
Die sich bislang noch in der Beta-Phase befindliche HTML5-Web-Anwendung bündelt sämtliche Unterhaltungen und Postings von Ihrem Facebook-Konto sowie Twitter-Verlauf unter einer Oberfläche. Das Hin- und Herwechseln zwischen den jeweiligen Betreiber-Webseiten wird somit überflüssig. Unterschiedliche Farben erleichtern es Ihnen, Filter zu setzen und somit Freunde, Familie sowie Geschäftspartner zu kategorisieren und voneinander zu trennen. Das vereinfacht es, verschiedene Unterhaltungen von einander besser zu unterscheiden.
Trigonometry Calculator
Bevor Sie einfache Trigonometrie-Aufgaben in komplizierter Mathematik-Software berechnen, können Sie genauso gut auf die Rechenkünste dieser Web-Applikation zurückgreifen. Nachdem Sie die Werte für Maße wie Winkel oder Radius eingegeben und auf "Calculate" (zu Deutsch: Berechnen) haben, erstellt Ihnen die Anwendung die entsprechende Grafik.
Bevor Sie einfache Trigonometrie-Aufgaben in komplizierter Mathematik-Software berechnen, können Sie genauso gut auf die Rechenkünste dieser Web-Applikation zurückgreifen. Nachdem Sie die Werte für Maße wie Winkel oder Radius eingegeben und auf "Calculate" (zu Deutsch: Berechnen) haben, erstellt Ihnen die Anwendung die entsprechende Grafik.
123 Worth
Sie sind stolzer Besitzer einer Webseite und haben sich schon desöfteren gefragt, was denn Ihr Internet-Auftritt eigentlich finanziell wert ist - diese Anwendung verrät es Ihnen. Geben Sie die Domain Ihrer Webseite in die Suchleiste und 123Worth.com ermittelt den Wert. Dabei zieht der Algorithmus Visits auf der Seite sowie tägliche Einnahmen in Betracht. Wie zuverlässig die Wertermittlung ist, sei allerdings dahingestellt.
Sie sind stolzer Besitzer einer Webseite und haben sich schon desöfteren gefragt, was denn Ihr Internet-Auftritt eigentlich finanziell wert ist - diese Anwendung verrät es Ihnen. Geben Sie die Domain Ihrer Webseite in die Suchleiste und 123Worth.com ermittelt den Wert. Dabei zieht der Algorithmus Visits auf der Seite sowie tägliche Einnahmen in Betracht. Wie zuverlässig die Wertermittlung ist, sei allerdings dahingestellt.
Graph
Möchten Sie komplexe oder komplexere Kurvenberechnungen vornehmen, so hilft Ihnen diese Anwendung weiter. Nachdem Sie die entsprechende mathematische Formel eingeben haben, schreibt Ihnen die Anwendung mittles des Canvas-Elements den dazugehörigen Graphen. Praktisch: Nutzen Sie die lokale Speicherfunktion, steht Ihnen Applikation beziehungsweise der Graph auch offline zur Verfügung.
Möchten Sie komplexe oder komplexere Kurvenberechnungen vornehmen, so hilft Ihnen diese Anwendung weiter. Nachdem Sie die entsprechende mathematische Formel eingeben haben, schreibt Ihnen die Anwendung mittles des Canvas-Elements den dazugehörigen Graphen. Praktisch: Nutzen Sie die lokale Speicherfunktion, steht Ihnen Applikation beziehungsweise der Graph auch offline zur Verfügung.
MiniApps
Auf dieser Micro-Webseite finden Sie einige interessante iPhone Apps, die HTML5 APIs wie Geo-Lokalisierung verwenden und somit ebenso im Desktop-Browser nutzbar sind. Wählen Sie beispielsweise die Forecast-Anwendung, erhalten Sie den Wetterbericht für Ihren vom Server identifizierten geografischen Aufentaltsort wahlweise in Celsius oder Fahrenheit.
Auf dieser Micro-Webseite finden Sie einige interessante iPhone Apps, die HTML5 APIs wie Geo-Lokalisierung verwenden und somit ebenso im Desktop-Browser nutzbar sind. Wählen Sie beispielsweise die Forecast-Anwendung, erhalten Sie den Wetterbericht für Ihren vom Server identifizierten geografischen Aufentaltsort wahlweise in Celsius oder Fahrenheit.
What is up?
Was it up informiert Sie, sobald ein technisches Problem auf Ihrer Webseite beziehungsweise auf dem Web-Server aufgetreten ist, das den Internet-Auftritt unterbricht. Geben Sie dazu die URL der zu beobachtenden Webseite sowie eine gültige Email-Adresse an, und Sie erhalten ein Nachricht, sobald ein Problem aufgetreten ist.
Was it up informiert Sie, sobald ein technisches Problem auf Ihrer Webseite beziehungsweise auf dem Web-Server aufgetreten ist, das den Internet-Auftritt unterbricht. Geben Sie dazu die URL der zu beobachtenden Webseite sowie eine gültige Email-Adresse an, und Sie erhalten ein Nachricht, sobald ein Problem aufgetreten ist.
IMGMI
Es gibt viele Server, auf die Sie Fotos hochladen können, um diese anschließend im Internet zu veröffentlichen. Doch: Oftmals müssen Sie sich zuvor anmelden. Diese HTML5-Web-Anwendung umgeht diesen Nervfaktor. Laden Sie ein Bild hoch, spuckt die Maske eine URL aus, auf der sich Ihr Bild befindet. Schicken Sie Freunden und Familie diese URL, können diese das hochgeladene Bild online einsehen.
Es gibt viele Server, auf die Sie Fotos hochladen können, um diese anschließend im Internet zu veröffentlichen. Doch: Oftmals müssen Sie sich zuvor anmelden. Diese HTML5-Web-Anwendung umgeht diesen Nervfaktor. Laden Sie ein Bild hoch, spuckt die Maske eine URL aus, auf der sich Ihr Bild befindet. Schicken Sie Freunden und Familie diese URL, können diese das hochgeladene Bild online einsehen.
In unserer Bildergalerie haben wir für Sie nicht nur Webseiten zusammengestellt, die bereits auf dem kommenden Standard aufbauen; alle Internet-Seiten sind zudem entweder unterhaltsam, äußerst praktisch oder sogar beides. Ein weiteres Plus: die Nutzung der Web-Anwendungen ist kostenlos.
