16.03.2010
CSS - Tipps und Tricks und “Wie war das noch…”
Heute entdeckt und für gut befunden:
47 CSS Tips & Tricks To Take Your Site To The Next Level
Nichts neues, alles schon mal irgendwo gelesen -
aber hier nochmal schön zusammengefasst einige
Infos zum Stylen mit CSS, die man immer wieder mal gebrauchen kann.
Zum Beispiel
- Horizontal Centering
- 3D Buttons with CSS Only
- Link Style Order
- Conditional Comments
- min-height fix for IE
- Base Font-Size
- Remove Dotted Outline on Links
- Removing the Border from Image Links
- …….
24.02.2010
Lesenswertes CSS-Tutorial
Norman Paschke hat in seinem Blog mittlerweile 3 Teile eines CSS-Tutorials veröffentlicht, das allen Neulingen der Thematik einen verständlichen Einstieg bieten möchte. Dies ist ihm meiner Meinung nach gelungen. Er selbst beschreibt seinen Anspruch wie folgt:
Ich will absoluten Neulingen, die noch nie etwas von CSS gehört haben, die Grundlagen und den sauberen Gebrauch von CSS näher bringen. Jeder Teil wird dabei etwas anspruchsvoller sein und es wird tiefer in die Materie vorgedrungen. Die Teile bauen dabei sukzessiv aufeinander auf.
Norman formuliert im lockeren Stil kurz und präzise, was mir besonders gut gefällt. (X)HTML-Kenntnisse muss man allerdings mitbringen - das wird aber zu Beginn der Artikelserie auch deutlich gesagt.
Die drei bisherigen Teile besitzen die Überschriften
- Teil #1 (XHTML+CSS, Syntax)
- Teil #2 (Syntax, Selektoren, Box-Model)
- Teil #3 (Zweispaltiges Layout, Float)
Für alle, die bei den “üblichen” Tutorials erstmal einen Schock bekommen, wenn sie deren Umfang sehen, ist das von Norman (noch? :-) ) wie Balsam.
—
Die “üblichen” Tutorials sind z.B. diese
css4you
thestyleworks
Webmaster-Crashkurs
HTML-Seminar
15.02.2010
Css-Color-Replace - Farbvarianten erstellen
Auf Tipps, die Matthias Schütz in seinem Blog veröffentlicht, habe ich hier schon mehrmals verwiesen. Ich habe auch keine Ahnung, wie er diese Dinge immer ausgräbt?? Also tragt euch am besten gleich selbst in seinen Feed ein, dann vermeidet ihr den Umweg über den Netzkescher.
Um was geht es heute?
Um ein Online-Tool, das hilft, die Farbangaben in einer CSS-Datei einfach zu verändern. Das geht in drei Schritten:
- Gewünschte CSS-Datei hochladen
- Farben ersetzen
- Die geänderte CSS-Datei herunterladen
Ich habe zum Testen die common.css des Flatpress-Standard-Themes “leggero” hochgeladen. Die in der Datei vorhandenen Farbwerte werden übersichtlich aufgelistet und können in einem Pop-Up-Fenster leicht verändert werden. Ist man fertig, klickt man eine Schaltfläche zum Erstellen der geänderten CSS-Datei und lädt die Datei anschließend über eine weitere Schaltfläche herunter. Die Farbangaben in der heruntergeladenen Datei sind entsprechend geändert. Simpel.
Seht euch auch den Originalartikel von Matthias an. Er gibt noch ein paar weitere Hinweise.
09.02.2010
Nachschlagewerk für HTML und CSS
Heute entdeckt bei www.webwork-tools.de.
Der CodeBurner von Sitepoint bietet eine gute HTML/CSS-Referenz, allerdings in englischer Sprache. Es gibt verschiedenen Möglichkeiten, das Angebot zu nutzen:
- als Firefox-Erweiterung
- als Firebug-Erweiterung
- als Adobe-Air-Desktop-Programm
- für das Mac-OS-Dashboard
- als Opera-Erweiterung
- (noch nicht) als Dreamweaver Plugin
Ein paar weitere Infos lest ihr am besten im oben genannten Artikel unter webwork-tools nach.
03.02.2010
CSS kürzer halten
Folgende Aspekte werden bedacht:
- mehrere Klassen zugleich ansprechen (”The comma”)
- mehrere Werte auf einmal zuordnen (”More than one value”)
- kurze Farbangaben (”Color”)
- Werte kombinieren (”Even Shorter”)