CSS-Code organisieren

Die zwei englischsprachigen Artikel Single-Line vs Multi-Line CSS und Single Line CSS haben mich dazu gebracht ein paar Worte dazu zu schreiben wie ich meinen CSS-Code organisiere und warum ich es so mache. In den folgenden Beispielen, gehe ich von der Arbeit eines einzelnen Webworkers aus, da man sich in Gruppen auf ein gemeinsames Vorgehen …

Die Linkschleuder

Die Top-8-Ausreden der Leute (Hinweis von Sahanya), die sich dreist an dem Inhalt anderer Leute bedienen. Ich würde noch zwei weitere faule Ausreden hinzufügen: Du bietest doch einen vollen Newsfeed an und Auf deine Website steht kein Hinweis, dass man die Inhalte nicht 1:1 übernehmen darf. Mit Draw Here kann man im Browser eine Website …

Homer Simpson macht CSS

Roman Cortes. Er hat mit jede Menge div-Elementen und CSS das Portrait von Homer Simpson gezeichnet. Einfach mal in den Quelltext schauen. Ned Batchelder hat die Demo erweitert und daraus mit ein bisschen jQuery eine Animation erstellt. Vielen Dank an Sahanya für den Hinweis.

Die Linkschleuder

Neuer Alexa Rank – Wie wirkt die Neuberechnung? CSS: präformatierten Text (<pre>) umbrechen lassen Sitepoint: CSS-referenz Sitepoint: HTML-Referenz (beta) WordPress-Plugin: Code-Beispiele in Farbe und in Bunt AdSense-Einnahmen verdoppeln 15 Google AdSense Tipps für mehr Klicks und höhere Klickpreise Durchschnittliche Größe einer Webseite 3x so hoch wie 2003

Webkrauts-Adventskalender Nr. 4

Auch dieses Jahr gibt es einen Adventskalender der Webkrauts. Diesmal werden die Beiträge kürzer sein, aber dafür die Palette der Inhalte breiter. Weitere Infos gibt es bei Jens.

Inhaltsverzeichnis mit (X)HTML und CSS

Derek Punsalan stellt einen interessanten Ansatz wie man mittels CSS ein ansprechendes Inhaltsverzeichnis realisieren kann. Dabei kommen Listen zum Einsatz und der Listeninhalt der zuerst im Quelltext vorkommt wird rechts gefloatet und der nachfolgende Inhalt wird links gefloatet und das ganze Listenelement bekommt als Hintergrund eine 1×1 Pixel Grafik welche eine dünne Linie simuliert … …

Grafik mit Gitternetz als Layouthilfe

Christian Watson erklärt wie man sich mittels einer Hintergrundgrafik mit Gitternetz und Lineal das layouten erleichtern kann und bietet auch direkt die fertige Grafik zum Download an. Gute Hilfe für die Pixelschubser.

CSS-Kompatibilität in IE7

Microsoft hat eine Seite veröffentlicht auf der man die Änderungen im CSS-Verhalten von IE7 auflistet und erklärt: msdn.microsoft.com

Titel-Attribut gestalten

Evtl. ist die Überschrift etwas missverständlich 😕 es geht um die Möglichkeit mittels CSS und Javascript den Titel-Attribut (title=”…”) zu “gestalten” oder besser gesagt stattdessen CSS-Tooltips auszugeben: Bubble Tooltips Sweet Titles: JavaScript Fading Tooltips

Besuchte Links gestalten

Besuchte bzw. bereits angeklickte Links zu gestalten ist manchmal nicht so trivial wie es auf den ersten Blick scheint. Ein paar Ideen gibt es hier.