Templaterie Blog

Sprechende Klassen für die Sonderfälle eines Postings

Wenn man so alleine vor sich hinblockt hat man sich einige Arbeitsroutinen und kleinen CSS-Helferleins angelegt. Ich bemühe mich so wenig wie möglich noch separat aufschreiben zu müssen. Und so sind viele CSS-Klassen sprechend, trotzdem wäre es ziemlich viel verlangt, würde man von seinen Mitautoren verlangen, diese ganzen Klassen zu lernen.

Für diesen Fall sind die Quicktags eine praktische Sache und zum Glück gibt es ein kleines Plugin, mit dem man diese erweitern kann: WP-AddQuicktags
(more…)

Filed under: Design, In eigener Sache
1 Comment

die stellt Segert.net Weblog auf (meine Antworten direkt drunter):

1. Wie wichtig sind Dir Kategorien und Archiv in einem Weblog?
   Das Kategoriearchiv ist bei mich interessierenden Themen superwichtig. Was nützt die Suche, wenn ich nicht weiss, wonach ich suchen soll? Lieber eine Kategorie “XYZ”, “ABC”…. noch besser wäre es, die Artikel wären innerhalb der Kategorien sortierbar nach Hits, Kommentaren und nicht immer nur nach Chronologie.
2. Ist Dir der Permalink auf der Überschrift selbstverständlich geworden oder erwartest Du einen Textlink in der Infoleiste?
   Überschriftslink = sehr praktisch, Beinbruch nein wenn nicht, wenn ich den Permalink nicht suchen muss (B2Evolution ist mein Nervsystemkandidat No.1 für sowas).
3. Vermisst Du unterstrichene Links oder reicht Dir eine Hervorhebung durch Farbe oder Textauszeichnung?
   Egal, Hauptsache Link erkennbar. Großes NoGo = Affiliate oder Sponsored Links, die nicht als solche gekennzeichnet sind.
4. Manche Infoleisten sind sehr karg, andere wiederrum enthalten reichlich Info. Welche bevorzugst Du und warum?
   Mir egal, solange es zum Blog passt und ich das, was ich suche, nicht in der 10. Menuebene wiederfinde
5. Welche Dinge nerven Dich an der Gestaltung von Weblogs am meisten? Zu kleine Schrift, Überladung, Kommentare im PopUpFenster, technische Spielereien, kaum wahrnehmbare Linkkennzeichnung?
   Zu kleine Kommentarfenster, kleine Fizzelschrift in Kommentaren, graue Vertikalstreifen in Kommentaren, rote Unterstrich unter Artikel, komische Pixelfigur links in Sidebar = Alles Segert.net, jedem Blog das seine
6. Hast Du zuguterletzt ein oder mehrere Beispiele für Weblogs, die Dich im Hinblick auf Benutzerfreundlichkeit fast glücklich machen?
   Glücklich machen die Blogs, die mich nicht unglücklich machen hinsichtlich Benutzerfreundlichkeit. Übergrlücklich machen mich die Blogs, die zum Thema und zur Person passen.

Filed under: Design
2 Comments

So nachdem ich einige Dinge heute habe umschiffen dürfen und so Manches mal wieder nicht so funktioniert, wie es die Theorie eigentlich vorsieht, hat es nun doch soweit geklappt. Das Template ist durch die wichtigsten Tests auf meiner lokalen Platte mit bravour durchgekommen.

Ich habe es mutig schon einmal in den Shop gestellt, obwohl noch einige Mac und Linux Tests fehlen, doch einmal von 0.03 % Mac-Usern und ich weiß nicht wie hoch der geschätzte iCab-Benutzeranteil im Internet ist, habe ich keine Probleme mehr gehabt in den Designs, wenn diese W3C-Standardskonform und in den Browsern IE6, Firefox 1.x und Opera 7-9 in Ordnung ware und da grundsätzlich die Sites benutzbar sind, Nutzer von den älterne Systemen müssen schlimmsten Falls CSS deaktivieren, meistens ist das nicht nötig, sondern lediglich kleinere Darstellungsfehler nagen an meinen Nerven, denke ich auch jetzt wieder keine Probleme zu haben.

TC-0021a im shop
1:1-Screenshot bei Flickr

(more…)

Filed under: Design
No Comments

Nachdem ich den vertikalen Streifen nicht über doppelte Hintergründe erreichen konnte, habe ich mich Wohl oder Übel zu einem anderen Aufbau durchringen müssen. Aber Webentwicklung wäre nicht Webentwicklung, wenn nicht ein Browser mehr Heckmeck treiben würde, als es meinen Nerven gut tut. (more…)

Filed under: Design, Webtechniken
1 Comment

An diesem Entwurf arbeite ich im Augenblick. Es ist recht klassisch und simple, wäre da nicht mein Eigensinn. Ganz nach dem Prinzip “Content is king.” habe ich mir in den Kopf gesetzt wie bei den Meisten meiner Templates Den Inhalt in der Struktur an erster Stelle zu setzen und dann erst den Rest. (more…)

Filed under: Design, Projektplanung, Webtechniken
3 Comments

Das MrPunkin Blog weist ein interessantes Detail auf: Die Datumsanzeige als Lasche. Sieht nicht unschick aus und irgendwie auch witzig gelöst.

Filed under: Design
No Comments

Als ich das Bild der Ecke, das dieser Website seinen Ausdruck verleiht, in Photocase entdeckte, war ich begeistert von dem meditativen Charakter. Designtechnisch ist diese Site sehr einfach gestrickt. Es sind nur sehr wenige Farben eingesetzt und die wenigen Führungslinien habe ich mir erlaubt auch noch gegen die Führungslinien die der Würfel vorgibt zu setzen. Mehr als andere Hauptinhaltsbereiche braucht diese Seite kleine Thumbnails oder andere Eyecatcher, um das Auge zum Text hinzuführen.

Dieses Template ist anspruchsvoll, doch ist der Rahmen geeignet, um unter den Websites im Netz aufzufallen, wenn man diesem Template auf einer produktiven Website leben einhaucht. Ich kann mir verschiedene Gestaltungen für den Haupttextteil vorstellen, neben den hier verwendeten quadratischen Bildchen wäre auch ein schmales Panorama über die gesamte Breite eine gute Idee.

Im Shop unter Template TC-0039a zu finden.

Filed under: Design
3 Comments

Cornelius Gijsbrechts 1630

Cornelius Norbert Gijsbrechts ist ein Meister der Augentäuschermalerei. (Siehe auch das Bild von hinten … )

Die Malerei des Trompe-l’oeil, der Augentäuscherei, hat eine lange Tradition, die auch nicht vor dem Webdesign halt macht. Dich ist die Zahl der Websites, die ein Trompe-l’oeil gekonnt umsetzen klein. Umso mehr fallen mir Arbeiten auf, die das Trompe-l’oeil im Webdesign zu einer sehenswerten Website gestalten können, auch wenn das Beispiel im CSS-Zengarden nicht zu den Allerbesten zählt, ist es eine Vorstellung an dieser Stelle absolut wert.

Die Kunstfertigkeit in diesem Genre lässt jedoch meist zu wünschen übrig. Teils fehlen die Ambitionen, teils die Fähigkeit und nicht selten beides.
(more…)

Filed under: Design
1 Comment

Ich muss schon wieder mein Weblog als Gedächtnisstützer verwenden, denn nun habe ich schon zum dritten Mal die Site Browsershot.org nach dem Suchfeld für die Ergebnisse abgeklappert, um nach einer vergleblichen Klickrunde durch das Wiki auf der Startseite ohne Eintrag, blöd wie Stroh die Schaltfläche “Find Results” anzuklicken.

Liebes verschnarchtes ich,

gib einfach die URI, die Du vor einige Stunden in dieses Feld eingabst und klicke dann die Schaltfläche rechts neben “Screenshots machen”, dann listet das Skript dahinter für Dich alle Aufträge zur Eingabe, wenn man nur die Domain angibt sogar die Aufträge für Unterseiten.

Viel Spaß mit dem Formular.
Dein nicht so verschnarchtes ich.

Das wird helfen, dass ich hier nicht mehr nachsehen muss und es das nächste mal nicht wieder übersehe oder vergesse.

Filed under: Kaffeetscherl
No Comments

wie haben die Blogger ihre Kommentarliste und das Kommentarformular aufgebaut? Es gibt mittlerweile zig verschiedene Lösungen. Und SmileyCat.com hat sich die Mühe gemacht, eine Bildergallerie zusammenzutragen. Lohnt sich allemal als Inspirationsquelle.

Eines der innovatisten und ungewöhnlichsten Kommentartdesigns findet man auf Snook.Ca. Der Blogger dahinter, Jonathan Snook, wird dabei fabrlich abgehoben, wenn er mitkommentiert. Auch eine interessante Lösung, insbesondere wenn die Kommentarfrequenz zunimmt (ab 50 Postings werden Diskussionen seitens der Leser nur noch gezielt gescannt). Viele schauen dabei primär nach dem Blogautor, der ja Auslöser der Diskussion ist.

Filed under: Design
1 Comment