Pascal Hertleif

Herzlichen Willkommen zum neuen PascalHertleif.de. Ich habe knapp alles neu gemacht, an meine heutigen Ideen angepasst und auch technisch gesehen so gut wie alles zweimal über den Haufen geworfen. Und es hat gerade einmal ein Jahr gedauert. Hier ein viel zu langer Artikel über all diese Neuerungen.

Start

Alles beginnt mit und auf der Startseite. Fast jeder neue Besucher kommt zuerst hier an, und er/sie sollte auch direkt einen Überblick bekommen, um was es hier geht. Geniale Idee, die hier entstand: Untertitel für jede Seite, direkt unter dem Header (das "Pascal Hertleif" auf grün), groß, auffällig und fast immer zweizeilig und mit Hervorhebungen.

Rechts daneben (und genau so hoch) findet sich die Navigation, welche von fünf Wörtern in gelb oder grün-grau geprägt ist und eine große, geschweif­te Klammer links daneben hat -- welche ganz magisch auf die aktuelle Position zeigt. Die Klammer ist ziemlich cool, oder?

Darunter geht's weiter mit drei kleinen Blöcken zu den drei Bereichen der Seite: Blog, Fotos und Projekte. (Und damit meine ich jetzt nicht nur die Startseite, sondern auch diesen Text.)

Artikel

Ich schreibe gerne, auch gerne mal etwas mehr. Wenn ich mit diesem Artikel hier fertig bin, werde ich bestimmt schon ein paar Tausend Wörter zusammen haben. Und, apropos, das hier ist schon mein zweiter Versuch. Den ersten habe ich gelöscht, der war so lang, den hätte ich nichtmal selbst gelesen.

Jedenfalls, zu den langen Artikeln. Meinen persönlichen Blog hatte ich vorher ausgelagert auf killercup.de, jetzt ist er direkt hier. Das bedeutet, auch die meis­ten Ar­ti­kel sind jetzt hier. Ein paar haben den Umzug auf Grund von neuerer Irrelevanz und Missgefallen auf Seiten des Autors leider nicht überstanden. Auch habe ich Abschied von den Kommentaren genommen, die einerseits kaum benutzt wurden und andererseits auf der neuen Seite weiteren technischen Aufwand bedeutet hätten. Wenn genug Interesse besteht, kommen die aber wieder.

Stilistisch gesehen musste ich auch einiges ändern, denn ich wollte, dass man sich einen Artikel bequem hier auf der Seite durchlesen kann. Auch, wenn man schlecht sehen kann, unglaublich hohe Ansprüche an Typographie stellt und/oder ADHS hat. Geholfen dabei hat mir die Schrift "Droid Serif", die in Kombination mit unglaublich großer Zeilenhöhe (zumindest meiner Meinung nach) gut in das sonstige Schriftbild passt und sich ausgesprochen gut lesen lässt.

Außerdem musste ich noch was gegen den Klimawandel Textwüsten tun. Deswegen haben manche Artikel jetzt mittendrin (bzw. rechts außen, um genauer zu sein) besonders tolle Phrasen nochmal hervorgehoben. Und statt einfachen Bildern habe ich manchmal coole Slideshows eingebunden, die auch rechts am Rand sind.

Statt den regulären Blog-Seiten (Blättern, Kategorien ansehen, nach Datum sortieren, etc.) habe ich dann auch passender Weise wieder die minimalere Variante genommen. Einfach eine Liste. Erinnert mich etwas an ein Inhaltsverzeichnis, soll auch genau ein solches sein. Man kann dank Google auch suchen, sogar nicht nur hier, sondern auch auf anderen relevanten, mich betreffenden Seiten. Wenn euch etwas hier gefällt, könnt ihr es auch gerne direkt flattern.

Fotos

Ebenso wie man die Artikel einfach ohne Schnick-Schnack lesen können soll (erwähnte ich, dass es keine Tags, Kategorien, Vorschaubilder oder Ratings gibt?), so sollte man auch auf der Foto-Seite nur das zu sehen bekommen, weswegen man da ist. Fotos. Aber bei Fotos ist es immer wieder schwer, eine für jedes Motiv passende Präsentation hinzubekommen. Viele Bilder wirken ganz anders, wenn man sie in groß (an einer Wand) sieht.

Klickt man rechts auf "Fotos", sieht man den normalen Rahmen der Seite (den ich nicht brechen wollte) und -- ein Foto. Wartet man ein wenig, gibt es eine Animation und es kommt ein weiteres Foto. Geht man mit der Maus über das Foto, kann man sich auch mittels Pfeilen rechts und links durch die Slideshow bewegen. Unter dem Foto, immer noch im breiten schwarzen Rahmen der Slideshow, steht dezent der Titel des aktuellen Fotos. (Dieser wird direkt aus dem IPTC-Tag der Bild-Datei ausgelesen, sehr clever & bequem. Danke, Stacey.)

Projekte

Ich möchte euch gerne zeigen, was ich schon so alles gemacht habe. Meine Fotos habt ihr schon gesehen, auf der Projekt-Seite findet ihr meine Webdesigns. Ähnlich wie die Fotos sehr einfach gehalten, für jedes Projekt einen kleinen Kasten mit Screenshots (als Slideshow, probiert's aus), Titel und Datum.

Ich habe überlegt, ob ich mehr zeigen soll oder ob ich noch mehr dazu schreiben sollte. Ich hab's nicht getan. Wichtige und/oder gute Projekte kann ich ja auch hier im Blog erwähnen.

Über

Nächster und letzter Punkt in der Navigation ist die Über-Seite. Und Über-Seiten sind schwer zu schreiben! Jedenfalls für mich. Also habe ich mich entschieden, alles eher stichwortartig zusammen zu fassen. Vielleicht findet ihr ja etwas wichtiges über mich darin.

Technik Technik Technik

Bisher habe ich mich ja zurück gehalten, aber jetzt will ich auch etwas zu der Technik sagen, die das Ganze hier antreibt. Angetrieben wird alles von einem kleinen, übersichtlichen und genialer-weise auf Textdateien basierenden CMS namens Stacey. Schaut es euch an, es ist cool. Ich habe auch schon einige kleine Teile zu der Entwicklung von Stacey beigetragen, zu sehen in meinem Fork auf Github.

Web-Tech­no­logie-tech­nisch bin ich gerade auch auf ziemlich aktuellem Stand. Obwohl ich wirklich wenig Features davon benutze, ist diese Seite z.B. schon HTML5, benutzt ein paar Microformats hier und da und sollte eigentlich sogar nach diesen Standards validieren. Etwas mehr Gebrauch mache ich dagegen von CSS3. In jedem halbwegs aktuellen Browser werden so u.a. ein paar Fonts geladen (Graublau Web und Droid Serif) und einige Dinge ganz nett animiert. Außerdem haben in den "guten" Browsern die Header-Grafik und der weiße Inhaltsbereich einen Schatten, desweiteren ist das Foto auf der Startseite etwas geneigt.

Fazit

Schön, wieder etwas neues zu haben. Ich hoffe euch gefällt es auch. Über jegliche Kommentare würde ich mich sehr freuen, schreibt mir einfach auf Twitter oder per Mail.