Gelungenes Webdesign
Webdesign besteht aus zwei Wörtern: Web und Design. Die meisten schenken dem Web die größte Aufmerksamkeit und vernachlässigen darüber leider das Design.
Ich möchte euch ein Buch vorstellen, das auf knapp 180 Seiten kurz und knackig die Gesetzmäßigkeiten guten Designs rüberbringt.
Faux Columns Liquid
Die Faux Columns Technik für feste Layouts hatte ich schon in einem Artikel erklärt.
Aber wie erzeugen wir gleichlange Spalten für flüssige Layouts, d.h. wo die Spaltenbreiten
Prozentwerte sind (rechts 25%, mitte 50%, links 25% z.B.) ?
Das ist nicht viel schwieriger als die normale Faux Columns Technik. Weiterlesen
Eigenes Seitentemplate
Neben Artikel beinhaltet ein WordPress-Blog fast immer auch einige Seiten z.B. Kontakt, Impressum, usw., die im Backend unter Seiten – Erstellen definiert werden.
Mit ein paar kleinen Änderungen könnt ihr ein eigenes Seitentemplate erstellen, mit dem ihr dessen Inhalt ganz individuell gestalten könnt. Weiterlesen
Colour Contrast Analyzer
Heute will ich euch ein kleines, kostenloses Softwaretool vorstellen, was euch helfen kann, eure Website zugänglicher zu gestalten:
Den Colour Contrast Analyzer. Weiterlesen
Navi – CSS-Tabelle
Ein horizontales Menü dessen Links teilweise zwei,- und/oder dreizeilig sind, lassen sich mithilfe einer CSS-Tabelle recht gut gestalten.
Die Vorteile der Tabellendarstellung bestehen darin, dass die Tabellenzellen einer Zeile immer gleich hoch sind und sich immer auf die gesamte Breite der Tabelle verteilen. Es gibt keinen Umbruch der Tabellenzellen
und die Inhalte fließen nicht über. Weiterlesen
Runde Ecken 3
Zwei Artikel zu Boxen mit abgerundeten Ecken habe ich bereits verfasst:
Runde Ecken 1 und Runde Ecken 2.
Im dritten Artikel wird die Box mit runden Ecken am Ende voll flexibel sein, d.h. sie hält einer Schriftvergrößerung von sechs Stufen stand. Weiterlesen
Runde Ecken 1
Container problemlos mit runden Ecken auszustatten wird erst mit CSS 3 kommen. Im Firefox kann man heute schon mit die Anweisung -moz-border-radius einer Box abgerundete Ecken verpassen.
Browserübergreifend geht das heute nur mit Grafiken, etwas CSS und je nach Anforderung mit zusätzlichen Boxen.
Im einfachsten Fall brauchen wir zwei Grafiken und kein zusätzliches Element. Diese Box wächst dann nur vertikal, was in vielen Fällen sicher ausreicht. Weiterlesen
Runde Ecken 2
In meinem letzten Artikel Runde Ecken 1 habe ich die einfachste Form einer relativ flexiblen Box mit abgerundeten Ecken erklärt.
Die nächste Stufe ist eine teilflexible Box mit Rahmen. Weiterlesen
Richtig Clearen
Wer floatet muss auch clearen!
Diese Weisheit schlägt dem geneigten Anfänger rasch entgegen, wenn ihm bei seinen ersten Gehversuchen in der erlauchten Kunst des Webdesigns das Design aus dem Ruder gelaufen ist.
Okay, also clearen, bloß welche Methode??
Da sagt ja jeder was anderes. Weiterlesen
Grafische Navi 2
Der etwas kompliziertere Fall eines grafischen Menüs habe ich schon erklärt.
Hier folgt nun der etwas einfachere Fall, wo der Linktext ganz normal dasteht und die Grafik nur den Hintergrund bildet. Weiterlesen