Das neue Design ist angekommen.

Fast zwei Wochen hat es nun gedauert bis ich alle Sachen die ich wollte umgesetzt hatte. Durch die etwas stressigen ersten Tage Hochschule wieder, hat es sich alles etwas verzögert. Aber hier ist es nun. Der fünfte Design-Change in der Geschichte des Blogs, schätze ich. Jedenfalls heißt es knuspermagier-5.0.
Unschwer zu erkennen gab es einige grundlegende Änderungen. Zum einen ist alles nun heller. Das dunkle im alten Design wurde mir irgendwie langsam zu düster. Aber das ist eh so ein Wechsel bei mir — das nächste Design wird wahrscheinlich wieder schwarz. Außerdem kann man erkennen das ich kaum Farben verwendet habe. Liegt daran, dass ich bei Farben kein glückliches Händchen habe. Der Blocksatz ist ebenfalls erstmal Geschichte, da er im Browser dann meist doch nicht soo toll aussieht.
Dem geneigten Leser wird auch aufgefallen sein, dass es nun alles Breiter ist. Korrekt. Von zuvor 700 Pixel bin ich nun auf 900 Pixel Breite gegangen und droppe damit den 800×600-Support. Eigentlich wollte ich auch den IE 6 Support droppen, hab mich dann aber doch dazu hinreißen lassen ein paar Fixes dafür zu schreiben, damit die Leute, die den Blog hier von der Arbeit aus lesen, nicht benachteiligt sind. Durch die Verbreiterung werden die bisher 700 Pixel breiten Bilder nun vom Browser auf die neue Breite hochskaliert. Beim Firefox und Webkit sieht das in Ordnung aus, bei den anderen Browser, naja. Aber ich empfehle eh Firefox oder Webkit, da ich hier CSS3-Anweisungen verwende, die andere Browser nicht können1.
Das grandioseste neue Feature ist natürlich das Herz. Probiert es einfach mal aus, die Effekte werden euch sicher vom Stuhl hauen! Im Grunde ist es aber nur ein einfaches ‘Like’-Feature wie bei Facebook. Leute die keine Lust haben einen Kommentar zu hinterlassen, den Beitrag aber trotzdem toll finden, können kurz da klicken und dann freu ich mich. Außerdem gibt’s unten rechts noch abgefahrene Twitter- und Facebook-Knöpfe mit denen ihr euren Freunden von genialen Blogeinträgen in Kenntnis setzen könnt. Wer sich das Internet gern ausdruckt wird sich zudem sicher über das print-Stylesheet freuen.
Ebenfalls überarbeite wurde die Review-Übersichtsseite, schauts euch einfach mal an. Sogut wie alle Plugins hab ich auch selber (neu)geschrieben2 da die Meisten die es so gibt sich nich immer exakt so verhalten wie ich es gerne will. Und wenn man die dann anpasst hat man nur Probleme bei Updates der selbigen. Daher alles Eigenentwicklungen.
Mit Header und Footer bin ich noch nicht so übermäßig zufrieden, da ließ meine Kreativität dann etwas nach. Vielleicht kommt da nochwas. Ebenfalls Versuch ich noch eine iPhone-kompatiblere Sache zu gestalten.
Ich hoffe es sieht nicht ganz bescheuert aus, mir gefällts jedenfalls. Falls ich noch nen Darstellungsfehler in irgendeinem gängigen Browser vergessen habe, oder bei anderen Anmerkungen einfach kommentieren. Viel Spaß.
Fußnoten
- rgba-Farben, text-shadow, box-shadow
- Twitter-Post, Flickr-Galerie, Fußnoten, Like-Knopf, Reviewdatenbank, …
andy:
Ich finds gut.
Antworten
Reini:
Finde es ganz gut. Vor allem die Herzchen <3
Aber meiner Meinung nach leidet die (bequeme) Lesbarkeit etwas unter der vergrößerten Breite.
Antworten
freakysheep:
sieht nett aus, so insgesamt. auch die like-animation – obwohl enten doch cooler sind.
Antworten
Yannick:
Ist kuul geworden!
Antworten
Basti:
Ich mags auch, besonders weil ich sogerne an Knöpfen rumspiele1
Antworten
Tobi:
Klare Struktur, schöne Aufmachung der Schriftarten und Schriftgrößen, das Bild ist schick.
Was mich etwss stört ist die allgemeine Breite, das Textfeld ist soooo breit :<
Suche wahrscheinlich absichtlich son dunklen background, wers net rafft, klickt net rein ;D
Kannst aus dem Kram unten vllt noch eine "nicht-javascriptige" Dropdown machen, die bleibt, wenn man mal drüber gefahren is?
Sonst scrollt man ganz runter und sieht gar net mehr den Artikel ;D
So meine Anmerkungen, was mich stören würde – sonst cool *Daumen hoch*
Antworten
andy:
@Tobi: Meinst du das Kommentar-Eingabe-Textarea? Oder den Blogpost-Text?
Und zum Footer: Ja, wie gesagt da ist noch Optimierungspotential, werd die nächsten Tage mal darüber nachdenken.
Danke jedenfalls an alle
Antworten
maatien:
Ich finds nett! Klar und minimalistisch fetzt.
Aber man könnte vielleicht noch die Anzahl der Like’s irgendwo ausgeben – oder ich habs übersehen
Antworten
maatien:
Ok, gefunden. Mhpf…
Antworten
Ein anonymer Mtz:
den header find ich nich so toll aber sonst sehr schön!
Antworten
Leo:
Nun kann ich das neue, finale Design endlich am PC betrachten. Finde es sehr gelungen. Top Arbeit!
Antworten
Daniel:
Der Spezialsupport für internationale Großkonzerne (aka IE6 Hacks) funktioniert auch einwandfrei.
Antworten
Tobi:
Besser als das alte!!!
Antworten
Gilly:
Sauber, allerdings würde ich es besser finden, wenn das Herz erst nach dem Like rot wird. Andersrum ist irgendwie verwirrend.
Antworten