30 Funny Print Ads that’ll Make You Laugh
Webdesignledger hat vollkommen recht, wenn sie zu Beginn des Artikels feststellen, dass man gerade im Bereich der Printanzeigen nur eine minimale Chance hat mit seiner Werbebotschaft Aufmerksamkeit zu erregen. Als positive Beispiele führt WDL 30 zum Teil wirklich zum schreien komische Anzeigen aus der jüngeren Vergangenheit auf. Mein persönlicher Favorit kommt übrigens vom DOSB direkt aus Deutschland.

Website Content Planning the right way
Viele Websiteprojekte ziehen sich unnötig in die Länge, weil dem Kunden am Ende auffällt, dass ein eigentlich gewünschter Inhalt gar nicht oder nur unzureichend abgedeckt wird. Um den Frust einer solchen Situation zu verhindern hilft vor allem eines: Richtig planen. Smashingmagazine hat in einem recht umfangreichen Artikel aufgezeigt, wie es gehen könnte, es werden alle wichtigen Arbeitsschritte im Vorfeld der eigentlichen Umsetzung aufgezeigt. Als Ergänzung empfehle ich noch Webdesignledgers Auflistung 10 excellent tools for creating wireframes.

Plasticine Art Showcase . Shape your imagination
Von Smashingmagazine kommt der zweite Showcase-Artikel in dieser Aufzählung. Diesmal geht es wieder um eine Verbindung von Handwerk im wahrsten Sinne des Wortes und digitaler Nachbereitung, es geht um Plasticine-Art. Wer von uns hat als Kind denn nicht mit Knetgummi gespielt? Um so beeindruckender, was passiert, wenn Erwachsene damit spielen.

How to Target IE 6,7 and 8 in your CSS
Nettuts zeigt in diesem Tutorial (teilweise Video) einen mir bisher unbekannten Weg auf, im Stylesheet den IE 6, 7 und 8 entweder gesamt oder jeweils einzeln anzusprechen. Darüber hinaus wird auch noch auf die eigentliche und prinzipiell auch einzusetzende Methode mit Conditional Comments hingewiesen und erklärt warum diese sicherer ist. Fürs schnelle Debugging taugt die aufgezeigte Methode aber alle mal.

And then there was Salsa
Den letzten Link kann man schwer beschreiben, man muss es einfach gesehen haben. Tolles Beispiel für überraschende Werbung. PS: Lass dich nicht vom langsamen Beginn abhalten.

Designer und Werber am Ende?
Die aktuelle PAGE beschäftigt sich mit dem Wandel der Kreativen-Welt. Die Digital Natives rollen das Interactive Feld von hinten auf und bringen jede Menge neues Denken und Arbeitsweisen mit. Damit drängt sich unweigerlich die Frage auf, als was und woran genau wir in Zukunft arbeiten werden, die klassischen Berufsbilder des Art Directors oder des Programmierers ändern sich. Über mehrere Seiten hinweg zeigt die PAGE Risiken und Chancen des Wandels auf und informiert über neue, gerade entstehende Berufsbilder.

Internet 2009 in numbers
Pingdom listet einige wirklich unglaubliche Zahlen zum Internet auf. So wurden im Jahr 2009 zum Beispiel 90 Trillionen E-Mails verschickt und monatlich 2,5 Billionen Fotos auf Facebook hochgeladen. Die Zahlen entstanden meistens aus Kalkulationen basierend auf einer großen Bandbreite an Quellen. Wären sicher auch interessante Fragen für den Herrn Günther Jauch und seine Show!

Code a Backwards Compatible, One Page Portfolio with HTML5 and CSS3
HTML5 und CSS3 gehört im Webdevelopment und -design die Zukunft. Größtes Hindernis momentan ist die noch relativ geringe Verbreitung an Browsern und Browserversionen, die die komplette Bandbreite an HTML5 schon unterstützt. Inspect Element zeigt in diesem Tutorial auf, wie sich ein Template programmieren lässt, dass die Vorteile von HTML5 und CSS4 ausnützt, dabei aber trotzdem Abwärtskompatibel in älteren Browsern voll funktionstüchtig ist.

At work, part II
Knapp ein Jahr nach dem ersten Teil der Fotostrecke “At work” liefert der Photoblog des The Boston Globe Nachschub. Auf 45 großartigen Bildern zeigt der Fotograf, wie die Welt arbeitet, vom Siemens Monteur in Berlin bis zum Erdbebenhelfer auf Haiti. Besonders gut gefallen mir die kurzen aber informativen Hintergrundinfos, die zu jeder Aufnahme geschrieben wurden. Reicht locker für eine oder zwei Mittagspausen, beim ersten Mal drüberscrollen kann man gar nichts alles erfassen.

[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