Kategorien
Design HTML/CSS

CSS Organisation, Tooltipps und Fotos

Die perfekte Organisation einer CSS-Datei. Außerdem: Tooltipps und verschiedenen Variationen bis hin zum Foto mit Mehrwert. Perfekte Organisation I Douglas Bowman macht sich via Stopdesign Gedanken über die Organisation und Gestaltung umfangreicherer CSS-Dateien….

Die perfekte Organisation einer CSS-Datei. Außerdem: Tooltipps und verschiedenen Variationen bis hin zum Foto mit Mehrwert.

Perfekte Organisation I
Douglas Bowman macht sich via Stopdesign Gedanken über die Organisation und Gestaltung umfangreicherer CSS-Dateien. Wer die Übersicht behalten will, sollte sich seine Tipps einmal ansehen. Ein Thema übrigens, das auch die Fantasie der Leser beflügelt, wie die erstaunlich zahlreichen Kommentare belegen.

Screenshot

Perfekte Organisation II
Bei Garrett Dimon hingegen lässt sich einiges über die perfekte Organisation einer CSS-Datei erfahren. Da immer mehr damit gemacht wird, lohnt es sich einige Gedanken zu investieren und ein Projekt gleich von Anfang gewissen Regeln zu unterwerfen. Dimons Ideen kommen nicht nur der Übersichtlichkeit zugute.

Tooltipps
Das Tooltip Tutorial von Walter Zorn sorgt für Anwechslung und lädt zum Basteln ein.

Screenshot

Mehr CSS Tooltips

  • Bubble Tooltips
    Bubble Tooltips are an easy way to add (via a bit of CSS and javascript) fancy tooltips with a balloon shape to any web page.
  • JavaScript Fading Tooltips
    Sweet Titles 1.0, Documentation, JavaScript Files, CSS File
  • Tooltip.js
    Tooltip.js is the NEXT GENERATION in Tooltips; using the Web 2.0 approach of doing a simple thing, and doing it well
  • TexSoft – multiline tooltip with HTML CSS and JavaScript
    This document explains how to make nice multiline tooltip for HTML documents, using simple and standard CSS, HTML and JavaScript.

qTip
qTip ist ein Tooltipp-Script, das nicht nur auf Hyperlinks, sondern auf alle HTML-Elemente angewendet werden kann.

Sweet Titles
Unter der Bezeichnung Sweet Titles entwickelt Dustin Diaz seine Version des klassischen Tooltipps. Kleine Hinweisfenster, die einen Link mit hilfreichen Fakten unterstützen. Diaz‘ Variante bringt einen kurzen, aber durchaus schicken Einblendeffekt mit. Einen sparsamen Umgang mit Quellcodes verspricht der Autor ebenfalls.

Screenshot

Fotos mit Mehrwert
Ein neues Experiment macht die Runde. Es geht darum Fotos mit zusätzlichen Botschaften, Anmerkungen und Legenden direkt im Bild zu erweitern. Das erinnert ein wenig an ImageMaps, hat mit diesen aber nichts zu tun. Schließlich werden keine Links appliziert, sondern Texte in Minifenstern. Frank Manno spricht in seinen Arbeiten deshalb auch von CSS Image Maps. Einen komplexeren Ansatz verfolgen die Fotonotes mit dem Einsatz von Javascript und PHP.

Screenshot

Schreibe einen Kommentar

Deine E-Mail-Adresse wird nicht veröffentlicht. Erforderliche Felder sind mit * markiert.