Programm wie Codecademy

07/24/2015 20:42 NRj™#1
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.
07/24/2015 20:45 Ares#2
Du kannst den Quelltext in ein Dokument speichern, mit Firefox öffnen und den Code mit Firebug in Echtzeit bearbeiten.
07/24/2015 21:06 Hurt Locker#3
Mit Dreamweaver geht das auch, kannste 30 Tage konstenlos testen.
07/24/2015 21:42 Looneytune#4
#moved…
07/24/2015 21:44 .StarSplash#5
Brackets.io hat so eine Live-Vorschau.
07/25/2015 00:53 c1rca12#6
Quote:
Originally Posted by .StarSplash View Post
Brackets.io hat so eine Live-Vorschau.
Yep, ich benutze Brackets und die Live-Vorschau funktioniert ganz ohne Probleme.
07/25/2015 00:54 Traumhändler#7
Also ich nutze phase 5 HTML Editor dort hast du einen Internen Internet-Browser der dein gewolltes Script direkt anzeigt. Kann ich nur empfehlen ^^
07/25/2015 01:05 Serraniel#8
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.
07/25/2015 01:08 Daifoku#9
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:
[Only registered and activated users can see links. Click Here To Register...]

Workspaces:
[Only registered and activated users can see links. Click Here To Register...]

Beispielansicht von mir:
[Only registered and activated users can see links. Click Here To Register...]
[Only registered and activated users can see links. Click Here To Register...]

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.