CSS

Browsertests 2: IE-Darstellung online testen

Auf ein weiteres Tool zum Testen von Websites auf verschiedenen Browsern bin ich gerade bei Webmasterpro gestoßen:
NetRenderer fertigt Screenshots unterschiedlicher Browserdarstellungen an. Interaktive Elemente lassen sich damit natürlich nicht testen, dafür können die Renderings von Internet Explorer 6 und IE 7 überlagert werden, um Abweichungen sichtbar zu machen.
Die Beta 1 des Internet Explorer 8 […]


Browsertest: neues Tool für Internet Explorer

Die verschiedenen Internet Explorer bleiben das Sorgenkind der Webdesigner - zumindest bis die alten Versionen aus dem Rennen sind.
Nach ersten Verbesserungen im IE7, markiert der Internet Explorer 8 (Beta 1) zwar einen Quantensprung in Sachen Webstandards. Doch bis sich der neue Browser durchgesetzt hat, wird es noch einige Zeit dauern. Bis dahin bleibt es […]


Browserhacks in IE8 / CSS-Hacks testen

Mit jeder neuen Browserversion wird man daran erinnert, dass CSS-Hacks genau das sind, was der Name schon sagt: Hacks. Wie sie in kommenden Browserversionen interpretiert werden ist nicht vorhersehbar. Grund genug, sie so weit wie möglich zu vermeiden. Denn die Chancen sind groß, dass ein Hack, der das Layout im alten Browser rettet, beim Nachfolgemodell […]


jQuery für Suckerfish Dropdowns

Ein gutes CSS-Dropdown-Menü ist eine feine Sache. Umso mehr, wenn es barrierearm daher kommt und in standardkonformen Browsern kein JavaScript benötigt.
Die Suckerfish Dropdowns von Patrick Griffiths und Dan Webb gehören zu dieser Gruppe erfreulich durchdachter CSS-Navigationen. Ein Artikel bei A List Apart erklärt den Aufbau ausführlich, so dass ich mich hier den unwichtigen Details zuwenden […]


CSS: Em Calculator hilft bei skalierbaren Layouts

Der EM Calculator macht die Berechnung von Em-Werten besonders intuitiv.

Die Struktur eines HTML-Dokuments kann mit wenigen Klicks grafisch nachgebaut werden.
Schriftgrößen in Pixel werden, abhängig von der Position des jeweiligen Elements, automatisch in Em umgerechnet. Das Ergebnis kann gespeichert und später wiederverwendet werden.


Schriftgröße: Pixel in em umrechnen

Im Online-Magazin A List Apart ist ein neuer Beitrag über Schriftgrößen in CSS erschienen.
Richard Rutter kommt in seinem Artikel unter anderem zu dem Schluss, dass die meisten aktuellen Browser von einer voreingestellten Textgröße von 16px ausgehen:
How to Size Text in CSS


Aufgeräumt arbeiten mit Tidy für HTML und CSS

Durch die Trennung von Markup und Layout ist der Quellcode von Websites zwar weniger umfangreich geworden, übersichtlicher oder gar fehlerfreier wurden er dadurch aber nicht unbedingt.


Cssdoc als Standard zur Stylesheet-Dokumentation

Was sich für die Dokumentation von Programmcode bewährt hat, macht auch für CSS Sinn und lässt auf übersichtlichere Stylesheets hoffen.
In der Dokumentation von CSS sollten vermehrt Tags nach Javadoc Standard verwendet werden, schlägt Tom Klingenberg von der PHP User Group Ffm vor.


HTML mit CSS & XHTML - Lehrbuch für Webdesigner

HTML mit CSS & XHTML von Kopf bis Fuß - Webdesign-Lehrbuch - O’Reilly
Das sonst meist trockene Fachthema Webdesign in XHTML & CSS wird in diesem Buch mal gründlich “entstaubt”.


CSS-Hacks für den Mac – Browserweichen für Safari, iCab und IE5/Mac

Seit iPod, MacBook & Co wächst die Zahl der Apple-Fans wieder stetig. Steve Jobs Firma scheint es endlich geschafft zu haben, das Loser-Image und damit die schlechten Verkaufszahlen der letzten Jahre hinter sich zu lassen.
Im vierten Teil der Reihe Browserweichen & CSS-Hacks stelle ich einige CSS-Techniken speziell für die Mac-Browser Safari, iCab und IE5/Mac vor.