boxedfolder.com - Flex, Flash & Web » tutorials

Debuggen mit De MonsterDebugger

Heiko — Sat, 09 May 2009 12:46:21 +0000

Ein Projekt zu debuggen ist in Flex Builder eigentlich eine tolle Sache. Wenn man allerdings das Flash Authoring Tool benutzt oder eine bequemere Möglichkeit sucht, seine swf vernünftig von Fehlern zu befreien, dem kann ich das debugging Tool De MonsterDebugger empfehlen. Ich benutzte es seit kurzem und bin begeistert.

De MonsterDebugger ermöglicht eine haargenaue Übersicht über alle Instanzen, Methoden und Eigenschaften innerhalb einer swf. Diese lassen sich dann im Programm manipulieren. Das Ergebnis wird dann sofort in Echtzeit angezeigt. Im Klartext heisst das, dass ich die Möglichkeit habe in meinem Debugger z.B. Methoden zu rufen und dann direkt dessen Auswirkungen zu beobachten.

Das ganze ist schnell zu Integrieren. Man installiert einfach die AIR-Anwendung, öffnet diese und exportiert unter “File->Export Client Class” die benötigte Actionscript Klasse.
Diese Klasse wird einfache in das aktuelle Projekt (Flash oder Flex) importiert. und mit folgendem Befehl eingebunden.

var debugger:MonsterDebugger = new MonsterDebugger(this); // this ist in diesem Fall die aktuelle swf Instanz

Beim nächsten Kompilieren und Veröffentlichen, ist die swf bereit um vom Debugger gefunden zu werden. Einfach swf und Debugger starten und schon sollte man anfangen können zu Debuggen.

Ein weiterer Vorteil ist der Debugger eigene trace-Befehl, den man mit folgendem Code einbinden kann.

MonsterDebugger.trace(this, object); // this ist die swf Instanz, object das auszugebende Objekt

Es lassen sich also mit dem trace-Befehl, gezielt Instanzen und dessen Werte untersuchen.

Link zum Debugger.
Link zum Download.

Smashing Magazine: Adobe AIR Ressourcen

Heiko — Tue, 07 Apr 2009 17:26:32 +0000

Die Jungs von Smashing Magazine geben sich immer alle Mühe, Neuerungen für Webdesigner und Interessierte zusammenzutragen. Nun haben sie sich dem Thema AIR angenommen und posten hierzu einige Tutorials, Tipps und Ressourcen. Ich finde die meisten Sachen auf Smashing Magazine immer höchst interessant und lehrreich. Deshalb will ich auch hier meine Empfehlung aussprechen.

Das Besondere an dem Artikel ist sicher die mangelnde Beschränkung auf den Flex Builder bzw. Flash. Der Autor versucht besonders auch auf JavaScript Ressourcen zu verweisen. Dieses kommt ja beim Thema AIR oft zu kurz.

Link zum Artikel.

Wordpress: “SQL Hacks”

Heiko — Tue, 23 Dec 2008 13:35:42 +0000

Vor ein paar Tagen wurde pünktlich zur Vorweihnachtszeit auf Smashing Magazine ein kleiner Artikel veröffentlicht der sich intensiv mit Wordpress und kleinen SQL-Tricks beschäftigt. Ich hab schon selbst einige ausprobieren können und es hat sich herausgestellt, dass die meisten sehr sinnvoll sind um seine Datenbank zu optimieren und schlank zu halten. Einige Hacks wie das Im- und Exportieren von Datenbanken sind nicht Wordpress spezifisch und sollten bekannt sein.

Folgende kleine Tipps werden genannt und erklärt:

Creating a Backup of Your Database
Batch Delete Post Revisions
Erase 5000 Spam Comments in a Second
Change the Post Attribution
Manually Reset Your Password
Change Your WordPress Domain Name
Display the Number of SQL Queries on Your blog
Restore Your WordPress Database

Link zum Artikel

Flex: Interface und Komponenten Design

Heiko — Sat, 20 Sep 2008 15:19:01 +0000

Der Flash Enabled Blog hat eine wunderschöne Übersicht über einige Tutorials und Artikel zum Thema Flex Interface und Komponenten Design gepostet. 8 Tutorials in denen es um jegliche Umgestaltung von custom und standard Komponenten geht. Unter anderem sind auch Beiträge über Flex 4-Skinning mit dabei.

Link zum Artikel.

Wordpress Artikel und nützliche Tipps

Heiko — Tue, 16 Sep 2008 11:35:32 +0000

Smashing Magazine hat gestern eine wunderschöne Übersicht über diverse Wordpress Artikel veröffentlicht. Unter anderem werden nützliche Tipps und Tricks zum Backend und zu Template Tags gegeben. Wenn man das ein oder andere kleine Projekt mit Wordpress umsetzt, sollte man vielleicht über einen Bookmark nachdenken.

Link zum Artikel.

Tipps: Sauberer und optimierter CSS Code

Heiko — Tue, 19 Aug 2008 14:45:47 +0000

Ich wollte schnell einmal auf einen Artikel bei smashingmagazine.com über sauberen und optimierten CSS Code aufmerksam machen. Es werden unter anderem Tipps genannt, wie man vorsichtig mit whitespaces umzugehen hat und dass mit äußerster Sorgfalt auf CSS Hacks verzichtet werden sollte.
Ein Blick lohnt sich auf alle Fälle.

Link zum Artikel.

Papervision3D: Installation und Setup

Heiko — Sat, 12 Jul 2008 17:30:56 +0000

Da ich mich seit einiger Zeit etwas mehr mit dem Thema 3D in swf beschäftige, kam auch ich natürlich nicht an Papervision3D vorbei. Diese freie 3D Engine für Flash wird wohl dem ein oder anderen gut bekannt sein. Sie ermöglicht so einige krasse Geschichten, insbesondere auch im Zusammenhang mit einem 3D-Tool wie 3D Studio Max oder Maya. Viele bekannte Flash Apps basieren auf dieser Engine.

Ich bin gerade dabei mir einige Ressourcen in Sachen Dokumentation zurecht zu suchen. Die Wiki bietet einen groben Überblick über die API und die mitgelieferten Examples gehen auf konkrete Beispielsituationen ein. Da keine wirklich ausführliche Dokumentation vorhanden ist, muss man zusätzlich noch einiges an Recherchearbeit investieren um überhaupt starten zu können. Ein gutes Tutorial zum Thema “Getting started” ist auf der Seite von Fabian Vercuiel zu finden. Ich werde demnächst noch eine Reihe unterschiedlichster Ressourcen zum Thema posten.

Link zu Papervision3D.
Link zum Tutorial.

Workshops: Design mit viel Licht!

Heiko — Thu, 10 Jul 2008 15:08:09 +0000

Ich bin gerade auf eine sehr umfangreiche Seite mit ausführlichen Photoshop Workshops gestoßen, die sich vornehmlich mit dem Thema Licht beschäftigen. Im Allgemeinen ist es sehr schwer für alltägliche Kunden etwas außergewöhnliches in Sachen Design zu zaubern. Wenn aber doch mal etwas mysteriöses, leuchtendes oder kraftvolles gebraucht wird, solltest ihr mal einen Blick auf unten stehende Seite werfen. Auf Anhieb sollten da jedem sprichwörtlich einige neue Lichter aufgehen.

Link zu Abduzeedo.

Suchmaschinen: Learn SEO basics

Heiko — Sun, 25 May 2008 18:56:52 +0000

Bereits vor einigen Tagen hab ich auf einen Beitrag über Suchmaschinenoptimierung aufgemerksam gemacht. Neben Webdesignerwall.com gibt es auch noch einen interessanten Artikel zum Thema bei StylizedWeb.com. Der Autor hat zwei Listen mit den Do´s und Dont´s zusammengestellt. Neben super Tipps gibt es wie immer eine dicke Linkliste die vorallem auf Suchmaschinen bzw. dessen Eintragungslinks verweist.

Link zum Artikel.

AIR: JavaScript und Flex, zwei kostenlose Bücher

Heiko — Sat, 10 May 2008 15:41:48 +0000

Adobe stellt schon seit geraumer Zeit zwei Bücher über AIR zum Download zu Verfügung. Es handelt sich jeweils um ein Buch namens “Apollo for Adobe Flex Developers Pocket Guide” und ein Buch mit dem Titel “Adobe Integrated Runtime for JavaScript Developers”. Die beiden Bücher aus dem O´REILLY Verlag und werden auch als gedruckte Variante z.B. per Amazon vertrieben. Ich habe selber noch nicht reingeschaut, kann also noch nichts über den Inhalt erzählen. Da es sich aber um Bücher aus dem Hause O´REILLY handelt, gehe ich davon aus dass es sich um wirklich wissenswertes Material über AIR-Entwicklungen handelt.

Link zu Apollo for Adobe Flex Developers Pocket Guide.
Link zu Adobe Integrated Runtime for JavaScript Developers.