www.video-flash.de

Twitter Bootstrap 2.0 erschienen

Florian — Thu, 02 Feb 2012 19:47:32 +0000

Im August 2011 hatte ich hier im Blog die erste Version von Twitter vorgestellt, einem HTML-/CSS-Framework, das ich übrigens auch für mein Projekt embed-swf.org verwendet habe. Nun ist die zweite Version des empfehlenswerten HTML-/CSS-Frameworks erschienen. Twitter gibt unter anderem folgende Verbesserung an: Completely overhauled documentation for nearly every component A brand new Customize page to [...]

HTML5: „Cut the rope” als Browserspiel

Florian — Tue, 10 Jan 2012 19:15:16 +0000

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. Der interessante Hintergrundbericht „Behind the Scenes” gibt ergänzend dazu einen Einblick über die Portierung des Codes von Objective C nach JavaScript und die Performancebetrachtungen. Ein [...]

Vektorgrafiken aus Illustrator in HTML5-Canvas exportieren

Florian — Fri, 06 Jan 2012 23:47:39 +0000

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 [...]

HTML5: Eigene data-Attribute verwenden (data-*)

Florian — Sat, 17 Dec 2011 16:59:23 +0000

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 [...]

iOS: Links zu nativen Apps aus dem Browser heraus

Florian — Sun, 11 Dec 2011 16:36:10 +0000

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 [...]

Interaktives Musikvideo mit HTML5

Florian — Fri, 09 Dec 2011 19:27:10 +0000

Eine nette Idee: Die Band Abby hat einen interaktiven Song erstellt, bei dem der Nutzer die verschiedenen Instrumentierungen beeinflussen kann. Dies geschieht durch die Auswahl von Videos, die den jeweiligen Musiker zeigen. One of the biggest challenges for the band was to select the adequate instruments which differ in their sound and characteristics but at [...]

Mobile Device Detection

Florian — Sun, 04 Dec 2011 15:55:28 +0000

Im Zuge der Erstellung einer mobilen Website stößt man früher oder später an den Punkt, an dem man Nutzer mit mobilen Devices erkennen möchte. Ein Anwendungsfall kann z.B. sein, dass man Nutzer mit Smartphones (iPhone, Android-Phones, etc.) auf eine gesonderte mobile Site weiterleiten möchte. Oder man will zwischen verschiedenen Devices unterscheiden, um Seiteninhalte oder gar [...]

Linksammlung „Mobile Design Patterns”

Florian — Thu, 01 Dec 2011 21:54:00 +0000

Konzipiert und erstellt man mobile Websites oder Apps, schaut man sich selbstverständlich viele solcher Seiten und Anwendungen an. Als effiziente Ergänzung hierzu bietet es sich an, auf Online-Galerien mit Screenshots zurückzugreifen. Im Folgenden eine Übersicht einiger erwähnenswerter Websites, die Screenshots für „Mobile” zeigen und darüber hinaus auch die zugrundeliegenden UI-Patterns benennen. Mobile Design Pattern Gallery [...]

Spiegel mit neuer Web-App

Florian — Mon, 28 Nov 2011 22:41:14 +0000

Der Spiegel hat eine neue Web-App gelauncht, die das bisherige E-Paper in Form eines PDFs ablöst. Die Anwendung stellt den Heftinhalt in einer zeitgemäßen HTML-Anwendungen dar. Eine aufgeräumte Bedienoberfläche und einfaches Navigationskonzept sorgen für eine insgesamt sehr gelungene Adaption der Zeitschrifteninhalte ins Web. Wie man sieht, bedarf es auch keines Seitenblätter-Effekts ;-) Eine Demo-Ausgabe zum [...]

Popcorn.js: Webinhalte mit HTML5-Videos synchronisieren

Florian — Sun, 27 Nov 2011 17:18:40 +0000

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. HTML5-Videos mit Webinhalten synchronisieren Neben dem reinen Abspielen von [...]

Eskimo: Android- und iOS-Feeling für mobile Flex-Apps

Florian — Mon, 21 Nov 2011 21:00:48 +0000

Eskimo ist eine Bibliothek für Flex bzw. AIR, die sich zum Ziel gesetzt hat, die typischen nativen UI-Elemente von iOS und Android anzubieten. Dadurch kann man mobile Apps schreiben, die in punkto Bedienung recht nahe an die nativen Vorbilder kommen. An open source Flex mobile library providing native control patterns to your apps on multiple [...]

Adobe verabschiedet sich von Flex

Florian — Sat, 12 Nov 2011 10:26:39 +0000

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 [...]

Adobe stellt den mobilen Flash Player ein

Florian — Wed, 09 Nov 2011 20:27:11 +0000

Die Neuigkeit des Tages lautet, dass Adobe den Flash Player als Browser-Plugin für mobile Devices einstellen wird. Nach langjährigen Versuchen, mit dem abgespeckten Flash Lite Fuß zu fassen, wurde vor ca. zwei Jahren der Flash Player für die mobilen Devices eingeführt. Aufgrund des Widerstands von Apple, den Flash Player in die iPhone-/iPad-Welt einziehen zu lassen, [...]

Erster Blick auf Robotlegs 2

Florian — Sun, 30 Oct 2011 10:40:27 +0000

Die Version 2 des beliebten Frameworks Robotlegs ist im Anmarsch. Die folgende Präsentation gibt einen ersten Eindruck, was es an neuen Features, Möglichkeiten und Änderungen im Vergleich zur ersten Version geben wird. Robotlegs 2 ist gerade im frühen Betastadium und kann zum Experimentieren bereits heruntergeladen werden. Link: Introduction to Robotlegs 2 (obige Präsentation) Link: Robotlegs [...]

FDT 5: Kostenlose Free-Version und neue Features

Florian — Wed, 26 Oct 2011 19:28:30 +0000

Seit heute gibt es die neue Version von FDT. Die Entwicklungsumgebung erhält mit dem fünften Release neben dem bisherigen Flash-/Flex-Schwerpunkt Zuwachs in Richtung mobile Workflows und auch HTML5, JavaScript, PHP (HaXE). Neue Features Hier ein Auszug der neuen Features in FDT 5: haXe support Extract Method Extract Constant Extract Local Variable Convert Local Variable to [...]