Alle Artikel mit dem Schlagwort: Tips

Inspirationen

Immer wieder gut, Listen mit wundervollen, inspirierenden Ideen und Tips oder Vorlagen zum kostenlosen Einsatz: Smashing Magazine: Inspiration Package: 60+ Usable & Elegant Designs COLOURlover: 13 More Great Color Legends Campaign Monitor: 30 free HTML email templates to get you started Daily Poetics: Art of the Business Card

Einfacher Layoutwechsel

Manchmal kommt man mit einem Template nicht weit. Aber anstatt eine zweite Vorlage zu erstellen, genügt oft ein kleiner Kniff, um das Aussehen auf einigen Seiten anzupassen. Ein einfaches Beispiel: Eine Kundenwebsite, basierend auf einem einfachen CMS, enthält eine horizontale Navigation mit etwa 4-5 Unterpunkten – lediglich eine Seite besitzt mehr als 10 Navigationspunkte. Da […]

CSS Tutorials

Wer sagt, dass man Bilder im Web nicht vergrößern kann, irrt (teilweise): Create Resizable Images With CSS von Christian Watson zeigt zwei Wege, wie man die Größe einer Grafik verändern kann. Und auch Buttons sollten skalierbar sein. Eine Mögluchkeit beschreibt David Hellsing in seinem Artikel Scalable CSS Buttons Using PNG and Background Colors.

Breadcrumb-Navigation nach Apple-Vorbild

Sehr schlicht ist die Brotkrumen-Navigation der apple.com-Website: Und dieses Menü lässt sich ganz leicht per CSS selbst gestalten. Dazu verwenden wir folgendes HTML-Gerüst: <div class=“breadcrumbs“> <a href=“/“>Home</a> <span>></span> <a href=“/“>Beispiel</a> <span>></span> <em>Breadcrumbs</em> </div> Bei deaktiviertem CSS wird der Aufbau deutlich: Home > Beispiel > Breadcrumbs Wir benutzen ein >, um die Brotkrumen von einander zu […]

Vorsicht: Frisch gestrichen!

Ich bin ein großer Fan von Whitespace, „simplen“ Designs und einer guten Struktur von Webseiten. Das Zurückgreifen auf Farben zur optischen Orientierung ist ein bekanntes Gestaltungsmittel. Doch immer wieder bin ich erstaunt, wie viele Webseiten dabei zu viele Farben nutzen. Eine harmonische Gestaltung ist nicht nur angenehmer für die ästhetische Wirkung auf den Besucher und […]

Iconifiziert: Textlinks, CSS und Bildchen

Der CSS-Guy hat uns vor einiger Zeit gezeigt, wie man mit ein wenig CSS verschiedene Links unterscheidbar machen kann. In einer Erweiterung seiner Technik nutzt er JavaScript zur automatischen Erkennung des Favicons. Poolie Studios (Alexander Kaiser) hat die erste Idee aufgegriffen und für die üblichen Verdächtigen eine kleine Sammlung erstellt: Iconize Textlinks with CSS. Das […]