In letzter Zeit habe ich das Einstellen der Weekly Stumbles etwas vernachlässigt. Die im Moment knapp bemessene Zeit fordert halt ihren Tribut. Wie dem auch sei, heute nun endlich Nummer 21 der Weekly Stumbles Serie.
Heute gibt es wieder mit sieben verschiedene Links aus den unterschiedlichsten Bereichen.

Für alle die dieser Serie auf Facebook folgen möchten, aber keinen Zugriff haben, da sie nicht mit mir befreundet sind, hab ich hier den RSS-Feed zu meinen Notizen: Notizen RSS-Feed

Stumble #141

http://bit.ly/7ndW3l

Stumble #142

http://bit.ly/acynii

Stumble #143

http://vimeo.com/25118844

Stumble #144

http://bit.ly/lgKxpg

Stumble #145

http://bit.ly/jHoYhu

Stumble #146

http://bit.ly/moNL2v

Stumble #147

http://bit.ly/jfax33

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

Die ersten 20 sind voll! Heute also Nummer 20 der Weekly Stumbles Serie.
Heute gibt es wieder mit sieben verschiedene Links aus den unterschiedlichsten Bereichen.

Für alle die dieser Serie auf Facebook folgen möchten, aber keinen Zugriff haben, da sie nicht mit mir befreundet sind, hab ich hier den RSS-Feed zu meinen Notizen: Notizen RSS-Feed

Stumble #134

http://bit.ly/apa4gI

Stumble #135

http://bit.ly/jDFQT3

Stumble #136

http://bit.ly/lBDIbH

Stumble #137

http://bit.ly/dGxhE5

Stumble #138

http://bit.ly/mg9lBe

Stumble #139

http://bit.ly/jiaaVF

Stumble #140

http://bit.ly/hcmVgI

So, ich muss mal wieder etwas veröffentlichen! Deswegen heute Nummer 19 der Weekly Stumbles Serie.
Heute gibt es wieder mit sieben verschiedene Links aus den unterschiedlichsten Bereichen.

Für alle die dieser Serie auf Facebook folgen möchten, aber keinen Zugriff haben, da sie nicht mit mir befreundet sind, hab ich hier den RSS-Feed zu meinen Notizen: Notizen RSS-Feed

Stumble #127

http://bit.ly/iEkZXd

Stumble #128

http://bit.ly/mCso53

Stumble #129

http://bit.ly/jN3g1X

Stumble #130

http://bit.ly/mzVMuk

Stumble #131

http://bit.ly/mToWjq

Stumble #132

http://bit.ly/j9ywNV

Stumble #133

http://bit.ly/lqHKgX

Das Wochenende steht vor der Tür! Deswegen schnell noch Nummer 18 der Weekly Stumbles Serie eingestellt.
Heute gibt es wieder mit sieben verschiedene Links aus den unterschiedlichsten Bereichen.

Für alle die dieser Serie auf Facebook folgen möchten, aber keinen Zugriff haben, da sie nicht mit mir befreundet sind, hab ich hier den RSS-Feed zu meinen Notizen: Notizen RSS-Feed

Stumble #120

http://bit.ly/5VZzGQ

Stumble #121

http://bit.ly/jsJAL1

Stumble #122

http://bit.ly/lpcJaw

Stumble #123

http://bit.ly/jwJ74y

Stumble #124

http://bit.ly/k3zm0v

Stumble #125

http://bit.ly/luMTH3

Stumble #126

http://bit.ly/ke5d09

Letzte Woche ausgesetzt, dafür aber heute: Nummer 17 der Weekly Stumbles Serie steht an.
Heute gibt es wieder mit sieben verschiedene Links aus den unterschiedlichsten Bereichen.

Für alle die dieser Serie auf Facebook folgen möchten, aber keinen Zugriff haben, da sie nicht mit mir befreundet sind, hab ich hier den RSS-Feed zu meinen Notizen: Notizen RSS-Feed

Stumble #113

http://bit.ly/jL7OVa

Stumble #114

http://bit.ly/9q13Jj

Stumble #115

http://bit.ly/mji7GN

Stumble #116

http://bit.ly/jTH81c

Stumble #117

http://bit.ly/kHd4Pv

Stumble #118

http://bit.ly/kxzoXR

Stumble #119

http://bit.ly/ni9BAn

Nummer 16 der Weekly Stumbles Serie steht an.
Heute gibt es wieder mit sieben verschiedene Links aus den unterschiedlichsten Bereichen.

Für alle die dieser auf Facebook folgen möchten, aber keinen Zugriff haben, da sie nicht mit mir befreundet sind, hab ich hier den RSS-Feed zu meinen Notizen: Notizen RSS-Feed

Stumble #106

http://bit.ly/mgZ86a

Stumble #107

http://bit.ly/mCFU8x

Stumble #108

http://bit.ly/mbOdLC

Stumble #109

http://bit.ly/lf4O5R

Stumble #110

http://bit.ly/bfXJe9

Stumble #111

http://bit.ly/beD7qC

Stumble #112

http://bit.ly/e5JVCH

Extrem spät diese Woche, aber so ist das im Moment eben.

Heute gibt es wieder mit sieben verschiedene Links aus den unterschiedlichsten Bereichen.

Stumble #99

http://bit.ly/kuaICy

Stumble #100

http://bit.ly/mwYqxX

Stumble #101

http://bit.ly/jysq5O

Stumble #102

http://bit.ly/iXfTlU

Stumble #103

http://bit.ly/jrLPN4

Stumble #104

http://bit.ly/kPMcdj

Stumble #105

http://bit.ly/kJ7MQD

 
Wieder mal reichlich verspätet diese Woche, aber es ist auch im Moment recht stressig.
 
Trotzdem gibt es heute die Nummer 14 mit sieben verschiedene Links aus den unterschiedlichsten Bereichen.

Stumble #92

http://bit.ly/eQPV2x

Stumble #93

http://bit.ly/juLwkG

Stumble #94

http://bit.ly/lPapJT

Stumble #95

http://bit.ly/jwp2Mf

Stumble #96

http://bit.ly/jBUfkN

Stumble #97

http://bit.ly/mH5Ikp

Stumble #98

http://bit.ly/ebYJid

 
So, jetzt folgt die Glücks-Nummer dreizehn der Weekly Stumbles Serie für diese Woche.
 
Wieder sieben verschiedene Links aus den unterschiedlichsten Bereichen.

Stumble #85

http://bit.ly/dKRNqZ

Stumble #86

http://bit.ly/eVmaFu

Stumble #87

http://bit.ly/dG6Uzv

Stumble #88

http://bit.ly/iiPaAD

Stumble #89

http://bit.ly/gVdvSh

Stumble #90

http://bit.ly/dWBuED

Stumble #91

http://bit.ly/jfymVn

In langjähriger Zusammenarbeit mit Klaus Hünerkopf und mir, entstanden zahlreiche Produkte in den unterschiedlichsten Bereichen. Messeprospekte, Infoblätter oder die Webseite sind nur einige davon.

Oberste Priorität hatte hier die Einhaltung des CI (Corporate Identity) und die dargebotenen Inhalte, die auf diese Weise den Qualitätsanspruch des Unternehmens und seiner Kunden widerspiegeln.

Stellvertretend möchte ich hier Bilder von ein paar Prospekten und der Webseite vorstellen. Online kann man sich die Webseite hier anschauen: http://www.huenerkopf.de

Prospekte und Webseite (Klick für grosses Bild)

 
Heute folgt schon die Nummer zwölf der Weekly Stumbles Serie.
 
Wieder sieben verschiedene Links aus den unterschiedlichsten Bereichen.

Stumble #78

http://bit.ly/dWMGti

Stumble #79

http://bit.ly/fdHkMd

Stumble #80

http://bit.ly/aeZbb1

Stumble #81

http://bit.ly/gztSeC

Stumble #82

http://bit.ly/e2KLbJ

Stumble #83

http://bit.ly/gD2hKu

Stumble #84

http://bit.ly/dT04vv

 
Und schon sind wir bei Nummer elf meiner Weekly Stumbles Serie. Man hat das Gefühl, dass die Zeit rennt.
 
Wieder sieben verschiedene Links aus den unterschiedlichsten Bereichen.

Stumble #71

http://bit.ly/f5gfy4

Stumble #72

http://bit.ly/dN7tAf

Stumble #73

http://bit.ly/hfT6fC

Stumble #74

http://bit.ly/f9kO8S

Stumble #75

http://bit.ly/yyWD

Stumble #76

http://bit.ly/dG0Lol

Stumble #77

http://bit.ly/dWDRJG

 
Nummer Zehn meiner Weekly Stumbles Serie folgt heute.
 
Und wieder sieben unterschiedliche Links aus den verschiedensten Bereichen.

Stumble #64

http://bit.ly/eCIhJ3

Stumble #65

http://youtu.be/-Tvd02JWaas

Stumble #66

http://vimeo.com/21590604

Stumble #67

http://bit.ly/aSDUc9

Stumble #68

http://bit.ly/dGaVDO

Stumble #69

http://bit.ly/pSHKC

Stumble #70

http://bit.ly/fc5m3r

 
So, diese Woche etwas verspätet, aber besser spät als nie (ja ja, 3 Euro ins Phrasenschwein … ). Heute also der neunte Teil meiner Weekly Stumbles Serie. Und wieder sieben verschiedene Links aus den unterschiedlichsten Bereichen.

Stumble #57

http://bit.ly/dGn8uG

Stumble #58

http://bit.ly/eU8AE6

Stumble #59

http://vimeo.com/21113971

Stumble #60

http://bit.ly/eOnNRV

Stumble #61

http://bit.ly/eF294r

Stumble #62

http://bit.ly/9GHN0Z

Stumble #63

http://fav.me/d2ezh7x

 
So, damit haben wir schon ein kleines Jubiläum. Die ersten 50. Stumbles sind erreicht. Damit folgt heute der achte Teil meiner Weekly Stumbles Serie. Wieder sieben verschiedene Links aus den unterschiedlichsten Bereichen.

Stumble #50

http://bit.ly/ezZGMp

Stumble #51

http://bit.ly/hhFrTv

Stumble #52

http://bit.ly/EgYpz

Stumble #53

http://fav.me/d2ibewx

Stumble #54

http://bit.ly/dpJfrJ

Stumble #55

http://bit.ly/nLea

Stumble #56

http://bit.ly/dGoIwE

 
Man, man, man, …, die Zeit fliegt! Schon wieder einer Woche vorüber, schon wieder neue Stumbles. Heute schon der siebte Teil meiner Weekly Stumbles Serie. Wieder sieben verschiedene Links aus den unterschiedlichsten Bereichen.

Stumble #43

http://bit.ly/evnIsw

Stumble #44

http://bit.ly/hHfol1

Stumble #45

http://bit.ly/gLU8Xw

Stumble #46

http://bit.ly/eTH34T

Stumble #47

http://bit.ly/4GpYTo

Stumble #48

http://bit.ly/giqIbV

Stumble #49

http://bit.ly/hi4due

 
Neue Woche, neue Stumbles. Heute kommt der sechste Teil meiner Weekly Stumbles Serie. Wieder sieben verschiedene Links aus den unterschiedlichsten Bereichen.

Stumble #36

http://bit.ly/hkvGgT

Stumble #37

http://bit.ly/eL9Ww0

Stumble #38

http://bit.ly/bnWRkF

Stumble #39

http://bit.ly/hvz7b7

Stumble #40

http://bit.ly/fXy10z

Stumble #41

http://bit.ly/h8a2XH

Stumble #42

http://bit.ly/e5YB5T

 
Wieder ist eine Woche vorbei und heute folgt der fünfte Teil meiner Weekly Stumbles Serie. Wieder sieben verschiedene Links aus den unterschiedlichsten Bereichen.

Stumble #29

http://bit.ly/dXnxkF

Stumble #30

http://bit.ly/gUSyHM

Stumble #31

http://bit.ly/dPJMBa

Stumble #32

http://bit.ly/afrzBi

Stumble #33

http://bit.ly/ffIZgG

Stumble #34

http://bit.ly/hSwHac

Stumble #35

http://bit.ly/dJChml

 
Jetzt folgt der vierte Teil meiner Weekly Stumbles Serie. Wieder sieben verschiedene Links aus allen möglichen Bereichen.

Stumble #22

http://bit.ly/9DCnMI

Stumble #23

http://bit.ly/eHqlyd

Stumble #24

http://bit.ly/e3V71C

Stumble #25

http://bit.ly/fXBDvw

Stumble #26

http://bit.ly/fJrz5n

Stumble #27

http://bit.ly/hrmnD0

Stumble #28

http://bit.ly/emvspi

Auf diesem Blog läuft das WPtouch Plugin von Bravenewcode in der letzten kostenlosen Version 1.9 Basic. Es mag zwar jedesmal ein Stück Arbeit sein das Design anzupassen, aber egal – was macht man nicht alles.

Aber seht selbst:

hier für die Screenshots klicken

 
Heute folgt der dritte Teil meiner Weekly Stumbles Serie. Erneut gibt es sieben verschiedene Links aus allen möglichen Bereichen.

Stumble #15

http://bit.ly/19qs1s

Stumble #16

http://bit.ly/faepCq

Stumble #17

http://bit.ly/cbau8x

Stumble #18

http://bit.ly/eE9STr

Stumble #19

http://bit.ly/fAAmZi

Stumble #20

http://bit.ly/hF66WU

Stumble #21

http://bit.ly/dXoOqo

 
Hier nun Teil 2 der Weekly Stumbles Serie. Wieder sieben Links zu Dingen aus dem Bereich “Dies & Das”.

Stumble #8

http://bit.ly/fBR1aK

Stumble #9

http://bit.ly/hsN9pl

Stumble #10

http-//bit.ly/hxw7FU

Stumble #11

http://bit.ly/bJcoCg

Stumble #12

http://bit.ly/edjrRR

Stumble #13

http://bit.ly/cussqd

Stumble #14

http://bit.ly/gXBpO

 
Da ich aber mein Facebook-Profil nicht öffentlich zugägnlich mache und ich mich dazu entschieden habe nur Freunde in meine Liste aufzunehmen, die ich im realen Leben auch zu meinen Freunden zähle, ist natürlich die Verbreitung dieser Weblinks sehr eingeschränkt. Deswegen werde ich hier in meinem Blog diese Links als neue Kategorie einführen und einmal wöchentlich diese “Stumbles” zusammengefasst posten.

Stumble #1

http://bit.ly/fnogbg

Stumble #2

http://bit.ly/dtNvkK

Stumble #3

http://bit.ly/gmL6vW

Stumble #4

http://bit.ly/ijVxig

Stumble #5

http://bit.ly/a7Zyfl

Stumble #6

http://bit.ly/d2g3pD

Stumble #7

http://bit.ly/cLGaBs

“Hanami” ist japanisch und bedeutet “Blüten schauen”. Ausserdem gehört es zu einem der größten japanischen Feste, das in jedem Jahr gefeiert wird. Es ist ein Fest der Begegnung, der Geselligkeit, der Freundschaft und Entspannung. All das sind auch die Attribute, die bei dem Album von Mitsuni im Vordergrund stehen. Somit entstand der Titel “Hanami”.

Klick für grosses Bild und weitere Screenshots

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

Diesmal verkauft der Shop Uhren. Das Design ist in diesem Fall extrem reduziert und legt Fokus ausschliesslich auf die Produkte. Kunde und Gestalter haben bei diesem Projekt eine Punktlandung hingelegt. Aber so ist das, wenn man sich schon seit Jahren kennt.

Umgesetzt wurde der Shop mit wieder ein mal Commerce:SEO und Dank dem reduzierten Style in atemberaubender Geschwindigkeit. Hier hat es sich auch ausgezahlt, dass die einzelnen Produkthersteller ihr gesamtes Bildmaterial für die Produktdarstellung zur Verfügung gestellt haben.

Eine runde Sache: Kunde zufrieden, Gestalter zufrieden.

Jungnickel-Shop (Klick für grosses Bild)

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

Da ich mir gerade neue Strukturen schaffe (dazu in einem späteren Beitrag mehr) und dazu Klienten-Fragebögen erstellen, um eventuelle Projektanfrage effizienter abfeiern zu können, bin ich über diverse CSS3 Hacks und neue Funktionen gestolpert.

Grundsätzlich ändert sich an der bisher bekannten Syntax nichts. Aber es kommen unglaublich coole Features hinzu. Natürlich werden diese nur von fortschriftlichen Browsern unterstützt (Mozilla, Safari, Chrome, etc.). Benutzer des wieder einmal überholten Internet Explorers (ja, auch die neuste Version 8 des IE ist schon wieder OUT OF DATE), bleiben wie immer aussen vor. Mittlerweile ist fast lächerlich wie die Entwickler bei M$ hinter der allgemeinen Entwicklung her hinken. Aber dies sei anderes Thema.

Mit CSS3 werden Schatten für fast jedes Element eingeführt (Text, Div-Layer, Formularelemente, usw.). Und abgerundete Ecken.
Im Moment muss man sich noch einer etwas umständlichen Syntax bedienen um die beiden genannten Features nutzen zu können, da die Unterstützung noch nicht native eingebaut ist und das W3C die endgültige Syntax noch nicht freigegeben hat. Mit der zusätzlichen Deklaration “-moz-” für Mozilla, Firefox, etc. bzw. “-webkit-” für Safari und Chrome vor dem eigentlichen Attribut kann man die neuen Features verwenden.

Ein Beispiel:
CSS:
.layer {
background: #666;
border: 1px solid #555;
color: #fff;
padding: 5px 10px;
-webkit-border-radius: 12px;
-moz-border-radius: 12px;
border-radius: 12px;
}
HTML:
<div class="layer">Lorem ipsum ad qui amet dolore, vitae cetero quaerendum mel ea.</div>

Ergibt:

Und einen Schatten erzeugt man wie folgt:
CSS:
.layer {
background: #666;
border: 1px solid #555;
color: #fff;
padding: 5px 10px;
-webkit-border-radius: 12px;
-moz-border-radius: 12px;
border-radius: 12px;
-webkit-box-shadow: 5px 5px 15px #000;
-moz-box-shadow: 5px 5px 15px #000;
box-shadow: 5px 5px 15px #000;
}
HTML:
<div class="layer">Lorem ipsum ad qui amet dolore, vitae cetero quaerendum mel ea.</div>

Ergibt:

Die Schattennummer ist am interessantesten, denn mann kann einen Schatten auch nach innen legen (funktioniert leider seit der neusten Safariaktualisierung nur noch im FF, aber die Safarientwickler wissen um dieses Problem und wollen es schnellstmöglich beheben):
CSS:
.layer {
background: #666;
border: 1px solid #555;
color: #fff;
padding: 5px 10px;
-webkit-border-radius: 12px;
-moz-border-radius: 12px;
border-radius: 12px;
-webkit-box-shadow: inset 0px 0px 15px #000;
-moz-box-shadow: inset 0px 0px 15px #000;
box-shadow: inset 0px 0px 15px #000;
}
HTML:
<div class="layer">Lorem ipsum ad qui amet dolore, vitae cetero quaerendum mel ea.</div>

Ergibt:

Und jetzt das Beste: einen äußeren Schatten kann man mit einem inneren Schatten kombinieren:
CSS:
.layer {
background: #666;
border: 1px solid #555;
color: #fff;
padding: 5px 10px;
-webkit-border-radius: 12px;
-moz-border-radius: 12px;
border-radius: 12px;
-webkit-box-shadow: inset 0px 0px 15px #000, 0px 0px 15px #000;
-moz-box-shadow: inset 0px 0px 15px #000, 0px 0px 15px #000;
box-shadow: inset 0px 0px 15px #000, 0px 0px 15px #000;
}
HTML:
<div class="layer">Lorem ipsum ad qui amet dolore, vitae cetero quaerendum mel ea.</div>

Ergibt:

Die leipziger Mamas Pearl GmbH bekam zusätzlich zu ihrem Webshop auch noch das gesamte CI für ihr Ladengeschäft im Messehof in Leipzig.

Zur Zeit wird der Shop mit Produkten gefüllt und wird in Kürze in vollem Umfang unter www.mamaspearl.de erreichbar sein. Bis dahin gibt es hier schon einmal eine kleine Vorschau:

Mamas Pearl GmbH (Klick für grosses Bild)

Laut Brave New Code wird in naher Zukunft Version 2.0 ihres genialen Plugins erscheinen, das dann auch eigene Themes unterstützen wird. Naja, so lange wollte ich nun nicht warten. Ausserdem bin ich dann schon mal vorbereitet.

Es ist natürlich ein dunkles Theme geworden. Einerseits passt es damit zum WD4F – Style, andererseits schont es den Akku des mobilen Endgerätes. Wie das? Na ganz einfach: Wenn das Display nicht so hell leuchtet verbraucht es weniger Strom.

Aber seht selbst, hier sind ein paar Screenshots oder einfach mit dem iPhone, Android oder was auch immer ansurfen.

hier für die Screenshots 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.

Sagen wir es mal anders herum: es gibt auch Kunden, die nicht genau wissen was sie wollen, nur was sie nicht wollen. Und eigentlich sind sie mir lieber als diejenigen, die einem als Gestalter ihre Vorstellung “aufzudrängen”. Da hat man dann kaum noch Bewegungsfreiraum.

Wie es vom ersten zum letztlich endgültigen Entwurf kommt, möchte ich hier mal darstellen. Es sei noch angemerkt, dass es sich höchstwahrscheinlich nicht um das endgültige Produkt handelt, so wie es später der Öffentlichkeit zugänglich ist, oft geht da noch was. Zwar nur Kleinigkeiten und Details aber immerhin. Sei es von Seiten des Kunden, dem plötzlich noch etwas einfällt oder von Seiten des Gestalters / Umsetzers, dem plötzlich auffällt, dass man noch ein Quäntchen mehr heraus holen könnte.

Case Study Part 1 (Klick für grosses Bild)

Das Basislayout steht: Die Aufteilung der Grundelemente ist festgelegt. Inhaltselemente wurden noch nicht besprochen aber die Farbgebung ist schon geklärt.

Case Study Part 2 (Klick für grosses Bild)

Die ersten Überarbeitungen: Farbgebung wurde überarbeitet, Grundlayout bleibt unberührt. Die Inhalte wurde besprochen und neu positioniert. Zusätzlich kommen rechts diverse Navigations- und Auszugselemente hinzu.

Case Study Part 3 (Klick für grosses Bild)

Die Haupt-Navigation wird ins Auge gefasst: Position und “Hover”-Effekt werden neu gestaltet. Hinzu kommen ein paar kaum merkliche Abweichungen in den Farbnuancen.

Case Study Part 4 (Klick für grosses Bild)

Erneut gehts der Navigation an den Kragen: “Hover”-Effekte werden auf ein Minimum reduziert. Ebenso wird der Inhalt neu positioniert und optisch von einem offensichtlichen Blogeintrag entfernt. Auch die Sidebar-Elemente erfahren noch Einmal eine Frischzellenkur. Im Großen und Ganzen wird rund herum abgespeckt / minimalisiert ohne dabei Funktion oder Optik zu reduzieren. Jetzt sind wir an dem Punkt, an dem alle zu 99,9% glücklich mit dem Ergebnis sind. Die fehlenden 0,1% ergeben sich später bei der Umsetzung und den einzelnen Funktionen wenn das Projekt online geht.
Ich werde berichten.

Die SWISS Systemhaus GmbH wande sich mit dem Erstellen einer Webseite nach Deutschland. Die Gestaltung und Umsetzung wurde durch die werk:zwei GbR an mich übergeben.

Endlich mal ein Projekt ohne enge Rahmenbedingungen. Lediglich Logo und grundlegende Elemente des Firmen-CI waren als Vorgaben greifbar. Der Rest: “freie Hand” bei der Gestaltung. Durch das klare und einfache Logo der SWISS Systemhaus GmbH konnte die Website schnell und unkompliziert abgeleitet werden. Das “weniger ist mehr” Design, wirkt übersichtlich und aufgeräumt. Die wirklichen Raffinesse liegen im Verborgenen. Unter der Haube werkelt Essential System 2.3 (hauseigenes CMS exklusiv für Kunden von mir). Kombiniert mit einigen zusätzlichen individuellen Module, speziell auf den Bedarf der Website zugeschnitten, und ein paar netten AJAX Effekten, ist ein wirklich schöner und stimmiger Auftritt gelungen.

Die zusätzlichen Anforderungen an das eingesetzte CMS waren unter Anderem Mehrsprachigkeit, AJAX Bildergalerie und eine “geschmeidige” Navigation.

www.swiss-systemhaus.ch

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)

Surface Lines

Color Blind

D A N C E

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

Ich hab hier mal einige schöne Stücke zusammengetragen, die das Thema Regenbogen (was auch sonst) beinhalten.

Jaime Montaño

Raw_design84

simoncpage

James White

Mr. Fotoshop

G4_dsgn

Elis Lasop

Stig Magne

Warum das Ganze?

Weil die Helvetica Neue (und speziell der Condensed-Schnitt) eine der elegantesten Schriften überhaupt ist.

Aber nicht jeder wird sie sehen können!?

Ja, das stimmt. Alternativ bekommen die Leser, die die Schrift nicht installiert haben, die Standard-Helvetica (Mac) bzw. Arial (PC) angezeigt. Ich habe mich allerdings zu diesem Schritt entschlossen, weil ich die Möglichkeiten der Darstellung einmal aus einem anderen Blickwinkel betrachtet habe: ich möchte die User, die die Möglichkeit hätten etwas “Schöneres” zu sehen nicht aus Gründen der Kompatibilität einschränken, sondern den Usern, denen es nicht vergönnt ist trotzdem die Chance bieten, die Inhalte korrekt zu lesen. Windows-User  kennen das bereits von ihrem Betriebssystem: ein nicht so leistungsstarker PC zeigt zwar alles korrekt an, aber ein leistungsstärkerer Rechner macht es darüber hinaus auch noch schön.
Ausserdem ist auch eine gewisse Portion Egoismus mit im Spiel. Da ich selbst sehr viel Zeit hier verbringe mit, dem Schreiben von Artikeln und anderen Dingen, möchte ich mich selbst auch wohlfühlen und eine ansprechende Schriftart sehen.

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.

Unter der Haube werkelt eine osCommerce Engine mit vielen raffinierten zusätzlichen Features wie z.B. einem integrierten CMS, einem Cross-Selling Modul, Mutiple Product Image Feature, zusätzlichen Attributmerkmalen und speziell angefertigten Produktattributen, die nicht von Haus aus in der osC Installation enthalten waren.

Gloss & Glory Interactive hat das Projekt realisiert und dabei weder Kosten noch Mühen gescheut. Nach den ersten Entwürfen und der gemeinsamen Abstimmung mit der Shop-Betreiberin, kam es zu einem eigens für diesen Shop inszenierten Fotoshooting. Eine extra für das Shooting angereiste Hairstylistin, gab dem Shooting und den Kids den letzten Schliff. Der Aufwand hat sich natürlich gelohnt und das Ergebnis ist äusserst zufriedenstellend.

Doch genug der vielen Worte: Liveansicht des Shops -> www.tausendschoenchen-kindermoden.de

Startseite (Klick für grosses Bild)

Markenübersicht (Klick für grosses Bild)

Kategorieübersicht (Klick für grosses Bild)

Produkt Detailansicht (Klick für grosses Bild)

Der Fairness wegen möchte ich aber noch anmerken, dass es nicht immer so ist.

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 Ergebnis ist eine frische und anspruchsvolle Webseite geworden, auf der Infos, Fotos und Videos von Danijel in einer entspannten Atmosphäre präsentiert werden.

Sofern der Domainumzug erledigt ist und die Webseite betriebsbereit ist werde ich noch den Link veröffentlichen.
Der Umzug ist zwar immer noch nicht vollständig über die Bühne gegangen, aber so lang kann man sich das Ergebnis hier anschauen: http://www.danijelperic.com