Hier gibt es Artikel rund um Webdesign, Grafikdesign, Photoshop, Flash, TYPO3, CSS, Content-Management-Systeme, Windows, Multimedia, 3D-Visualisierung und vieles mehr.

Wireframing: Sammlung mit Werkzeugen und Tipps

Bei der Konzeption von Webprojekten spielt die Erstellung von groben Layouts (Mock-Ups oder Wireframes) eine wichtige Rolle. So lässt sich unter Anderem mit dem Kunden sehr früh abstimmen, wie Elemente platziert werden sollen. Die detaillierte Ausgestaltung des grafischen Entwurfs erfolgt im zweiten Schritt, so dass in der Wireframing-Phase Entscheidungen über den Aufbau und das Inhaltskonzept getroffen werden können.
Bei W3Avenue wurde kürzlich ein ausführlicher Artikel über Techniken und Werkzeuge für den Wireframing-Prozess veröffentlicht.

In der Liste finden sich neben Offline-Anwendungen auch viele Webdienste, die das Erstellen von Mock-Ups erlauben — MockFlow und iPlotz zählen sicherlich zu den bekanntesten Wireframing-Tools. Die altbekannte Firefox-Erweiterung Pencil wurde kürzlich aktualisiert und kann zudem auch als Standalone-Version heruntergeladen werden. Mit den Design Stencils von Yahoo! oder Konigi stehen fertige Schablonen zur Verfügung.
Schließlich sollte man im Hinterkopf behalten, dass Wireframes einfache Strichzeichnungen darstellen, die auch auf dem Papier erstellt werden können. Bei "A List Apart" findet sich zu diesem Thema ein schöner Beitrag.

Adobe Open Source: Viele Frameworks für Entwickler

Dynamische und interaktive Online- oder Offline-Anwendungen lassen sich mit der Werkzeugpalette von Adobe sehr gut realisieren. Wer Flash-, Flex- oder AIR-Projekte umsetzt und bestimmte Komponenten oder Funktionen benötigt, sollte sich die Seite "Adobe Open Source" ansehen. Dort finden sich diverse Open Source-Frameworks, die inklusive Dokumentationen zur Verfügung gestellt werden. Dabei handelt es sich hauptsächlich um ActionScript-Bibliotheken, die viele nützliche Funktionalitäten mit sich bringen.

Die Bibliothek "AS3CoreLib" beinhaltet beispielsweise Algorithmen zur Verschlüsselung (MD5, SHA-1), Bildkodierung oder JSON-Verarbeitung. Das "Text Layout Framework" bietet umfangreiche Möglichkeiten zur Ausrichtung und Transformation von Textblöcken. Auch das Tamarin-Projekt von Mozilla verspricht, interessant zu werden.
ActionScript-Entwickler sollten die Seite also genau wie Adobe Labs im Auge behalten, da hier in regelmäßigen Abständen Updates erfolgen.

Internet Explorer 8: Liste der Darstellungsfehler

Microsofts Internet Explorer in Version 8 ist laut einer aktuellen Statistik mit 22,37% der am meisten genutzte Browser. Zwar wurden in der aktuellen Variante viele Fehler behoben und diverse Verbesserungen eingeführt, dennoch bleibt Internet Explorer ein Sorgenkind. James Hopkins hat sich die Mühe gemacht, eine ausführliche Liste der bekannten Darstellungsfehler zu erstellen, die in Internet Explorer 8 auftreten können. Dazu zählen CSS-, HTML-, DOM- und JavaScript-Bugs, die in bestimmten Situationen auftreten.

Die Darstellungsfehler des Browsers sind sehr komplex und können in den meisten Fällen nicht vermieden werden. In der Liste finden sich trotzdem zu einigen Problemen Lösungsansätze. Der Autor hat für die etlichen Fehler Demo-Seiten (Test Cases) eingerichtet, auf denen die Fehler angezeigt werden. Interessant ist auch die häufig auftretende Markierung "Regression: Bug not present in IE7" — so gibt es viele Fehler, die erst in Version 8 des Browsers auftreten.
Microsoft arbeitet schon an Internet Explorer 9, der schließlich auch CSS3-Eigenschaften und DirectX-Beschleunigung erhalten soll.

SVG-Edit: Vektorgrafiken im Browser zeichnen

Browserbasierende Grafikanwendungen gibt es mittlerweile mehr als genug. Aviary arbeitet schon seit geraumer Zeit an weiteren Editoren, um ihre Programmsammlung für Kreative zu vervollständigen. Mit Aviary Raven steht ein leistungsfähiger Vektoreditor zur Verfügung, mit dem sich auch komplexere Illustrationen erstellen lassen.
Einen Vektoreditor, der in JavaScript entwickelt wurde und sich somit auf jeder Website einbetten lässt, findet man mit SVG-Edit. Die Demo zeigt, was mit der SVG-Anwendung möglich ist. Der Editor funktioniert in der Demonstration in allen modernen Browsern, ausschließlich unter Internet Explorer.

Die Werkzeugpalette von SVG-Edit beinhaltet neben Zeichenfunktionen und geometrischen Grundfiguren auch ein Textwerkzeug und die Möglichkeit, Bilder zu platzieren. Sehr schön finde ich das Freihand-Tool, mit dem sich gezeichnete Selektionen in Rechtecke oder Kreise umwandeln lassen. Der SVG-Code lässt sich einsehen und verschiedene Bildeigenschaften (Hintergrundfarbe, Größe, etc.) können ebenfalls festgelegt werden. Weiterhin lassen sich Ebenen erstellen und verschiedene Linienstile für Objekte festlegen.
Der Editor steht derzeit in 9 Sprachen zur Verfügung und kann zudem auch als Firefox-Erweiterung heruntergeladen werden. Fertige Zeichnungen können einfach per Klick als SVG-Grafik offline gespeichert und weiter bearbeitet werden.

Webdesign: Font Stacks überarbeiten und optimieren

Anlässlich der Thematik "Typografie im Web" gibt es aktuell noch einen sehr schönen Artikel von Amrinder Sandhu. In dem Beitrag befasst sich der Autor mit Font Stacks und deren Optimierung. Neben modernen Technologien wie WOFF oder Font Replacement besteht eine weitere Möglichkeit für individuelle Web-Schriftarten in der Benutzung von entsprechenden Font Stacks — viele Anwender haben neben unterschiedlichen Betriebssystemen Office-Pakete oder andere Programme mit zusätzlichen Schriftarten installiert, so dass hier für einen Teil der Zielgruppe ungewöhnliche Zeichensätze verwendet werden können.

Amrinder Sandhu hat in seinem Beitrag interessante Statistiken über die Verteilung von Schriftarten zusammengetragen. Zudem hat er diverse Font Stacks unter die Lupe genommen und analysiert. Er weist auf die Lesbarkeit von verschiedenen Serifenschriften hin und gibt Tipps für die Überarbeitung von bestehenden Font Stacks.
Weiterhin steht mit dem Font Stack Builder ein kleines Werkzeug für die Erstellung von Schriftart-Listen zur Verfügung.

Auch auf der Seite des Font Stack Builders erhält man zu jeder Schriftart die jeweiligen Statistiken, was die Wahl der Zeichensätze erleichtert. Weiterhin sollte man den Einsatz von Windows 7-Schriftarten in Erwägung ziehen.