XHTML/CSS

CSSViewer: Firefox Extension

Each time I work on a web site I get into the embarrassing situation that I can’t tell why specific elements of a page behave in a certain way. Most of the time it’s just some sort of nesting respectively inheritance issue. But how can I find out which CSS properties apply to which element? continue

Custom DTD

A couple of months ago introduced you Safari’s new search field — a special HTML form component, that looks and behaves just as the search field of Mac OS. However there is one drawback: the custom attribute “search” prevents your site from validating. continue

Semantic Headers

Recently I stumbled upon an interesting article by Martin Labuschin, in which he describes how to create semantically correct web site headers. He suggests to make use of a h1 element and an arbitrary image replacement technique. continue

Centering items via CSS

Centering items is a frequent task when designing websites. But for people that are new to CSS it’s mostly kind of enigma how to center for example a whole website in browsers other than IE. For this reason I’ve created a short tutorial on how to achieve this task using pure CSS. continue

Mezzoblue im neuen Design

Dave Shea hat das Layout seiner Seite nun bereits zum zweiten Mal innerhalb kürzester Zeit aktualisert, was auf die weniger positive Resonanz in Bezug auf das vorhergehende Design zurück zu führen sein mag. Die neue Version besticht durch kräftige Farben und Liebe zum Detail — Gratulation. continue

Smart Lists: Hover-Effekt ohne Preload

Egal ob in Navigationen oder bei einfachen Links — subtile Hover-Effekte helfen dem User zwischen aktiven und inaktiven Elementen zu unterscheiden. Oft wird dabei auf leichte Änderung der Hintergrund- oder Schriftfarbe gesetzt. Doch wie können auch Bilder ohne Javascript-Preload ausgetauscht werden? continue

Smart Lists: grafische Aufzählungspunkte

Durch den immer stärkeren Fokus auf Web Standards, werden immer häufiger auch HTML-Listen nicht nur für Augzählungen sondern auch zur Erstellung von Navigationen verwendet. Bartelme Design zeigt, wie einfache Listen ansprechend und browserübergreifen gleich dargestellt werden können. continue

Drei neue Artikel auf „A List Apart“

Auf „A List Apart“ sind wieder neue Artikel veröffentlicht wurden — diesmal im Dreierpack: „Dynamic Text Replacement, Dynamically Conjuring Drop-Down Navigation und Creating Liquid Layouts with Negative Margins“. continue

Onion Skinned Drop Shadows

Brian Williams beschäftigt sich in seinem neuen Artikel mit dem Erstellen von Schlagschatten. Obwohl die präsentierte Methode nicht gänzlich semantisch korrekt ist, darf man sie zu den derzeit felxibelsten und browserübergreifend am besten funktionierenden Ansätzen zählen. continue

Accessible Pop-up Links

Caio Chassot zeigt in seinem neuen Artikel auf „A List Apart“ wie semantisch korrekte und accessible Pop-up Links erstellt werden können. continue

A List Apart — zwei neue Artikel

A List Apart hat erneut zwei neue Artikel veröffentlicht: „CSS Drop Shadows“ und „CSS Design: Creating Custom Corners & Borders Part II“ continue

Listen stylen mit CSS

Bartelme Design zeigt Ihnen, wie Sie mit Hilfe von Cascading Stylesheets eine normale Liste in eine Navigationsleiste verwandeln. continue

„A List Apart“ — Perfekte 404-Seiten

Unabhängig davon wie sorgfältig Sie Ihre Seite designen, werden Besucher immer wieder auf fehlende, verschobene oder nicht existierende Seiten stoßen. Ian Lloyed gibt in seinem Artikel auf „A List Apart“ Tipps für die Gestaltung der perfekten 404-Seite. continue

Zwei neue Artikel auf „A List Apart“

Wieder einmal sind zwei interessante Artikel auf „A List Apart“ veröffentlicht worden. Die Themen — elastisches design und mehrspaltiges Layout ohne Tabellen. continue

Browse by Category

AppleBartelme DesignBrowserBusinessCommonDashballDashboardDesignDevkitExpressionEngineHDRIconsIllustratoriPhoneJavaScriptMac OSMicroformatsPersonalPhotographyPhotoshopPrototypeReviewRuby on RailsThemeToolsTutorialTwitterUnixWallpaperWeb StandardsXHTML/CSS

My Flickr stream