[code lang="css"]body {margin:0;}[/code]

Vorteile eines Resets
Neben dem body-Tag haben noch viele andere HTML Objekte vorgegebene CSS-Werte, zum Beispiel Headings oder Absätze. Richtig “lustig” wird das ganze, wenn man sein Layout in unterschiedlichen Browsern betrachtet. Wie umfangreich diese Deafult-Sheets sind kann man sich schön anhand von Firefox ansehen. Im Installationsordner unter res/html.css findet sich die Standardkofinguration des Firefox, immerhin stolze 530 Zeilen Code (ca.). Kein Wunder, dass es bei anderen Browsern zu Unterschieden kommt.

Die Vorteile eines CSS Resets liegen also auf der Hand. Mit einem umfangreichen Reset, erhöht sich die Chance, dass das Layout über viele Browser hinweg gleich aussieht. Außerdem ist es sehr schwer, alle Standardformatierungen zu kennen, setzt man hingegen alle auf einen festen, vorgegebenen Wert weiß man beim coden direkt, woran man ist. Zumindest in meinem Fall hat sich dies positiv auf meine Geschwindigkeit beim CSS-Layouten ausgewirkt. Darüber hinaus fühle ich persönlich mich wohler, wenn ich die volle, gerne auch pixelgenaue Kontrolle über mein Layout habe.

Welche Resets gibt es
Der einfachste CSS Reset setzt margin und padding für alle Elemente auf 0, er würde so aussehen:

[code lang="css"]
* {
    margin: 0;
    padding: 0;
}
[/code] 

Ich persönlich nutze Eric Meyers Reset mit ein paar von Projekt zu Projekt unterschiedlichen individuellen Anpassungen. Dieser Reset ist der umfangreichste, den ich bisher gefunden habe. Natürlich kommt es vor, dass man bei manchen Attributen die Standardwerte wieder hinzufügt, zum Beispiel die Schriftgrößen der Headings. Wie gesagt habe ich es aber lieber, die volle Kontrolle über mein Layout zu haben, deshalb nimm ich diese wenigen Zeilen Code, die ich wieder hinzufügen muss, gerne in Kauf. Hier der CSS-Code:

[code lang="css"]html, body, div, span, applet, object, iframe,
h1, h2, h3, h4, h5, h6, p, blockquote, pre,
a, abbr, acronym, address, big, cite, code,
del, dfn, em, font, img, ins, kbd, q, s, samp,
small, strike, strong, sub, sup, tt, var,
dl, dt, dd, ol, ul, li,
fieldset, form, label, legend,
table, caption, tbody, tfoot, thead, tr, th, td {
	margin: 0;
	padding: 0;
	border: 0;
	outline: 0;
	font-weight: inherit;
	font-style: inherit;
	font-size: 100%;
	font-family: inherit;
	vertical-align: baseline;
}
/* remember to define focus styles! */
:focus {
	outline: 0;
}
body {
	line-height: 1;
	color: black;
	background: white;
}
ol, ul {
	list-style: none;
}
/* tables still need 'cellspacing="0"' in the markup */
table {
	border-collapse: separate;
	border-spacing: 0;
}
caption, th, td {
	text-align: left;
	font-weight: normal;
}
blockquote:before, blockquote:after,
q:before, q:after {
	content: "";
}
blockquote, q {
	quotes: "" "";
}
[/code]

Mehr Infos und nützliche Links

• A Killer Collection of Global CSS Reset Styles (Persihablepress.com
• CSS Tools: Reset CSS (Eric Meyer)
• Reset Reloaded (Eric Meyer)
• CSS Frameworks + CSS Reset: Design From Scratch (Smashingmagazine.com

Template Entwicklung systematisieren
Wärend ich bei der Screendesignentwicklung in Photoshop inzwischen bestehende Abläufe habe, die bei nahezu jedem Projekt gut funktionieren, fehlt mir der klare Workflow für das Programmieren eines Templates noch. Zwar haben im letzten Jahr Entdeckungen wie diverse CSS Resets und das whiteboard Framework gerade meine WordPress Theme Entwicklung maßgeblich beeinflusst und am Ende auch schon beschleunigt, trotzdem verbringe ich gefühlt noch zu viel Zeit mit Herumprobieren oder googlen nach Lösungsansätzen.

Darum mein Vorsatz: Templates programmieren muss flüssiger und schneller gehen. Hast du ein paar gute Tipps hierfür?

Typografie verbessern
Als ich meine Ausbildung begonnen habe, dachte ich eigentlich, ich wüsste schon alles, was man so in der Berufsschule lernt. Das traf auch auf einige Dinge zu, nicht aber auf Typografie. Im Gegenteil, ich habe schnell gemerkt, dass ich eigentlich gar nichts weiß. Wie die meisten, die sich Webdesign selbst und mit google beigebracht haben, habe ich den Wert guter Typo deutlich unterschätzt. Klar, gäbe es eine Hölle für Typographen, so fände man sie vermutlich im Internet aber umso wichtiger ist es eigentlich, das Beste aus den wenigen Einflussmöglichkeiten, die wir haben, herauszuholen.

Darum mein Vorsatz: Meine Typographie-Skills müssen deutlich besser werden! Beginnen werde ich mit dem Guide auf http://webtypography.net/ – hast du noch weitere Vorschläge?