Grafische Navi 2

Publiziert am 10.09.2009 von Klaus

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 →

Kategorie: Navigationen, XHTML/CSS | 9 Kommentare

Fortgeschrittene CSS-Techniken

Publiziert am 09.09.2009 von Klaus

Buchcover Fortgeschrittene CSS-Techniken

Bulletproof Webdesign, CSS-Mastery und Eric Meyer’s Werke gehörten bisher in den Schrank eines jeden Profis oder engagierten Amateurs.

Im August 2008 ist ein Buch erschienen, das die vorgenannten Werke als Standardliteratur der gehobenen Klasse ablöst:

Fortgeschrittene CSS-Techniken von Corina Rudel und Ingo Chao

Weiterlesen →

Kategorie: Buchtips | Hinterlasse einen Kommentar

Navi – Tabs

Publiziert am 08.09.2009 von Klaus

Sehr beliebt sind auch Menüs, die sich mit Tabs organisieren. Vielleicht ist euch in diesem Zusammenhang schon mal der Begriff Sliding Doors (Schiebetürentechnik) untergekommen.

Der Nachteil dieser Technik ist, das man pro Linkzustand jeweils zwei Grafiken braucht.

Diese Hintergrundbilder waren so weit ineinander geschoben, das sie sich beim Zoomen der Seite wie eine Schiebetür immer weiter auseinanderzogen.

Wir verwirklichen das Ganze mit CSS-Sprites (engl. für Kobolde, Geist), d.h. wir benötigen nur eine Grafik für alles. Diese wird einfach per background-position an die richtige Stelle geschoben. Weiterlesen →

Kategorie: Navigationen, XHTML/CSS | 4 Kommentare

Skiplinks und Skiplinktabs

Publiziert am 07.09.2009 von Klaus

Warum bieten wir Menschen, die auf ein Bildschirmvorlesegerät (Screenreader) angewiesen sind und solchen, die sich aufgrund motorischer Einschränkungen mit der Tab-Taste durch eine Website hangeln, nicht ein kleines bißchen Komfort?

Skiplinks am Anfang einer Seite, mit denen man direkt zum Inhalt und/oder zur Navigation springen kann. Das Gleiche am Ende einer jeden Seite, damit man wieder zurück zur Navigation und/oder zum Anfang Inhalt springen kann.

Damit die Durchtabber auch in den Genuß dieser Skiplinks kommen, ist es doch im Grunde nur eine Kleinigkeit die Skiplinks mit etwas CSS für diese Menschen sichtbar zu machen, wenn sie beim Durchtabben an den entsprechenden Stellen ankommen. Weiterlesen →

Kategorie: XHTML/CSS | 8 Kommentare

Navi – Flyout 2

Publiziert am 03.09.2009 von Klaus

In meinem letzten Artikel Navi – Flyout 1 habe ich beschrieben, wie man ein einfaches Flyout-Menü mit zwei Ebenen erstellt.

Hier werde ich euch zeigen wie man eine dritte Ebene hinzufügt, d.h. ein Submenü bekommt ein weiteres Submenü, ein Sub-Submenü sozusagen. Weiterlesen →

Kategorie: Navigationen, XHTML/CSS | 5 Kommentare

Navi – Flyout 1

Publiziert am 02.09.2009 von Klaus

Bei einem einfachen Layout mit zwei Spalten soll die Navigation in ein Flyout-Menü umgewandelt werden Weiterlesen →

Kategorie: Navigationen, XHTML/CSS | 6 Kommentare

CSS – Ordnung 2

Publiziert am 28.08.2009 von Klaus

Im letzten Artikel CSS – Ordnung 1 habe ich etwas über das Inhaltsverzeichnis einer CSS-Datei geschrieben und einen Vorschlag gemacht, wie die Abteilung Allgemeine Selektoren ausschauen könnte.

Hier möchte ich einen Vorschlag zur Reihenfolge der Deklarationen in einem Deklarationsblock machen. Weiterlesen →

Kategorie: XHTML/CSS | 1 Kommentar

CSS – Ordnung 1

Publiziert am 28.08.2009 von Klaus

Eine CSS-Datei kann je nach Website schon mal 1000 Zeilen erreichen, vorausgesetzt man organisiert sie übersichtlich.

Dabei kann ein Inhaltsverzeichnis sehr hilfreich sein. Die damit verbundene Mehrarbeit lohnt sich auf jeden Fall. Sollte man bei der mühevoll erstellte Website nach einem Jahr Änderungen durchführen müssen, hat man durch das Inhaltsverzeichnis sehr schnell den Überblick was wo steht. Weiterlesen →

Kategorie: XHTML/CSS | 3 Kommentare

Twitter, SMS und Co.

Publiziert am 25.08.2009 von Klaus

Das in Forenbeiträgen auf Rechtschreibung und Orthografie oft wenig Wert gelegt wird, ist schon wegen der Lesbarkeit der Beiträge ein Ärgernis.

SMS-Nachrichten sind kürzer, aus wenig Wert in Bezug auf Rechtschreibung/Orthografie wird kein Wert.

Twitter-Schnipsel sind aufgrund der Zeichenbeschränkung noch kürzer.

Man ruft ein paar Wörter ins Netz und hofft das der Ruf gehört und vielleicht mit einem Ruf beantwortet wird:

Hallo wer da? – Ich! – Wer ich? – Na, ich halt! – Was machst? – Nix, und du? – Auch nix!

Vielleicht fallen nach und nach ein paar “Follower” ab, die gerne jemand rufen hören.

Kommunikation hat sich nicht konzentriert sondern fragmentiert. Vor allem seit Erreichbarkeit wichtiger geworden ist als Anwesenheit.

Eine kurze Notiz wird an eine virtuelle Pinwand geheftet. Man erzählt nicht mehr selbst , sondern verlinkt nur noch auf jemand der erzählt.

Zu mehr ist kein Platz, keine Zeit und keine Ahnung?

Kategorie: Internet | 2 Kommentare

Suchmaschinenoptimierung – Allgemeine Tips

Publiziert am 24.08.2009 von Klaus

Das ist ein kleiner Versuch, besonders den nicht so Erfahrenen unter euch, das Thema Suchmaschinenoptimierung etwas näher zu bringen.

Diese Sammlung von Ratschlägen erhebt keinen Anspruch auf Vollständigkeit.

Da sich Google nicht so richtig in die Karten gucken läßt, ist einiges was mit dem Thema zusammenhängt immer auch die Weitergabe von Gerüchten, Meinungen und der eigene Glaube an die Richtigkeit seiner Erfahrungen.

Trotzdem glaube ich, das euch die Beachtung dieser Tips bei der Erstellung von Websites helfen kann, ein günstiges Suchmaschinenranking zu erreichen. Weiterlesen →

Kategorie: Internet, Webarbeit, XHTML/CSS | 8 Kommentare