Programm wie Codecademy

[NRj™]

Hi,

ich suche nach einem Programm, in das ich meinen Quelltext eintippen kann und gleichzeitig die aktualisierte Website (offline) sehe und dabei von HTML zu CSS switchen kann. Bei Codecademy geht das echt super. Siehe Anhang.
Bin jetzt ne Zeit lang im Ausland und habe so kein Internet. Würde aber gerne weiter an meinen Projekten arbeiten.

[Ares]

Du kannst den Quelltext in ein Dokument speichern, mit Firefox öffnen und den Code mit Firebug in Echtzeit bearbeiten.

[Hurt Locker]

Mit Dreamweaver geht das auch, kannste 30 Tage konstenlos testen.

[Looneytune]

#moved…

[.StarSplash]

Brackets.io hat so eine Live-Vorschau.

[c1rca12]

Originally Posted by .StarSplash

Brackets.io hat so eine Live-Vorschau.

Yep, ich benutze Brackets und die Live-Vorschau funktioniert ganz ohne Probleme.

[Traumhändler]

Also ich nutze phase 5 HTML Editor dort hast du einen Internen Internet-Browser der dein gewolltes Script direkt anzeigt. Kann ich nur empfehlen ^^

[Serraniel]

VisualStudio kannste den Code direkt über nen Server (IIS) im Browser ausführen, falls Serverseitigen Code hast. Brauchst ggf. PHP Tools, gibts ne Testversion von.

[Daifoku]

Falls LESS/SASS gefordert wird (was ich nur empfehlen kann... ):

winless bzw grunt + less compiler + chrome dev tool local mapping
winless kompiliert less Dateien, falls diese geändert wurden.
Chrome Dev tools sollten bekannt sein.
Aktiviere auto load CSS in Chrome
Benutze Less anstatt CSS

Zum live editieren:
Mappe deine Sources auf deinen lokalen Ordner.

Nun kannst du in den Chrome-Dev-Tools (im Source Tab) nach belieben Änderungen vornehmen, diese werden durch Winless automatisch kompiliert und Chrome zeigt die Änderungen daher direkt an.

Chrome introducing Sass in 2013:


Workspaces:


Beispielansicht von mir:



Ich kann rechts den Code abändern und die Änderungen werden Live vorgenommen. Beim Bearbeiten von php-Dateien muss natürlich ein manueller reload vorgenommen werden. Bei CSS/LESS/SASS ist dies nicht nötig.