Anfänger-CSS-Tipps für deinen Blog

Für viele Leute ist der Einstieg in die Webentwicklung und die wunderbare Welt von CSS über das Bloggen. Sie fangen mit dem Bloggen an, weil es so einfach ist und man überhaupt keine Designkenntnisse benötigt. Schon bald überkommt sie der Wunsch, das Design ihrer Seite ein wenig zu verändern, um einer neuen Idee Rechnung zu tragen, und sie finden sich immer tiefer darin wieder, wie ihr schickes Blog funktioniert.

Früher oder später stoßen sie auf die fette und saftige style.css-Datei und ihre Augen öffnen sich für die Möglichkeiten. Wenn das auf dich zutrifft, hier sind einige Tipps und Dinge, die du beachten solltest.

1. Sorge für eine gute Typografie für deinen Hauptinhalt. Die Leute kommen auf deine Seite und kommen wieder, weil sie deinen Inhalt mögen. Natürlich solltest du eine gute Typografie auf deiner gesamten Seite haben, aber du solltest wirklich sicherstellen, dass dein Hauptinhalt sehr gut lesbar ist. Unten ist ein Beispiel für sehr gut lesbare Typografie. Die Hintergrundfarbe und die Farbe würden wahrscheinlich auf das Div deines Hauptinhalts angewendet und der Rest auf das <p>-Tag.

   background-color: white;
   color: #1c1c1c;
   font-family: helvetica, sans-serif;
   font-size: 12px;
   line-height: 18px;
   text-indent: 25px;
   margin-bottom: 20px;

2. Gestalte deine Blockquotes ansprechend. Mehr dazu, wie du Blockquotes mit CSS formatierst, gab es diese Woche.
3. Berücksichtige deine Kommentatoren. Wenn dein Blog keine unglaubliche Menge an Kommentaren hat, lass deine Kommentatoren nicht registrieren, bevor sie kommentieren. Das ist einfach nervig und es werden viel weniger Leute kommentieren. Außerdem schadet es nicht, eine ansehnliche Textarea und einen Senden-Button zu haben. Es gibt Plugins, die es Kommentaren erlauben, Benachrichtigungen über Kommentare zu bestimmten Beiträgen zu abonnieren. Ich weiß, dass einige Besucher das wirklich mögen (lass es aber standardmäßig deaktiviert).
4. Teste deine Änderungen auf allen Seiten deines Blogs. Da Blogs Datenbanken verwenden und auf Dingen wie PHP laufen, sind sie auf deinem lokalen Rechner etwas schwierig zu betreiben, ohne ziemlich solides technisches Know-how. Daher machen viele Leute "Kommando" und bearbeiten ihr CSS direkt auf ihrem Live-Blog. Das ist ein wenig beängstigend, denn du könntest wirklich etwas kaputt machen, wenn du nicht weißt, was du tust, oder sogar wenn du es tust! Mache bei jedem Kommando-Editing eine Sicherungskopie deines CSS, die du schnell wieder hochladen kannst, wenn etwas schief geht. Bei diesen Kommando-Änderungen neigt man dazu, die Änderung vorzunehmen und dann die Homepage neu zu laden, um deine Änderungen zu sehen. Denke daran, dass (in den meisten Fällen) CSS alle deine Seiten beeinflusst, nicht nur die Homepage! Nachdem du CSS-Änderungen vorgenommen hast, stöbere auf deinem Blog herum und stelle sicher, dass das, was auf einer Seite wie eine gute Änderung aussieht, nicht eine andere Seite kaputt macht.
5. Denke daran, deine Änderungen in allen wichtigen Browsern zu testen. Ziemlich selbsterklärend. Wenn du vom Mac-Typ bist, wirst du wirklich einen Weg finden müssen, deinen Browser in IE 6 anzuzeigen. Das kann die Verwendung von Parallels, VMWare, Bootcamp, einer alten Windows-Box, die du auf dem Schrank hast, oder das Anrufen deines Kumpels um 3 Uhr morgens sein, damit er dir einen Screenshot schickt. So oder so, es muss erledigt werden.
6. Validiere dein CSS. Schick dein CSS ruhig durch die Mangel und stelle sicher, dass es den Test besteht.