NetNewsWire Styles
Die neue Version des RSS-Readers „NetNewsWire“ besticht unter anderem durch das Feature, einzelne Einträge mit Hilfe eines CSS-Files den eigenen Vorlieben entsprechend zu stylen. Einer meiner Favoriten ist mit Abstand „Spotlight“ von Matthew Maber.
Apples Spotlight als Vorbild
Schon der Name des Styles zeigt unmissverständlich woran sich dieser Theme orientiert — an Apples neuer Suchengine, welche mit Mac OS X Tiger Anfang nächsten Jahres ausgeliefert werden soll. Kernstück des Themes ist der markante horizontale, im Aqua-Stil gehaltene Balken im oberen Bereich.
Die Lesbarkeit der in weiß gehaltene Überschrift wird durch einen
leichten Schlagschatten (mit Hilfe der CSS-Property text-shadow)
erhöht. Dies ist möglich, da NetNewsWire auf die Rendering-Engine von
Safari zurück greift — Safari ist ja bekanntlich der derzeit einzige
Browser, welcher dieses spezielle CSS-Attribut unterstützt.
Feinschliff
Obwohl das von Matthew Maber bereit gestellte CSS bereits sehr gut ist, konnte ich mich nicht zurück halten an der einen oder anderen CSS-Regel noch ein wenig zu feilen. Ich habe also…
- allen Texten einen etwas großzügigern Abstand zum Rand hin zugewiesen
- die maximale Breite des Fließtextes auf ca. 65 Zeichen beschränkt, wodurch die Lesbarkeit längerer Passagen verbessert wird
- den Schlagschatten der Überschrift verstärkt, wordurch die Lesbarkeit auf helleren TFT-Displays verbessert wird.
- die Display-Eigenschaft der Überschrift auf
blockgeändert, wodurch nun die gesamte Titelleiste klickbar ist. - einen leichten Hover-Effekt hinzugefügt, sobald der Cursor über den Balken bewegt wird.
