Volderette

Das Dzineblog hat eine nette Liste an Tutorials und Techniken im Zusammenhang mit CSS3 zusammengestellt.

Samurai from Phil Shoebottom on Vimeo. (via)

…

Das Cirkus Animation Studio erklärt wie es in der Welt der Animation zugeht. (via)(via)

Bis auf den Internet Explorer verstehen alle aktuellen, weit-verbreitenden Browser die mit CSS3 eingeführten Eigenschaften Box-Shadow und Border-Radius. Mit Box-Shadow kann per CSS ein Schlagschatten oder ein Glow-Effekt erzeugt werden. Mit Rounded-Corners können abgerundete Ecken ohne umständliche Hintergrundbilder und Javascript-Tricks angezeigt werden. Damit auch der Internet Explorer diese beiden Eigenschaften versteht, gibt es das ie-css3.htc Skript, dass auf VML basiert …

In Zeiten von Breitbandinternet und HTML5 sterben die charakteristischen Preloader, die jedem von Flashwebseiten bekannt sein sollten, langsam aus. Grund genug ihnen ein Onlinemuseum zu widmen: Prettyloaded.com (via)

PNGs () sind gerade für das Web ziemlich praktisch, da sie die Möglichkeit bieten Bilder mit Alphatransparenz (im Gegensatz zu Gif, dass nur eingeschränkte Transparenz bietet) zu speichern. Dafür haben sie leider gegenüber JPEGs und Gifs oft eine größere Dateigröße.

Um die Größe der PNGs zumindest ein bisschen zu senken gibt es Tools, die verlustfrei PNGs komprimieren können und somit die …

http://www.vimeo.com/8803073

Langsam kommt HTML 5 in Fahrt: Mit Sublime erscheint demnächst ein schöner Videoplayer in HTML5, der es mit vielen Flashplayern aufnehmen kann. Momentan fehlen noch Features und volle Browserunterstützung, aber der Player sieht schon sehr vielversprechend aus. Hier der aktuelle Funktionsumfang:

• HTML5 video goodness:
• no browser plugin, …

Camera tracking needs precise, hand-tailored 2D tracks. The promise of automatic 2D tracking is grand, but often fails expectations — mainly because auto-tracking algorithms cannot reliably link points which disappear or get obscured. For many shots 2D tracking by hand is a better option (it also allows you to speed up the solve by using less features). However, …