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.
08.02.2010
PlugIns für PaintNet
Günstige oder kostenlose Programme zur Bildbearbeitung sind hier ja auch immer mal wieder ein Thema. Eines dieser Programme ist PaintNet. Es ist sehr übersichtlich aufgebaut, einfach zu bedienen und bietet die wichtigsten Tools umd viele grundlegende Arbeiten schnell durchführen zu können. Aufbohren kann man die Funktionalität mit PlugIns. Über Caschys Blog bin ich heute auf ein PlugIn-Paket aufmerksam geworden, dass in einem Rutsch über 421 neue Effekte in das Programm integriert. Das ist richtig fett. Vielleicht zu fett, denn die Menüliste im Programm wird so lang, dass man ums scrollen nicht herumkommt. Das finde ich weniger gelungen. Viel Material zum Herumspielen erhält man aber auf alle Fälle.
