Es gibt viele Methoden kreativ zu bleiben und vor allem zu werden. In diesem Artikel werde ich 8 Sachen beschreiben, an die man sich unter anderen halten sollte, um nicht irgendwann im Selbstmitleid zu versinken.

1. Zeichnen

Einer meiner Berufsschullehrer hat uns immer eingeprügelt, erst eine Skizze/Zeichnung auf Papier anzufertigen bevor es digital umgesetzt wird. Anfangs war ich von der Idee nicht sonderlich angetan, da ich es nicht anders kannte. Nach einer Weile merkt man aber, das wenn man zum Beispiel einen Entwurf für ein Logo machen soll, es in der Tat besser ist, erstmal etwas zu skizzieren–so entsteht die Idee viel leichter.

2. Design Galerien

Wie die meisten Webdesigner habe ich mehrere CSS Galerien in meinen Favoriten; welche ich mehrmals die Woche durchstöbere. Leute auf der ganzen Welt stellen ihre Designs, Photos oder Eindrücke online dar und helfen somit vielen anderen, deren Ideen umzusetzen. Nein, soll nicht heißen ihr sollt klauen, sondern euch inspirieren lassen!

3. Geh’ raus!

Ich kann von mir behaupten das ich in letzter Zeit sehr selten draußen bin. Aber kann bestätigen das ein Spaziergang im Park sehr entspannend sein kann. Jeden Tag die gleichen Sachen zu erleben und zu sehen bringt sicherlich auf Dauer nichts gutes.

4. Suche neue Schriften

Du wirst überrascht sein, wie viele Ideen man durch Schriften bekommen kann. Schriften sind nicht nur da um etwas zu sagen, sondern auch um zu entwerfen. Schriften können sehr inspirierend sein, man mag es kaum glauben.

5. Hör’ auf an dir selber zu zweifeln

An sich selbst zu zweifeln ist eine ganz miese Sache! Wie schon erwähnt, hör auf deine Arbeiten mit anderen zu vergleichen! Steht zu dem was du machst und sein nicht zu pingelig.

6. Arbeite wo anders

Wer den ganzen Tag immer und immer wieder die gleichen Leute um sich hat, den gleichen Krach, die gleichen nervigen Dinge wird mit der Zeit unkreativer, bin ich von überzeugt. Viele haben schon davon erzählt, das sie sich ihr Notebook geschnappt haben und in einem Cafe gearbeitet haben. Das hab ich allerdings noch nicht probiert…

7. Musik

Wenn ich eine neue Webseite gestalte brauche ich Musik. Ich setzte meine Kopfhörer auf und es gibt nur noch mich, die Musik und mein MacBook. Was ringsherum passiert kann ich mittlerweile gekonnt ignorieren und mich auf meine Arbeit konzentrieren. Ich versuche auch nicht jeden Tag das gleiche zu hören, sondern auch mal in ein anderes Genre vorzudringen, und ja, das hilft auch! Ideen kann man überall finden, sogar in Musik. Ein kleiner Helfer ist für mich hier Last.FM.

8. Tutorials

“Uhh, langweilig! Ich will keine Tutorials machen, ich will was eigenes entwerfen!” Hau dich! Es gibt viele Wege ein Blatt in Illustrator zu entwerfen oder einen Briefbogen in InDesign. Es gibt außerdem viele Wege und Techniken eine bestimmte Funktion in PHP, Javascript oder C++ zu schreiben… lerne diese, denn das ist der einzige Weg voran zu kommen; indem man was neues lernt! Tutorials zu meistern ist ein guter Start denn du kannst deinen eigenen Touch einbringen, wenn du zum Beispiel an einem Bild arbeitest.

Wie schon gesagt, es gibt hunderte Wege einer Kreativ-Blockade zu entkommen, das waren acht. Macht was draus!

stella-projects.com zieht um! Seite sollte in den nächsten Stunden wieder erreichbar sein.

Nach meinem Tweet gestern Nachmittag ist mittlerweile alles wieder im gewohnten Zustand. stella.projects wird von nun an bei MediaTemple gehostet.

Nach einem holprigem Start und meinem ersten Support-Ticket konnte ich mich dann auch im phpMyAdmin Bereich einloggen und das Backup einspielen. Ich hoffe das mittlerweile auch ALLES wieder funktioniert und ich nichts übersehen habe… sollte jemandem irgendwas komisch dargestellt werden, oder eine Fehlermeldung erscheinen: das Kontaktformular funktioniert.

Schritt 1: Neues Dokument erstellen

Eine normale Visitenkarte ist 8,5 cm breit und 5,5 cm hoch. Sofern man seine Visitenkarten nicht selber ausdrucken möchte, sollte man einen Schnittrand von etwa 2 mm anlegen, oben und unten, sowie links und rechts! Da wir ein druckfähiges Dokument benötigen, sollte die Auflösung 300 dpi betragen und im CMYK-Farbraum angelegt werden.

Schritt 2: Rahmen anlegen

Sollten die Lineale noch nicht eingeblendet sein, kann man diese unter Ansicht > Lineale (Mac: cmd+r) anzeigen lassen. Jetzt zieht man die Markierung an jeden Rand. Das ganze sieht dann so aus:

Nun legt man den Schnittrand von 0,2 cm auf jeder Seite an. Unter Ansicht > Neue Hilfsline… kann man eine neue Hilfslinie hinzufügen.

Oben, Unten, Links und Rechts… ganz einfach. Jetzt haben wir unseren Schnittrand und könnten eigentlich schon Text einsetzten. Da es aber nicht sonderlich professionell aussieht, wenn der Text an den Rand geklatscht ist, wiederholen wir die letzte Aufgabe nochmal, aber mit einem Abstand von etwa 0,25 cm, ist aber jedem selbst überlassen.

Schritt 3: Daten

Da für den Druck jetzt alles fertig angelegt ist, kann nun der Text gesetzt werden. Darauf werde ich hier nicht weiter eingehen. Hier meine fertige Visitenkarte:

Denkt man sich die Grafiken weg, ist es für die meisten doch recht schnell umsetzbar. Soll heißen, solang man nur Text auf seiner Visitenkarte haben möchte, sollte man keinen Designer anheuern.

Die Vorschaubilder sind auf 50% verkleinert.

Und so sieht es aus:

Wenn ich ganz ehrlich bin, war ich nach der Keynote, welche ich bei Engadget verfolgt habe‚ etwas enttäuscht. Wie Tine schon vermutet hat, ist es vom Design her ein großes iPhone bzw. iPod Touch. Es wirkt aber (wie das iPhone halt) sehr edel und modern. Allerdings war ich von der Idee, nur einen “Bildschirm” vor sich zu haben, sehr angetan… der schwarze Rahmen passt meiner Meinung nach also nicht wirklich. Das ‘iPad’ hat (momentan) auch keine Kamera, weder vorne noch hinten. Warum nicht? Wär bestimmt was feines iChat damit zu benutzen.

Was mich WIEDER enttäuscht hat war das, wie schon beim iPhone, fehlende Flash Plugin.

Das ‘iPad’ unterstützt entweder Wi-Fi und 3G, oder beides einzeln. Es wird ab $499 verkauft und ist erhältlich als 16GB, 32 GB oder 64 GB Version.

Zum Schluss kommt die Frage auf, ob man das ‘iPad’ überhaupt benötigt, wenn man ein iPhone und ein MacBook Pro hat. Ich denke nicht! Wenn ich das Geld über hätte, klar, warum nicht – aber einen Nutzen hätte es für mich nicht wirklich.

Wer mehr Informationen über das ‘iPad’ möchte, geht am besten auf Apple’s iPad Seite, welche momentan nur in Englisch verfügbar ist.

Mit der Vorstellung von CSS3 wurde die @font-face Regel dann auch schon öfter genutzt und so langsam unterstützen auch alle aktuellen Browser diese Eigenschaft. Soll heißen, es wird Zeit damit etwas zu experimentieren…

Als erstes hab ich bei Font Squirrel eine geeignete Schrift gesucht. In meinem Fall war es ‘Quigley Wiggly Regular‘. Die Einbindung in den Stylesheet sieht so aus:

@font-face {
font-family: 'QuigleyWigglyRegular';
src: url('../fonts/QUIGLEYW.eot');
src: local('QuigleyWiggly Regular'), local('QuigleyWiggly'),
url('../fonts/QUIGLEYW.TTF') format('truetype');
}

Der Rest bleibt wie gehabt…

h4.heading {
font: 32px 'QuigleyWigglyRegular', Helvetica, Arial, sans-serif;
}

Funktionieren tut das ganze natürlich… Als Nicht-wissender ist man aber bei dem ersten Besuch der Seite sicherlich erstmal etwas verwundert (sofern die Schrift nicht bereits installiert ist), warum da auf einmal ein Fenster aufpopt und eine Schrift installiert werden möchte.

Wie gesagt, ich kann mir vorstellen das viele Leute bei so einer Meldung ganz schnell das Fenster schließen, oder gar ihren Browser. Die Angst, das irgendwas einfach installiert wird, macht heutzutage vielen Leuten noch Kummer… Viren und so.

Ich denke aber das neue Schriften einen “frischen Wind” ins Web bringen. Meine genutzten Web-Schriften beliefen sich immer auf Verdana, Arial, Helvetica, Georgia oder Times New Roman (sans-serif) und ich bin ehrlich gesagt froh, mal was anderes auszuprobieren, ohne dabei ein Bild zu erstellen.

Ich lese täglich mehrere Artikel über Webdesign, Typografie, Programmierung.. etc und hinterlasse hin und wieder einen Kommentar bei denen, die mir sehr gut gefallen haben und ihren Weg in meine Favoritenleiste gefunden haben. Vor ein paar Monaten hatte ich einen kleinen Blog, in dem ich relativ oft über Webdesign geschrieben habe und welcher auch gut besucht war. Nach kurzer Zeit habe ich dieses Projekt aufgegeben und einem Kumpel die Seite übergeben.

Der Grund dafür lag/liegt für mich klar auf der Hand: Es langweilt mich!

Ich habe es immer mal wieder probiert, hier und da einen kleinen Artikel verfasst aber ich finde es langweilig darüber zu schreiben. Ich könnte zum Beispiel niemals an ernsthaften Web/Design Diskussionen teilnehmen, da mir einfach das Interesse fehlt meine Gedanken schriftlich niederzulegen. Versteht das jetzt nicht falsch, ich gestalte und entwickle nach wie vor verdammt gerne für das Web und es macht mir nach all den Jahren immer noch Spaß. Außerdem lernt man bei (fast) jedem neuen Projekt etwas neues dazu und ich denke das wird immer so bleiben, denn da CSS3 und HTML 5 so langsam an Popularität gewinnen, werde auch ich mich mit diesen und anderen neuen Themen weitgehender auseinander setzen (müssen).

Wenn ich ganz ehrlich bin bewundere ich Leute wie Jason Santa Maria, Jeffrey Zeldman, Paul Scrivens oder auch Dustin Curtis. Es gibt eine Menge gute Schreiber die sich mit der Thematik in ihren Artikeln sehr ausgiebig beschäftigen und schon so manches Lob eingeheimst haben. Ich lese sowas sehr gerne, aber wie gesagt, selber wär ich nie in der Lage einen Artikel mit mehr als 500 Wörtern auf aus meinen Fingern zu kitzeln.

Was mir als erstes auffiel war die Größe, besser gesagt die Höhe. Die Maus ist verhältnismäßig flach und recht schwer. Dafür sieht sie aber edel aus und fühlt sich gut in der Hand an. Das Scrollen ist Anfangs etwas gewöhnungsbedürftig, aber die iPhone ähnliche Scrollfunktion ist definitiv der Weg in die richtige Richtung und macht nach ein paar Minuten richtig Spaß!

Ich muss leider dazu sagen, das ich mir die Magic Mouse (noch) nicht selbst gekauft habe, darum habe ich bisher nicht die Möglichkeit alle Funktionen zu testen. Ich kann aber mit Sicherheit sagen, das meine Mighty Mouse bald ausgedient hat und Platz für ihren Nachfolger machen muss. Sobald das geschieht, werde ich den Artikel vervollständigen.

Schenkt man den CSS Dateien mehr Achtung, erkennt man schnell das viele Webseiten CSS Resets verwenden. In einer Zeit mit mehr als fünf bekannten Browsern ist das natürlich auch gar keine schlechte Idee, denn fast jeder Browser hat seine eigenen kleinen Standards und Tücken – wie zum Beispiel ein vordefinierter margin oder padding Wert. Um aber sicher zu gehen, das alle Browser den gleichen Ausgangspunkt haben, benutzt man halt CSS Resets.

In diesem Artikel werden ich Resets vorstellen, die ich bisher benutzt habe.

Version 1

Der Reset meiner Seite ist verhältnismäßig kurz und verständlich:

* {
	padding: 0;
	margin: 0;
	}

Version 2

Eine zweite Variante wäre es, den Standardwert ‘border’ auf 0 zu setzen:

* {
	padding: 0;
	margin: 0;
	border: 0;
	}

Version 3

Eine wie ich finde sehr gute Alternative zu den beiden ersten. Dieser Reset handhabt eigentlich alles wichtige.

* {
	vertical-align: baseline;
	font-weight: inherit;
	font-family: inherit;
	font-style: inherit;
	font-size: 100%;
	border: 0 none;
	outline: 0;
	padding: 0;
	margin: 0;
	}

Version 4

Der nächste Reset setzt nur den padding und margin Wert innerhalb des html und body blocks auf 0, geht sicher das die Schriftgröße überall gleich ist und entfernt den Rahmen bei Bildern.

html, body {
	padding: 0;
	margin: 0;
	}
html {
	font-size: 1em;
	}
body {
	font-size: 100%;
	}
a img, :link img, :visited img {
	border: 0;
	}

Version 5

Ein weiterer Reset ist Siolon’s CSS Browser Reset.

* {
	vertical-align: baseline;
	font-family: inherit;
	font-style: inherit;
	font-size: 100%;
	border: none;
	padding: 0;
	margin: 0;
	}
body {
	padding: 5px;
	}
h1, h2, h3, h4, h5, h6, p, pre, blockquote, form, ul, ol, dl {
	margin: 20px 0;
	}
li, dd, blockquote {
	margin-left: 40px;
	}
table {
	border-collapse: collapse;
	border-spacing: 0;
	}

Version 6

Selbst die Entwickler bei Yahoo! haben einen eigenen Reset geschrieben:
(YUI 2: Reset CSS)

body,div,dl,dt,dd,ul,ol,li,h1,h2,h3,h4,h5,h6,pre,form,
fieldset,input,textarea,p,blockquote,th,td {
	padding: 0;
	margin: 0;
	}
table {
	border-collapse: collapse;
	border-spacing: 0;
	}
fieldset,img {
	border: 0;
	}
address,caption,cite,code,dfn,em,strong,th,var {
	font-weight: normal;
	font-style: normal;
	}
ol,ul {
	list-style: none;
	}
caption,th {
	text-align: left;
	}
h1,h2,h3,h4,h5,h6 {
	font-weight: normal;
	font-size: 100%;
	}
q:before,q:after {
	content:'';
	}
abbr,acronym { border: 0;
	}

Version 7

CSS guru Erik Meyer hat einen recht umfangreichen Reset zusammengestellt, welcher alles abdeckt, was zu beachten wäre. Eine immer aktuelle Version seines CSS Reset findet man hier.

html, body, div, span, applet, object, iframe, table, caption, tbody, tfoot,
thead, tr, th, td, del, dfn, em, font, img, ins, kbd, q, s, samp, small,
strike, strong, sub, sup, tt, var, h1, h2, h3, h4, h5, h6, p, blockquote, pre,
a, abbr, acronym, address, big, cite, code, dl, dt, dd, ol, ul, li, fieldset,
form, label, legend {
	vertical-align: baseline;
	font-family: inherit;
	font-weight: inherit;
	font-style: inherit;
	font-size: 100%;
	outline: 0;
	padding: 0;
	margin: 0;
	border: 0;
	}
/* remember to define focus styles! */
:focus {
	outline: 0;
	}
body {
	background: white;
	line-height: 1;
	color: black;
	}
ol, ul {
	list-style: none;
	}
/* tables still need cellspacing="0" in the markup */
table {
	border-collapse: separate;
	border-spacing: 0;
	}
caption, th, td {
	font-weight: normal;
	text-align: left;
	}
/* remove possible quote marks (") from <q> & <blockquote> */
blockquote:before, blockquote:after, q:before, q:after {
	content: "";
	}
blockquote, q {
	quotes: "" "";
	}

Das waren sieben Versionen von denen ich bisher fünf verwendet habe. Es ist natürlich jedem selbst überlassen, ob und wie er CSS Resets einsetzt. Es sei aber jedem der noch nie etwas davon gehört hat zu sagen, das sie sehr wohl wichtig und von nutzen sind und nicht fehlen sollten.

Im Illustrator bin ich nicht wirklich der Held, darum suche ich meine Wallpaper in den Weiten des World Wide Web. Momentan befinden sich ca. 40 potentielle Wallpaper auf meinem iPhone, 20 von denen werde ich in diesem Beitrag vorstellen:

#01 – Michael Paukner [Link]

#02 – Luke [Link]

#03 – Imboden [Link]

#04 – fudgegraphics [Link]

#05 – agasmi [Link]

#06 – theblindalley [Link]

#07 – lalas [Link]

#08 – Paolo Lim [Link]

#09 – [Link]

#10 – jetc21 [Link]

Zum Schluss kann ich noch jedem iPhone-Besitzer vladstudio.com empfehlen. Die iPhone Wallpaper sind (anscheinend) nur mit dem iPhone zu erreichen!

Weitere Quellen:
- http://poolga.com
- http://smashingmagazine.com/2009/01/06/100-really-beautiful-iphone-wallpapers
- http://deviantart.com/#catpath=customization/wallpaper&order=9&q=iPhone
- http://alliphonewallpapers.com

Apple gibt dazu wie gewohnt vorweg keinerlei Auskunft. Schaut man sich in Foren und anderen Communities wie Deviantart oder auch Google um, findet man schon allerlei Ideen wie das ‘iSlate’ aussehen könnte bzw. wie sich die jeweiligen Designer das Tablet vorstellen. Ein “größeres iPhone” wurde es sogar schon genannt. Ich denke mal Apple wird sich schon etwas besseres einfallen lassen (müssen), denn das letzte richtige “WOW” gab es bei der Präsentation des iPhone’s.

Ich persönlich denke, das Leute die ein MacBook und ein iPhone besitzen keinen wirklichen Nutzen in einem Tablet sehen werden und ich denke auch nicht, das Apple etwas so revolutionäres auf den Markt bringen wird, das es jeder haben will *iPhone*. Aber wir können uns alle nur überraschen lassen, was da kommen wird. Ich freue mich jedenfalls schon drauf.