CSS Live Design Tutorial
tastaturisiert am Montag, 20. Februar 2006 um 08:51:17 Uhr
Anleitungen zu CSS gibt gibt es einige, zum Beispiel ziemlich ausführlich von SelfHTML, „Grundlagen für Spaltenlayout mit CSS„. Wer jedoch „live“ sehen will, wie sich das Layout aufgrund einer CSS-Anweisung verändert, muss entweder die Beispielanwendung selbst ausprobieren, oder wirft einen Blick auf „Live Design“ von Albino Blacksheep. In 18 Schritten wird dort das Entstehen einer zweispaltigen Webseite erklärt und Schritt für Schritt der Fortschritt anzeigt.
(via digg.com)
von BloggingTom, abgelegt unter HTML & CSS
RSS (vollständig)
Montag, 20. Februar 2006 um 09:15:59 Uhr
Hey, das ist recht anschaulich, danke für den Hinweis. Praktisch finde ich in Zusammenhang mit CSS die Web Developer Extension für Firefox. Da kann man nebst vielen anderen Dingen das CSS einer Seite teilweise oder gleich ganz abschalten, im Sidebar editieren, etc.; das erleichtert die Fehlersuche ungemein.
Montag, 20. Februar 2006 um 09:43:55 Uhr
Da kann ich Matthias nur beipflichten: ich arbeite nur noch mit der Web Developer Extension, um CSS zu editieren. Der grosse Vorteil liegt darin, dass – mit Ausnahme von Hintergrundbildern – alle Änderung gleich ‚live‘ ersichtlich sind und man sicher sein kann, dass es zumindest im Firefox, dann auch wirklich so aussieht, da die selbe Rendering Engine verwendet wird.
Montag, 20. Februar 2006 um 10:17:48 Uhr
Das einzige, was mich nervt: Dass man in der CSS-Sidebar nicht suchen kann! Ich behelfe mir dann halt so, dass ich das CSS in einen Texteditor kopiere, dort suche, Anpassung mache, wieder in die Sidebar reinkopieren… ist aber ziemlich umständlich. Bei längeren Stylesheets wäre die Suchfunktion wirklich notwendig, vielleicht gibt’s mal eine neue Version, die das kann.
Montag, 20. Februar 2006 um 12:00:10 Uhr
Nochmals einverstanden 😉
Eine bessere Variante als Deine (rüberkopieren in einen Texteditor) habe ich auch noch nicht gefunden…
Samstag, 25. März 2006 um 19:57:59 Uhr
CSS sollte man doch gleich so machen, dass man garnicht er suchen muss! Kommentieren und `Sprechenden Sourcecode`
GreeTz Domi