[worshipper]

Hallo,

hab hier eine kleine Spielerei vor mir.

Es geht darum, dass ich HTML und CSS gerne wysiwyg-mässig bearbeiten möchte.
Eine Grunddatei habe ich mir bereits erstellt:
Jedoch der Workflow ist dazu suboptimal.

Im Moment code ich in Notepad.
Speichere. Wechsle zum Browser. Drücke F5...
das ist mir alles auf dauer zu nervig.

Dreamweaver ist mir leider zu teuer bzw. bietet wohl auch mehr Funktionen die ich gar nicht benötige.

An Eclipse mit den ganzen Plugins möchte ich mich gar nicht rantrauen.
http://www.divshot.com/ hab ich probiert. Jedoch nervt mich das dauernde online sein :)

Was nimmt man stattdessen?

[Zoro]

Espresso kann das glaub ich. Gratis Testversion.

EDIT: Oh, gibt's nur für Mac.

[Mac]

Ich würd mir dazu den Firefox und das Addon Firebug besorgen.
Damit kann man in der Preview live an den CSS Definitionen arbeiten.
Muss man nur händisch in die CSS-Datei kopieren.

Für den Mac gibt es noch CSSEdit - das kann direkt live CSS schreiben und verändern.

[worshipper]

[SimonDerDude]

Bin nicht sicher, aber hier, bzw. das.

[pantonine]

Ich wage mal eine andere Sicht auf die Dinge. Nach jeder Zeile „nachgucken“, obs funktioniert, macht man sowieso nur am Beginn seiner Entwicklerkarriere. Wenn Du dagegen von Anfang an gleich auf WYSIWYG-Tools setzt (wobei dieses Versprechen sowieso eine Lüge ist *)), wirst Du mMn niemals richtiges Codeverständnis entwickeln, und immer darauf angewiesen sein, wie gut der Editor die Sachen implementiert, die man als Pixelschubser optisch umsetzt. Falls es Dir nur um ein Autoload der Viewansicht*) geht, dafür gibt es bspw. Browserplugins, der Nutzen ist aber IMHO wirklich zu vernachlässigen.

*) Die Hauptaufgabe eines Webdesigners (i.S. von arbeitet in Markup) ist heute die konsistente Darstellung des Layouts in verschiedenen Umgebungen (OS, Browser, Displaygrößen, Gerätetypen). Darum hilft einem ein Editor, dessen Rendering sich auf eine Engine beschränkt herzlich wenig. Entweder Du wirst ein sehr eingeschränktes Featureset haben oder ein aufgeschwemmtes Markup mit absoluen Positionieren pder Tabellen oder transparenten Pixel oder was auch immer heutzutage die Lösungen für pixelgenaues Markup sind. Im Prinzip kannst Du Dein Layotdann auch schon gleich in Word machen und als HTML abspeichern


Leicht Offtopic: In einer der letzten Working Draft Folgen kam das auch zur Sprache, dass das Wissen um das Grundverständis der Dinge langsam verloren geht. Dort war der Aufhänger die Explosion der JS-Bibliotheken und Frameworks, das Grundproblem ist aber das selbe.

[pantonine]

[Morgo]