Die unterschiedliche Darstellung von Inhalten in verschiedenen Browsern liegt in der Natur der Sache. Auch wenn eine gleich bleibende Darstellung wünschenswert wäre, sollte dies nicht zu den obersten Prioritäten eines Webdesigners gehören. Wichtiger ist es, eine solide Basis zu schaffen, die Inhalte auch in älteren Browsern vernünftig lesbar macht. Doch auch hier kann es zu Problemen kommen, da selbst standardkonformer Code in unterschiedlichen Browsern oft seltsame Blüten treibt - gerade innerhalb der Browserfamilien sind die Ergebnisse oft verblüffend unterschiedlich.
Weiterlesen
26 Kommentare
Glücklicherweise ist die, sich seit Jahren in Entwicklung befindliche, dritte Auflage von CSS auf dem Vormarsch und immer mehr moderne Webbrowser unterstützen neue Eigenschaften, die uns helfen können Webseiten optisch ansprechend und barrierefrei zu gestalten. Lernen Sie CSS3-Eigenschaften kennen, die eine Webseite erstaunlich verschönern ohne dabei die Funktionalität älterer Browser zu beeinträchtigen.
Weiterlesen
24 Kommentare
Die CSS-Eigenschaft vertical-align wird häufig als ein kryptisches, nicht gerade intuitives Attribut gesehen, mit dem man nur selten etwas anfangen kann. Sie wird gerne in eine Ecke zusammen mit CSS Spezifizität, CSS Floats, z-index und weiteren anspruchsvollen CSS-Konzepten gestellt – dabei hat sie doch dort nichts zu suchen. Doch vertical-align ist nicht überholt und kann – wenn richtig eingesetzt – manch einem Designer Nerven, Arbeit und Workarounds ersparen.
Weiterlesen
46 Kommentare
Formatfüllende Hintergrundbilder und moderne Browser sind natürliche Feinde. Nur selten gelingt die perfekte Positionierung der Bilder und wenn, kommen gängige Methoden nicht ohne Flash oder JavaScript aus. Mit den guten alten Tabellen aus vergangenen HTML-Zeiten gelingt jedoch die verblüffend einfache Illusion des perfekten Hintergrundbildes.
Weiterlesen
80 Kommentare
CSS-Frameworks sind nicht unumstritten. Vor allem Coder, die im Übrigen die Auffassung vertreten, der beste Editor sei Vi halten gern regelrechte Kampfreden gegen die Verwendung vorgefertigter CSS-Module. Dabei gibt es gute Gründe für CSS-Frameworks. Im Folgenden zeige ein Einstieg in das Rapid Prototyping mit dem Framework 960.
Weiterlesen
20 Kommentare
Die Einführung von Variablen in CSS scheint eine vernünftige Idee zu sein. Schließlich wäre es nicht verkehrt, nur einmal eine Farbe oder eine Schrift zu definieren und diese weitgehend im ganzen Stylesheet zu nutzen. Einige Experten halten dagegen, die Stylesheet werden komplexer, die CSS-Dateien werden größer und unübersichtlicher. Doch arbeiten Designer und Entwickler heftig daran, das Design von Cascading Stylesheets mittels Variablen zu erleichtern und zu beschleunigen. Die Vorteile liegen auf der Hand.
Weiterlesen
27 Kommentare
Neu ist die Technik nicht, es braucht sie aber auch nicht jeder. Und wer bisher nie von "CSS-Sprites" gehört hat, könnte sich die Sache ja einmal näher anschauen. Worum geht's? Sprites bedienen sich eines Tricks, um die Zahl der HTTP-Aufrufe beim Laden einer Webseite zu verringern. Mehrere Einzelgrafiken werden zu einer Tafel zusammengefasst. Via CSS wird dann nur der jeweils benötigte Teil des Bildes gezeigt, da wo er gebraucht wird.
Weiterlesen
19 Kommentare
Dropdown-Menüs zu erstellen, ist immer wieder ein Spaß, besonders für Anfänger. Außerdem muss in der Regel immer wieder (fast) der gleiche Code erstellt und angepasst werden. Und je nach Anforderung soll das Menü verschieden platziert und mit ebenso verschiedenen Verhaltensweisen ausgestattet werden. Für die Entwicklung der Basis gibt es ein Framework zwecks Arbeitserleichterung.
Weiterlesen
10 Kommentare
Zur Darstellung von Anteilen oder Verteilungen werden - besonders in der Betriebs- und Volkswirtschaft - gerne Kreisdiagramme verwendet. Normalerweise stellen die auch Torten- oder Kuchendiagramme genannten Grafiken immer 100% eines Ganzen dar. Doch auch um einen prozentualen Anteil visuell zu unterstützen, kann man solche Diagramme einsetzen. Das klappt mit CSS und einem winzigen Grafik-Anteil.
Weiterlesen
9 Kommentare
CSS Frameworks sind praktische Baukästen und bereits zurechtgelegte Gerüste, die wir Ihnen mitsamt ihrer Vor- Und Nachteile schon früher vorgestellt haben. Inzwischen hat sich die Sache weiterentwickelt, eine Vielzahl unterschiedlicher, neuer Varianten wird angeboten. Viele davon sind Werkzeuge für das Grid-Design (Raster), aber bei Weitem nicht alle. Frameworks sind allesamt kostenlos zu haben und kommen für mit neuen Projekten zum Einsatz.
Weiterlesen
Keine Kommentare
Viele Webentwickler beginnen ein neues Projekt mit dem Einbinden eines sogenannten CSS Resets. Darunter versteht man ein Stylesheet, was alle Browser-Layout-Standardeinstellungen auf einen gemeinsamen Nenner bringt. Viele basteln sich ihre eigenen Resets zusammen, aber diese Arbeit kann man sich auch sparen. Inzwischen existieren diverse vorgefertigte Resets, die man verwenden kann.
Weiterlesen
12 Kommentare
YAML ist ein CSS-Framework der komplexesten Art und wird seit Jahren äußerst hartnäckig von Dirk Jesse fortentwickelt. Ich habe vor über einem Jahr sein entsprechendes Buch dazu aus dem Galileo-Verlag gekauft und erstaunt festgestellt, dass selbst die vollständige Lektüre dieses Werkes einen nicht zum YAML-Experten macht. Zu umfangreich ist das Produkt. Dieser Tage ist die neue Version 3.1 erschienen.
Weiterlesen
17 Kommentare
Das Raster als Gestaltungsgrundlage ist umstritten. Wer sich damit auseinandersetzen will, braucht nicht zwingend ein Framework, er könnte auch zum Grid-Generator greifen und erhält - mit Einschränkungen - einen WYSIWYG-Modus für den Ausbau seines Grids. Mit den Generatoren lässt sich ohne Installation herumspielen. Da bekommt man schnell ein Gefühl dafür, was man eventuell brauchen könnte.
Weiterlesen
10 Kommentare
Einige von Ihnen erinnern sich vielleicht noch an die Zeit, in der 30KB die empfohlene Maximalgröße für eine Website war. Dieser Wert galt für eine ganze Seite, also inklusive HTML, CSS, JavaScript, Flash und Bilder. In meinen aktuellen Projekten lasse ich die 30KB-Grenze schnell hinter mir, sobald es auch nur ein klein wenig komplizierter wird. Es ist inzwischen nicht ungewöhnlich, dass durch CSS-Layouts und Javascript-Ergänzungen die CSS-Dateien alleine schon die 30KB-Schwelle überschreiten, insbesondere bei großen Websites.
Weiterlesen
5 Kommentare
ID- und Klassennamen haben nicht unwesentlichen Einfluss auf die Wartbarkeit von HTML-Dokumenten und entsprechend wichtig ist es, geeignete Namen zu gebrauchen. Zusammenfassend gilt, IDs und Klassen, wenn möglich, zu vermeiden, ansonsten funktionale, im Zweifelsfall [...]
Weiterlesen
7 Kommentare
Spam ist eine Plage. Spam ist nicht mehr wegzudenken. Spam wird nicht aufhören. Mittlerweile hat sich der Großteil der Internetnutzer an die unerwünschte Werbung im Postfach der E-Mail-Anwendung gewöhnt und so gehört das Aussortieren der durchgesickerten [...]
Weiterlesen
75 Kommentare
Unabhängig von der Fenstergröße des Browsers wird mit diesem Trick das Hintergrundbild immer in voller Größe angezeigt - egal, wie groß das Bild in Wirklichkeit ist. Es wird nichts abgeschnitten oder dazugesetzt. Eine der vielen Fragen eines Webdesigners:...
Weiterlesen
7 Kommentare
Wir setzen unsere Betrachtungen über Editoren für Webworker fort. Nach WYSIWYG- und Source Code Editors sind nun die CSS-Spezialisten an der Reihe. Neben den zahlreichen HTML-Editoren mit teils bereits umfangreicher CSS-Funktionalität gibt es auch Spezialisten,...
Weiterlesen
4 Kommentare
Zuerst einmal: beide sind Zitate und können auf die gleiche Weise dargestellt werden. Pull Quotes sind ein Zitat aus dem gerade dargestellten Text, sie dienen gestalterischen Zwecken. Einige Wörter werden herausgepullt. Manchmal werden ähnlich wie Überschriften...
Weiterlesen
Keine Kommentare
Ein Gastbeitrag von Dirk Jesse, Erfinder von YAML, was im letzten Abschnitt deutlich wird. Der Beitrag wurde von Vitaly Friedman bearbeitet und erscheint demnächst in englischer Sprache im Smashing Magazine. Die aktuelle Browsergeneration mit Firefox 3, Opera [...]
Weiterlesen
49 Kommentare
Browser direkt ansprechen: Gewusst wie (21.12.09) 
.gif)
