Das bekannte Casual Game „Cut the rope” wurde jetzt als HTML5-Browsergame veröffentlicht. Knapp 15.000 Zeilen JavaScript-Code zeigen, was mittlerweile in aktuellen Browser an Multimedialität und Interaktivität auf HTML-Basis möglich ist.

(weiterlesen …)

Seit einiger Zeit gibt es ein Plug-In für Adobe Illustrator, um Vektorgrafiken in Richtung HTML5 zu exportieren. Das kostenlose „Ai->Canvas Plug-in” wandelt eine Illustratordatei in HTML-/JavaScript-Code um, der die Inhalte in ein HTML5-Canvas-Element zeichnet. Dies funktioniert nicht nur mit einfachen Grafiken, sondern auch mit komplexen Gestaltungen sehr gut.

The Ai->Canvas plug-in enables Adobe Illustrator to export vector and bitmap artwork directly to an HTML5 canvas element using JavaScript drawing commands. Animation can be added to control rotation, scaling, opacity, and motion along a path. Then, events can be used to trigger other animations.

(weiterlesen …)

Ein neues Feature von HTML5 sind frei wählbare data-Attribute für HTML-Elemente, die sogenannten „Custom Data Attributes”.

Die Idee ist dahinter ganz einfach: Man möchte eigene Daten an einem HTML-Element abspeichern, für die es kein vorgefertigtes Attribut gibt und die auch nicht direkt im Frontend zu sehen sein sollen. Insgesamt ein sehr nützliches Features, das im Folgenden vorgestellt wird.

(weiterlesen …)

In mobilen Websites oder Web-Apps kann es vorkommen, dass man gerne auf native Apps verlinken möchte. Ob Telefonnummer wählen, SMS schicken oder Facebook-App öffnen: Dies alles funktioniert üblicherweise über spezielle URLs, bei denen das http durch ein anderes Kürzel ersetzt wird (sogenannte URL-Schemes).

Hier einige Aktionen, die man per Link aus dem mobilen Safari-Browser (iPhone und iPad) auslösen kann:

• Email: Der Email-Client auf dem iPhone öffnet sich und man kann eine Email schreiben.
• Telefon: Wählen einer Telefonnummer.
• SMS: Senden einer SMS an eine Telefonnummer
• Maps: Aufrufen der nativen Karten-App (Google Maps)
• YouTube: Öffnen eines YouTube-Videos in der nativen YouTube-App.
• Facebook: Öffnen der App und Anzeigen von bestimmten Inhalten

Der folgende Artikel zeigt, wie dies auf Apples iOS-Betriebssystem funktioniert. Auf einem iOS-Gerät kann man dies auch direkt an diesem Beispiel ausprobieren, das ich zu Demozwecken erstellt habe: Demo mit iOS-URL-Schemes.

(weiterlesen …)

Popcorn.js ist eine neue JavaScript-Bibliothek von Mozilla. Sie dient dazu, Videos mit HTML5 abzuspielen und parallel dazu zeitlich synchrone Webinhalte einzublenden.

Popcorn.js is an HTML5 media framework written in JavaScript for filmmakers, web developers, and anyone who wants to create time-based interactive media on the web.

(weiterlesen …)

Nach dem Adobe den mobilen Flash Player eingestellt hat und sich stattdessen auf HTML5 fokussieren möchte, lag die Frage nahe, was dies den für Flex bedeutet. Im offiziellen Blog des Flex-Teams wurde nun ein paar interessante Neuigkeiten dazu veröffentlicht, die auch hier einen ähnlichen Weg andeuten.

Nach dem anstehenden Release soll das Flex SDK in eine Open Source Foundation überführt werden, die sowohl von Mitglieder des Flex Engineering Teams, von der Flex Community als auch von Firmen geführt wird.

(weiterlesen …)

Mit Adobe Edge veröffentlicht Adobe eine erste Version eines zukünftigen Tool, das zur Erstellung von Animationen für HTML-Seiten gedacht ist. Da lediglich HTML, JavaScript und CSS verwendet werden, können die Animationen sowohl auf aktuellen Desktop-Browsern als auch auf mobilen Devices ohne Flash Player abgespielt werden (z.B. iPhone, iPad).

Adobe Edge is a new web motion and interaction design tool that allows designers to bring animated content to websites, using web standards like HTML5, JavaScript, and CSS3.

Wie bereits vor einiger Zeit verkündet zeigt Adobe hiermit, dass sie neben Flash auch im Bereich HTML5 entsprechend unterstützen werden (ist auch logisch, da Adobe ja an den Tools verdient und nicht an den Runtimes).

Adobe positioniert Edge als Tool für Werbung, einfache Animationen und Motiondesign, während Flash für umfangreiche Anwendungen angepriesen wird („Immersive interactive experiences, mobile applications, gaming, premium video, advertising”).

(weiterlesen …)

Jan Ozer ist ein Videoencoding-Experte, auf den ich hier im Blog schon öfters verwiesen habe. Er hat vor kurzem ein englischsprachiges Buch mit dem Titel „Video Compression for Flash, Apple Devices and HTML5” veröffentlicht.

Ich konnte noch keinen Blick in das Buch werfen, gehe jedoch davon aus, dass es der gewohnt hohen Qualität der Web-Artikel von Jan Ozer entspricht. Im Folgenden eine Übersicht der Themen im Buch:

(weiterlesen …)