Es ist vollbracht. Irgendwie. Naja, fast.

Blog / 9. Februar 2009

Das ist sie also, mein neues Port­fo­lio, dyna­mi­scher als jemals zuvor. Viel­leicht sollte ich es Port­fo­lio (Schräg­strich) Blog nen­nen. Denn an die­ser Stelle möchte ich hin und wie­der mal etwas Mei­nung los wer­den. So wie jetzt — jetzt möchte ich näm­lich kurz erzäh­len was diese Seite für mich so toll macht und für jeden Nor­mal­be­su­cher bloss eine wei­tere 2-farbige Seite mit ein biss­chen Design ist.

Die Vor­ge­schichte.

Ange­fan­gen bin ich mit der Erstel­lung die­ser Seite im letz­ten — fest­hal­ten– Okto­ber. Ich war in mei­nen gelieb­ten Let­ter­kenny im Nor­den Irlands und hatte einen Nach­mit­tag nichts zu tun. Mit dem Hin­ter­ge­dan­ken dass ich sowieso ein Port­fo­lio brau­che für mein Prak­ti­kum, was ich noch absol­vie­ren möchte fing ich mun­ter ohne wei­tere Vor­be­rei­tun­gen mit dem Design­pro­zess an. Wobei man das jetzt noch nicht wirk­lich so nen­nen konnte. Mein ers­ter Ent­wurf war so ziem­lich genau das Gegen­teil von dem was man hier sieht. Bunt, voll­ge­pumpt mit Tex­tu­ren und tol­len klei­nen Sachen. Das war auch das was mich im letz­ten hal­ben Jahr sehr fas­zi­niert hat. Retro, Vin­tage und Grunge. Nun, ich war nun nicht aus Spass in Irland, son­dern wegen mei­nes Stu­di­ums. Also liess ich die Umset­zung mehr oder weni­ger schleifen.

Um Weih­nach­ten rum ging es nun wei­ter mit der Ent­wick­lung. Da ich mei­nen alten Ent­wurf aber nun seit 2 Mona­ten nicht mehr ange­schaut habe, war ich doch mehr oder weni­ger ent­setzt was ich mir bei so man­chen Din­gen gedacht habe. Ergo fing ich an das Lay­out auf den Kopf zu stel­len. Und im End­ef­fekt sah es wie­der anders aus. Dann kam wie­der .. Stille.

Mitte Januar saß ich am Flug­ha­fen in Dub­lin und habe auf mein Flug­zeug gewar­tet. Da Zeit über war und mir im Bus zum Air­port wie­der ein Idee gekom­men ist habe ich 3 Euro inves­tiert und hab mich ins Flug­ha­fen Inter­net ein­ge­wählt (Kli­schee­be­haft: Bei Star­bucks mit n Mac­book) und mir was gebaut. Einen alter­na­ti­ven Style­s­heet zu mei­nen Retro/Vintage Lay­out. Schwarz auf Weiss. Mit Helvetica.

Wie man sich sicher den­ken kann exis­tiert die­ser Ent­wurf nun auch nicht mehr.
Nach einen mehr oder weni­ger dann noch gelun­gen Ent­wurf mit alten Tape­ten und einen für mich schö­nen, für andere gräss­li­chen Schrift (Ein Relikt könnte man immer noch hier in der Sei­ten­leiste sehen) bin ich dann ange­fan­gen die­ses Lay­out zu ent­wer­fen. Und es gefiel mir. Sehr sogar. Und dass sieht man auch daran, dass ich nun ENDLICH fer­tig bin. Und die­sen viel zu lan­gen Text schreibe.
Der immer noch nicht zuende ist.

Der Motor.

Wie man sieht baut diese Web­seite auf Word­Press auf. Ein Blog CMS Sys­tem was sich über die letz­ten Jahre zu dem ulti­ma­ti­ven Werk­zeug in Sachen Web­de­ve­lop­ment ent­wi­ckelt hat. Sicher­lich musste ich einige Modi­fi­ka­tio­nen machen. So habe ich die wordpress-index.php direkt weg­ge­schmis­sen und hab mir mei­nen eigene Start­seite ent­wi­ckelt. Dort seht ihr unter ande­rem graue Fel­der (HEX #232323). Schon­mal mit der Maus drü­ber gefah­ren? Nein ? Mach mal. Ich warte hier so lange…

.…und? Rich­tig, Bil­der! Es war für mich undenk­bar in die­sem 2 Far­ben­kon­trast auch nur irgend­eine Farbe hin­ein­zu­brin­gen. Jeden­falls nicht offen­sicht­lich. Diese Fel­der wer­den über die Cust­om­fields in Word­Press ein­ge­bun­den. Etwas was ich wäh­rend der Ent­wick­lung über Word­Press gelernt und zu schät­zen gelernt habe, wird es mir dem­nächst doch so eini­ges sehr ein­fach machen. Und schon auf den Foo­ter geschaut? Dort fin­det sich jetzt die Haupt­na­vi­ga­tion. Dort fin­det man so eigent­lich alles was man braucht wenn man sich auf die­sen Sei­ten ver­lau­fen hat. Was hof­fent­lich nicht pas­siert. Wer die Navi­ga­tion sucht oder Kate­go­rien oder ein­fach die letz­ten Bei­träge ist dort unten rich­tig. Wer einige für mich inter­es­sante Links, Musik die höre, einige Bil­der von mir auf Flickr oder ein­fach nur mei­nen letz­ten Twit­ter Shout (Ja, für diese Seite habe ich mich die­ser Zeit­ver­schwen­dung hin­ge­ge­ben) ent­de­cken möchte, der fin­det es dort unten auch. Und mehr wird wohl noch folgen.

Das Theme

Wie bereits erwähnt hat die Ent­wick­lung des The­mes für mich eine sehr sehr lange Vor­ge­schichte. Aber ich habe es selbst geschrie­ben. Wirk­lich? Nein — nicht ganz. Für mei­nen ers­ten Ent­wurf habe ich mit dem (auf den ers­ten Blick) wun­der­ba­ren „View­port” aus­ein­an­der gesetzt. Und zwar so lange bis kein Div Con­tai­ner auf dem ande­ren saß. Und das war das Pro­blem, die HTML / CSS Struk­tur war zu sehr auf dem CODA Sli­der auf der Start­seite ange­passt. Mir blieb keine andere Wahl als alles anzu­pas­sen und zu erneu­ern. Auf Kurz oder Lang sah ich lei­der auch kei­nen Nut­zen mehr im Sli­der auf der Start­seite — zu stark war die Gefahr dass ein Nut­zer und poten­ti­el­ler Arbeit­ge­ber die­ses nicht ver­stand und kei­ner mei­ner Arbei­ten anschaut. Und darum geht es hier doch schon.
Lange Rede: Ich hab gewech­selt — mehr impul­siv als logisch. Ersatz war aber schnell gefun­den. Pixeled von Samk. Sehr schön anzu­se­hen in sei­ner eins­ti­gen Form. Wovon jetzt lei­der nicht mehr viel übrig geblie­ben ist, aus­ser dem Foo­ter. Alles andere wurde von mir ver­än­dert oder gelöscht. Neue Sachen wur­den hin­zu­ge­fügt, PHP Code und Word­Press funk­tio­nen erwei­tert oder neu­ge­schrie­ben. Die Far­ben beschrän­ken sich nur auf Grau und Weiss (wobei Weiss eigent­lich keine Farbe ist). Der Hex­code für das Grau ist übri­gens: #232323
Wes­halb ich die­sem Theme den Namen „Spek­trum No. 23″ gege­ben habe.

So, genug gere­det. Viel zu viel. Sofern sich jemand die­sen gan­zen Text wirk­lich durch­ge­le­sen hat, Respekt. Aber schlauer bist du wahr­schein­lich auch nicht gewor­den. Falls doch, hin­ter­lasse mir einen Kom­men­tar. Mit Feed­back und Ver­bes­se­rungs­mög­lich­kei­ten.
Ich mach mir jetzt auch keine Mühe die­sen Text auf Recht­schreib und Gram­ma­tik­feh­ler zu prü­fen, ich muss erst­mal noch so eini­ges an die­sem Theme tes­ten.
Oder was denkt ihr warum die Über­schrift die­ses Bei­trags so ver­dammt lang ist?

  • Digg
  • del.icio.us
  • Facebook
  • Google Bookmarks
  • MisterWong.DE
  • MySpace
  • StumbleUpon
  • Tumblr
  • Twitter

Datum: | Kategorie: Blog |


Verwandte Beiträge

Portfolio Florenz Heldermann
Mein Portfolio aus dem Jahre 2008. Basierend auf einem einfachen HTML/CSS Grundgerüst, statisch und...
Hups
Gerade meine CSS Datei halb gelöscht. Ähm, naja, bis heut Abend muss man wohl damit leben. Das Backup...
Inside/Out
Wenn wir einen Kreis haben mit der Aufschrift "Awesome Art" und einen Kreis mit der Aufschrift "Story,...
Signalnoise Broadcast #1
James White, ein sehr symphatischer Designer aus Halifax (Kanada), hat gestern einen Livebroadcast durchgeführt....
.

Facebook comments:

Ein Kommentar

  1. mo`

    Nun, ich habe es bis zum Ende geschafft und den ein oder ande­ren Feh­ler in dei­nem Text gefun­den, die ich aber jetzt für mich behalte ;)
    Du soll­test bei dei­ner „Flo­renz? Italien?”-Box noch ein pad­ding ein­bauen (min. 2px), das glei­che gilt für die Tags-Box.

    Gruß mo

Schreibe einen Kommentar