Sämtliche Elemente die auf der Seite verbaut sind werden dabei in Ebenen drei-dimensional hervorgehoben. Jedes <div>, jedes Bild, jeder Link, einfach jedes Element, das einen HTML-Tag besitzt, wird dabei virtuell in 3D ausgezeichnet. Das coolste an dem Add-on ist, dass man die Perspektive in Echtzeit verändern kann.

Neben dem offiziellen Firefox Add-on von Tilt, kann man sich auch den Source-Code bei GitHub downloaden. Victor Porof, der Autor des Add-ons, stellt somit seine Entwicklungsarbeit frei für jederman zur Verfügung. Open Source at it’s best.

WD4F in 3D – Screenshot

Es sogar recht viel passiert. Allerdings in einer anderen Umgebung. Und zwar auf Deviantart. Dort habe ich in Kooperation mit itnsltwn, der mir eine unglaublich geniale Ledertextur hat zukommen lassen, ein iPhone Theme gestaltet und veröffentlicht. Hier der Link: http://fav.me/d2xv8ja.

Inspiriert hat mich ein iPhone Wallpaper von itnsltwn und dem Dock aus dem Iphone upojenie shelves von 6mik-design. Speziell das Dock fand ich absolute genial. Ausserdem fand ich die Kombination aus Leder und Chrome sehr edel. Hat etwas von einer hochwertigen Innenausstattung eines Luxusschlittens.

Voraussetzung für die Verwendung des Themes ist natürlich ein iPhone, das einen erfolgreichen Jailbreak hinter sich hat.
Hier die Installationsanweisung (ist im Download etwas detailierter und in englischer Sprache enthalten):

1. Diese Installationsanweisung bis zum Ende durchlesen!
2. Gehe in den Unterordner ‘Dock_Icons/’ und wähle den entsprechenden Ordner dort aus (4-Icon Dock oder 5-Icon Dock).
3. Wähle dort die 4 oder 5 Icons für Dein iPhone Dock aus (z.B. Safari, Mail, iPod, Telefon). Es gibt bei einem 4-Icon Dock jeweils ein Icon für die linke und die rechte Seite. Bei einem 5-Icon Dock gibt es zusätzlich noch ein mittleres Icon.4 Icon Dock Schema:
   [ Left ] [ Right ]   [ Left ] [ Right ]

   5 Icon Dock Schema:
   [ Left ] [ Right ]   [ Left ] [ Middle ] [ Right ]
   
   Position und Reihenfolge der einzelnen Icons ist frei wählbar.

4. Jetzt einfach die 4 bzw. 5 Icons in den Ordner ‘inSET HD/Icons’ kopieren und die darin enthaltenen Ions ersetzen.
5. (Optional) Wenn Du eine sogenanntes “non-labeled” Dock möchtest, dann musst Du nur die Datei ‘Info_NO_UNDOCKED_LABELS.plist’ in ‘Info.plist’ umbenennen.
6. So, jetzt geht es an den Upload des Ganzen: Navigiere mit einem FTP Programm Deiner Wahl zu dem Ordner ‘/private/var/stash/Themes.******/’ und kopiere den Ordner ‘inSET HD’ dort hin.
7. Jetzt noch “Winterboard” auf dem iPhone öffnen und das Theme aktivieren – fertig.

Das Theme gibt es auf Deviantart zum Download.
Viel Spaß.

Klick für grosses Bild und weitere Screenshots

Ursprünglich hatten die beiden eine iPhone/iPod App namens “Pocketpedia” geschrieben, mit der man seine Sammlung auf das iPhone laden konnte und somit immer im Blick hatte, welche Titel sich im Besitz befinden, welche ausgelliehen sind oder welchen Titel man auf seiner Wunschliste hat. Leider hatte Amazon etwas gegen diese App, da Titel (egal ob DVD, CD, Buch oder Spiel) meist auf Amazon verlinkt und sich entsprechende Informationen zu den einzelnen Titel dort “besorgt”. Deswegen wurde “Pocketpedia2″ entwickelt. Ohne Links zu Amazon, ohne “Infograbbing”, ohne das Amazon in irgendeiner Art und Weise mittels dieser App aufgerufen werden kann. Aber Amazon behaarte auf der einstweiligen Verfügung, dass Pocketpedia, respektive Pocketpedia2, nicht veröffentlicht/genutzt werden darf. Wieder ein typischer Fall von Starrhalsigkeit eines Monopolisten.

Um die entsprechende “…pedia” dennoch auf seinem mobilen Endgerät nutzen zu können, bemüht man sich einem kleinen und völlig legalen Trick: man exportiert seine Bibliothek einfach als HTML Seite, lädt sie auf irgendeinem Server hoch, kann sie dort mittels Browser betrachten und mit einem iPhone/iPod sogar als sogenannte “Webapp” auf dem Homescreen speichern.

Damit das alles reibungslos verläuft, man eine iPhone optimierte HTML Seite angezeigt bekommt und sogar noch ein entsprechendes App-Icon serviert bekommt, habe ich zwei Templates dafür geschrieben, die sich jeder kostenlos hier herunterladen kann: DVDpedia Template by WillDesignForFood.de

Es gibt zwei verschiedene Themes. Zum einen das Dark Theme, das ähnlich wie dieser Blog mit dunklen Farben gestaltet ist und zum anderen das Safari Theme, welches die nativen Farben des iPhone Browsers Safari imitiert. Jedes Theme kommt mit drei verschiedenen Darstellungsversionen: Mini, Midi und Maxi, je nach dem wie viele Informationen man aus der entsprechenden Bibliothek exportieren möchte. Jede “…pedia” bietet die Möglichkeit bis zu 10 eigene Felder mit eigenen Informationen anzulegen. Diese Felder werden von den beiden Themes in vollem Umfang in der “Maxi” Export Variante unterstützt.

Hinweis: Das erste Eigene Feld wird von mir als Feld für meine Inventarnummer verwendet und ich lasse es direkt in der Übersicht unter den Bewertungsternen anzeigen. Wer also im ersten Customfield etwas anderes zu stehen hat, sollte das eventuell abändern bzw. leer lassen, um unangenehme Darstellungsfehler zu vermeiden.

Vor dem Export mit dem jeweiligen Theme, sollte man seine Liste nach einem bestimmten Kriterium sortieren. Am hilfreichsten ist hier die Sortierung nach Genre. Eine ordentlich und sauber gepflegte Bibliothek ist hier natürlich von Vorteil.

Das Beste zum Schluss: Sämtliche Cover (Übersicht und Detailansicht) sind mit einem Overlay versehen, so dass alle DVD Cover in einem Jewelcase dargestellt werden.

Beispiel Dark Theme
Beispiel Safari Theme

Nachtrag (23.04.2010): Heute Morgen hat mich Nora, die Entwicklerin von Bruji, angeschrieben und mich gefragt ob sie die beiden Templates im hauseigenen Downloadbereich “Extras” für die Allgemeinheit bereitstellen dürfte. Natürlich hab ich zugestimmt. Mal sehen wann die Templates dort online gehen.

Wow, das ging echt fix mit dem “Online stellen”. Nora hat die Files umgehend in den Bruji Downloadbereich eingebunden:
http://www.bruji.com/extras/dark.html
http://www.bruji.com/extras/safari.html

Screenshots: hier klicken

Ich hatte mich schon länger mit dem Gedanken getragen, eine Version des Blogs für das iPhone zu erstellen. Ist aber im Moment mangels Zeit einfach nicht drin. Da kam mir dieses Plugin sehr gelegen. Trotzdem werde ich mich noch dran machen und das Plugin etwas “umstylen” – soll ja schließlich zum Rest der Seite passen.

Und weil ich dieses Plugin so genial finde, habe ich es natürlich auch gleich noch in der Sidebar verlinkt. Die Jungs haben nämlich einen echt guten Job gemacht und verdienen dafür etwas Unterstützung.

Hier mal drei Screenshots, wie das Theme auf einem mobilen Endgerät aussieht: Screenshots

Für alle, die ein iPhone besitzen und die Weltkugel auf dem “Entriegeln”-Screen satt haben, hab ich eine Seite mit wirklich schöne Hintergrundbildern gefunden. Sie sind alle extra für das iPhone angelegt worden. Auf der Seite www.sciphone.net gibt es sehr viele schöne Hintergrundbilder fürs iPhone. Unter mobile.sciphone.net kann man die Seite auch direkt mit dem iPhone besuchen und sich die Bilder ziehen.

Die Seite ist aufgeräumt und die Bilder sind in Kategorien unterteilt, z.B.: Abstract, Brands, Funny, Textures, etc.

Besonders lustig fand ich als eingefleischter Star Wars-Fan die Darth Vader Reihe:

Darth Vader Series

Das Sciphone-Network bietet im Übrigen auch Wallpaper für verschiedene andere mobile Endgeräte: Nexus One, Motorola Droid, Palm Pre, HTC T-Mobile G1. Darüber hinaus unterhalten sie zusätzlich zwei App-Seiten: www.sciphoneapps.com und www.nativeiphoneapps.com. Auf beiden findet man sehr schöne Übersichten zu aktuellen Apps fürs iPhone. Einfach mal ein bisschen störbern – es lohnt sich.

Inspirierend war es auch. Eigentlich war es fast ausschliesslich inspirierend. So hab ich den Entschluß gefasst, ein auf Eis gelegtes Projekt wieder neu zu beleben. Ausserdem haben sich im Laufe der Zeit einige Connections aufgetan, mit denen sich das Projekt jetzt um einiges leichter und professioneller umsetzen lässt. Aber ich will nicht über ungelegte Eier reden. Nur so viel sei verraten: es handelt sich um beim dem Projekt um Klammottendesign. So fern das Projekt anläuft und erste Gestalt annimmt, werde ich darüber berichten.

Als kleine Fingerübung hab ich mir mal ein neues Wallpaper gebastelt. Alt bekannter Stil, neues Motiv.

Lightning Smokeboard (Klick für grosses Bild)

Von minimalistisch, über vintage bis hin zu grafischem Overkill ist so ziemlich alles vertreten. Wer da nix findet, dem kann nur noch mit einer individuellen Lösung geholfen werden.

Hier mal drei wirklich gelungene Beispiele:

Colourise

Masinop

Nature Magazine

Eine kleine Einführung in die 3D-Technik in Photoshop kann man auf PSDtuts+ nachlesen. Hier wird in ein paar einfachen Schritten erklärt, wie man eine 3D Weltkugel mit Bergen und Wolken in Photoshop erstellt und sie realistisch wirken lässt.

Ich hab mich mal dran gemacht das Tutorial durchzuarbeiten und möchte hier, die auf PSDtuts+ nicht erhältliche PSD Datei zur Verfügung stellen: Download – CS4-3D-Earth.psd.zip

Viel Spaß beim nachbasteln.

Ich finde ja diese Bilder mit den extremen Lichteffekten richtig genial. Beispiel gefällig? Hier: 45 Superb Light Effects

Kann man aber auch selber machen, ist nämlich gar nicht so schwer. Das komplizierteste war das geeignete Motiv zu finden. Dazu hab ich ausgiebig Deviantart.com bemüht. Fündig geworden bin ich bei zwei Fotografen: zum Einen Carsten Breschel aus Dänemark und zum Anderen David Haubourdin aus Frankreich. Auf ihren Deviantart Seiten (Carsten on deviantart.com und David on deviantart.com) haben sie eine Menge genialer Bilder von hübschen Mädels in entsprechenden Glamour-Posen ausgestellt. Meine Wahl ist auf die Bilder Vicki in blue jeans und Black n red von Carsten und The Wall AuroreDG von David gefallen.

Natürlich hab ich Carsten und David kontaktiert und um ihre Erlaubnis gebeten, die angefertigten Wallpaper veröffentlichen zu dürfen. Was ich dann natürlich auch auf Deviantart.com gemacht hab: Lightning Vicki, Lightning Natascha und exklusiv nur hier Lightning Aryana

Die Wallpaper unterliegen der Creative Commons Attribution-Noncommercial-No Derivative Works 3.0 License.

Lightning Vicki (Klick für grosses Bild)

Lightning Natascha (Klick für grosses Bild)

Lightning Aryana (Klick für grosses Bild)

Ja, Schriften sind nunmal wichtig. Und daher ist jede Ressource unentbehrlich. Neben den einschlägig bekannten Anbieter, wie z.B. daFont, machen sich immer neue Seite breit. Eine unglaublich große Auswahl an Schriften und einer sehr guten Kategorisierung find man unter www.searchfreefonts.com. Und wie der Name schon vermuten lässt, handelt es sich auch hierbei um einen Anbieter, der fast ausschliesslich freie Schriften zur Verfügung stellt.
http://www.searchfreefonts.com
Viel Spaß beim stöbern.

Einige der Fonts sind lediglich für den privaten und unkommerziellen Gebrauch freigegeben, andere sind völlig frei. Lest bitte daher die Lizenzbestimmungen zu den einzelnen Schriften gut durch, um Schwierigkeiten bei der Verwendung zu vermeiden.

Apogee Rounded Sans Beta by Mef Download at DeviantArt

Fonce Sans Regular by liquisoft Download at DeviantArt

Fertigo Pro 2 by Jos Buivenga

MDRS FD01 by Mindriders Download at DeviantArt

Das neueste Fundstück ist Zen-Textures: übersichtlich, einfach, sortiert nach Kategorien und mit schöner Vorschau:

Zen Textures – 100′s of Free Textures

Aber auch eine guter alter Bekannter soll hier nicht unerwähnt bleiben: CGTextures. Auch hier ist alles sehr aufgeräumt und nach Kategorien eingeteilt. Das Archiv ist natürlich um etliche Megabyte größer als das von Zen-Textures, aber die Jungs sind auch schon etwas länger am Start und da sammelt sich im Laufe der Zeit eine ganze Menge an:

CGTextures Archive
30.000+ high resolution textures, free for personal and commercial use!

Ein besonderer Leckerbissen ist Jack’s Secret Stash. Das Besondere an dieser Textur Galerie ist, dass es hier Seamless Tiles gibt, also Texturen, die sich nahtlos kacheln lassen. Das ist besonders dann interessant, wenn man mal wieder eine große Fläche mit einer Textur füllen möchte.

Jack’s Secret Stash – Seamless Reality Textures

Und das ging leichter als erwartet. Man erstellt lediglich ein Plugin für WordPress in dem eine spezielle CSS Datei und die Grafiken eingebunden sind und schon kann man es verwenden. Eine genaue Anleitung hab ich hier gefunden: Creating Admin Themes @ Codex.

Das Ergebnis kann sich sehen lassen, wie ich finde. Der Mehrwert? Ganz einfach: vielleicht missbraucht der ein oder andere WordPress auch als CMS oder ähnliches. Wenn man das z.B. als Webdesigner für Kunden betreibt, kann man dem Kunden eine vollständige Umgebung schaffen, in der das Frontend UND das Backend dem CI des Kunden entsprechen.

Download: WD4F Admin Theme (WP Plugin)

[Update 05. April 2009]: Juchu! Hab es endlich geschafft das Plugin auf WordPress.org zu veröffentlichen. Man kann es auch direkt aus der Adminoberfläche im Pluginverzeichnis aufrufen und installieren. Suchbegriffe und Tags: admin, theme, lime, color, individual, admin-theme, wd4f, willdesignforfood, green, light. Updates funktionieren dann natürlich auch (sofern es welche gibt).
Das nächste Update hängt auch schon in der Warteschleife. Ich habe Kerry Webster angefragt, ob ich sein Plugin Branded-Admin bei mir integrieren kann. Ich warte nur noch auf seine Zustimmung und dann gibt es direkt die neue Version 1.1 hier und im WordPress Plugin Trunk zum downloaden. Ausserdem werde ich noch zusätzlich die *.PSD Files integrieren und die CSS Datei ausführlich dokumentieren, damit jeder der möchte, das Design an seine Bedürfnisse anpassen kann.

Enthalten sind folgende Dokumente:

• Python
• Subversion
• Regular Expressions
• ModRewrite
• PHP
• CSS
• M$ SQL
• HTML
• MicroFormats
• Ruby On Rails
• ASP / VB Script
• HTML Entities
• Javascript
• MySQL
• RGB Hex Colour Chart

Ausserdem bin ich bei der Suche nach diversen jQuery Erweiterungen über diesen Cheat Sheet von colorcharge.com gestossen:

jQuery Printable Cheat Sheet API 1.2

Ich hoffe, dass die kleinen Gedankenstützen jemanden hilfreich sind.

Wirklich angetan bin ich von der Moderna:

MgOpenModerna bei ellak.gr anschauen

Die Seite, die diese Schrift zur Verfügung stellt ist zwar komplett in griechisch, aber man findet sich trotzdem zurecht.

MgOpenModerna

Auf die nächste Schrift hat mich Myc aufmerksam gemacht. Sie heisst Qlassik und ist eine sans-serife Font, die aber eine leicht serifen Charakter hat, wie ich finde. Die Qlassik gibt es in Medium und in Bold bei dafont.com.

Qlassik bei dafont.com anschauen

Qlassik bei dafont.com