derWebArchitekt im neuen Gewand
geschrieben am 17.August 2010
Kleider machen Leute. Es war höchste Zeit, dass ich auch in meinem Blog ein eigenes Theme nutze. Jeder Designer wird es kennen, sobald man etwas für sich selbst macht, nimmt es eine endlose Reise. So ist es auch bei mir. Daher habe ich einen repräsentativen Entwicklungsstatus einfach ins Netz geschuppst. Es gibt einige Änderungen, vieles ist raus geflogen, einige Bugs bestehen noch.
Was ist neu?
Neu ist im Blog die Kommentarfunktion, die es auch ermöglicht, besser in verschachtelten Kommentaren zu diskutieren bzw. zu antworten. Wenn Ihr in einer Diskussion auf „antworten“ klickt dann sollte das Kommentarfeld unter den Kommentar springen, auf den ihr gerade antworten möchtet. Kein Hexenwerk, WordPress-Boardmittel sei dank. Beim Kommentieren aber bitte nicht wundern, wenn die Textarea sich etwas vergrößert. Das ist durchaus gewollt. Ihr kennt die Funktion der elastischen Textarea sicherlich aus Facebook.
Die Box an der Seite ist ebenfalls hinzugekommen. Hierbei haben neben Facebook, Twitter und Flattr auch Xing sowie t3n socialnews Einzug erhalten. Ich denke somit den Großteil relevanter deutschsprachiger Netzwerke abgedeckt zu haben.
Es sind noch einige weitere nicht nennenswerte Spielereien hinzugekommen. Aber es gibt auch noch viele Baustellen. Ich bin in meinem Zeitplan nicht ganz fertig geworden. So ist die Performance noch nicht gut, einige Plugins müssen noch ausgelagert oder verschlangt und angepasst werden. Aber dies ist alles „Schickschnack“. Ich habe versucht mich mit dem Theme auf die wesentlichen Dinge zu konzentrieren und die Usability für den Leser zu erhöhen. Leider ist mir das nicht in allen Bereichen gelungen, so fällt dem geübten Auge auf, dass die Zeilenbreite circa 10 Zeichen zu breit sind. Aber wenn ich mir über solche Dinge Gedanken machen kann, dann verbuche ich das unter Luxusprobleme.
Rausgeflogen und vorerst nicht wiederkommend sind z.B. die Tagcloud als auch die Kategorie-Liste. Die Anzeige von relevanten Postings wird im Laufe der Zeit wiederkommen. Ich bin mir da aber mit mir noch nicht ganz bzgl. des Designs einig.
Ich hoffe euch gefällt das neue Design, auch wenn noch einige Dinge „fehlen“. Ich hoffe, ich habe nicht viele Bugs und Darstellungsfehler übersehen – seid doch so nett und schreibt es mir einfach in die Kommentare, dann kann ich es nach und nach “abarbeiten”. Der IE6 findet allerdings keine Beachtung!
Ich sage dann mal: Willkommen auf meine neuen Baustelle ![]()

caschy schrieb:
17. August 2010 11:57Schick. Wollte eben empfehlen. Die 1 erscheint kurz – und verschwindet dann wieder
CiT (@KaiThrun) schrieb:
17. August 2010 12:18Facebook hatte wohl einen quer hängen
J_Heimbach schrieb:
17. August 2010 12:03Schick schick, minimalistisch aber sehr übersichtlich.
Raylinth schrieb:
17. August 2010 12:14Hat was, allerdings finde ich das Du die Kategorien wieder mit rein nehmen solltest, das ist zur Orientierung stellenweise doch ganz nützlich.
Marius schrieb:
17. August 2010 12:31Da ich mich dazu bekenne, dass Orange meine absolute Lieblingsfarbe ist find ich’s doppelt cool
Manuel schrieb:
17. August 2010 12:35Hui, da hat sich der Herr mal wieder ins zeug gelegt. AirMax an und die kreativität fließt bei dem Jungen nur so heraus
Finde ich sehr schön das ganze, man kann alles gut lesen und das ist ja irgendwie die hauptsache.
“Manu ist stolz auf dich …”
Andreas Mauf schrieb:
17. August 2010 12:46Cool. Bei mir passt der t3n-Button nicht ganz in die Box, weil offenbar durch meine leicht andere Schriftart der Boxtitel in zwei Zeilen umbricht (Ubuntu).
Im Windows-Opera ist ein graue Lücke am Seitenende zwischen Seitenzahlen und orangenfarbenem Band.
Machst Du aus der Header- und Footer-Grafik ein GIF (würde auch weniger Speicher brauchen) und ergänzt ein display:inline für das Header-Float wäre der IE6 auch schon zufrieden, schätze ich.
CiT (@KaiThrun) schrieb:
17. August 2010 12:49Danke Andreas für deine Anmerkungen, ich werde mir das am Wochenende mal in Ruhe anschauen.
Hab leider kein Ubuntu hier zum “Gucken”.
Wie auch immer, Danke für dein Feedback, wir beide wissen wie wertvoll es ist!
Andreas Mauf schrieb:
17. August 2010 12:48Dein “Subscribe to Comments”-Plugin zeigt für Abonnenten noch einen englischen Text: “You are subscribed to this entry. Manage your subscriptions.”
CiT (@KaiThrun) schrieb:
17. August 2010 12:49weiß ich … trotzdem Danke!
Andreas Mauf schrieb:
17. August 2010 12:54Weißt Du bestimmt auch schon: Die kleine Verschiebung am unteren Ende der Sidebar-Trennlinie.
CiT (@KaiThrun) schrieb:
17. August 2010 13:24Nej, wusste ich noch nicht!
ForkingRobert schrieb:
17. August 2010 13:05Schönes Ding haste da gemacht. Respekt! Schön einfach, “smooth” und clean, aber trotzdem Wert auf Details gelegt! Das Kantenboxdingens (ach du weißt hoffentlich was ich meine xD) gefällt mir sowieso.
ah btw. habs zwar gerade in Twitter angekündigt, aber Andreas Mauf hats schon gesagt, unten gibts ne kleine Verschiebung nach rechts hin =)
Jan schrieb:
17. August 2010 13:33Hallo, sehr schönes und schlichtes Design! Und den einen Pixel Verschiebung des Footers kann ich auch bestätigen
Andreas Mauf schrieb:
17. August 2010 13:57Sagt mal: Ist das optisch eigentlich korrekt? Header und Footer haben ja links und rechts so einen 3D-Effekt jeweils nach außen. Müsste das nicht in dieselbe Richtung gegen?
maXus schrieb:
17. August 2010 16:57Schön Übersichtlich und schlicht, das gefällt. Jedoch finde ich die Header/Topnavi Kombination nicht sonderlich gelungen. Die Top Navi hatte ich erst als eine Art Breadcrumb wahrgenommen.
Auch Frage ich mich, warum du für die Navi, Header und Footer Grafiken genutzt hast. Das lässt sich doch alles wunderbar mit reinem CSS gestalten und spart somit deutlich an Ladezeit.
Sehe auch gerade, dass deine Lightbox scheinbar noch nicht ganz funktioniert: http://derwebarchitekt.de/summercamp-alfeld-das-resumee-einer-one-man-show/
Ansonsten wie schon gesagt, sehr schön gemacht.
Gruß Marcus
CiT (@KaiThrun) schrieb:
17. August 2010 17:29Servus Marcus,
zum CSS und dem Footer/Header gebe ich dir natürlich recht. Ganz ehrlich? Ich hatte kein Bock. Letztlich sollte es “schnell” gehen und dennoch halbwegs ordentlich aussehen.
Nun deutlich an Ladezeit spare ich auch, wenn ich FB rauswerfe und vor allem Twitter. Ich werde es auf die Liste “nice to have” mit aufnehmen und in den nächsten Wochen, sofern ich Zeit finde ausbügeln.
Ja das Ding mit der Lightbox ist mir gestern auch aufgefallen, nervt mich auch etwas. Allerdings hatte ich nicht mehr die Geduld mich darum zu kümmern. Ich habe schon so eine Vorahnung, mal schauen, vor dem Wochenende schaffe ich es vermutlich nicht.
Danke für deine Anmerkungen und die damit verbundenen Anregungen.
Kai
Christian schrieb:
18. August 2010 18:36Schickes Layout. Sehr schlicht, jedoch einladend und ein frisches wohltuhendes Orange. Gefällt mir sehr gut und man sieht an den Kommentaren das es auch gut bei vielen anderen Besuchern ankommt. Viel Erfolg noch wünscht ein Stammleser
Falk Hedemann schrieb:
18. August 2010 19:24Schön schön Kai!
Besonders gefällt mir die mitlaufende Socialbox, auch wenn da jetzt das neue Design des Facebook Buttons nicht mehr ganz reinpasst
Wie Du ja selbst schon zugegeben hast, hast Du beim Header etwas Zeit gespart – was man wie ich finde auch sieht. Zum einen weil er recht linkslastig wirkt und zum anderen sind mir die Profil-Button einen Tick zu sehr versteckt. Finde ich zwar alles nicht weiter schlimm, aber Du als Perfektionist wirst Dir den Header sicher noch mal vornehmen.
Gruß Falk
Fabian Beiner schrieb:
22. August 2010 11:06Gefällt mir ganz gut – jedoch fehlt mir ein :hover für die Hauptnavigation.
CiT (@KaiThrun) schrieb:
22. August 2010 11:44welcher Browser?
oder mal die Gamma von 100% runterstellen ?
Tom schrieb:
25. August 2010 08:10Alles in allem gefällt mir das Design auch, somit “Daumen hoch”. Jedoch kann ich mich Falks Meinung nicht anschließen. Das “Gehüpfe” der Socialbox finde ich doch recht störend. Und Firebug meldet auch noch einen Menge an CSS-Fehlern, aber die wolltest du ja am Wochenende angehen.
Gruß, Tom