2012-02-25 4 views
13

Ho appena visto Bret Victors Keynote chiamato "Inventing on Principle". Verso le 3:34 minuti utilizza un editor di codice che - dopo un cambiamento che fa - mostra immediatamente le sue conseguenze. Mentre digita ci sono risultati immediati.C'è un editor HTML/CSS/JS che mostra immediatamente le modifiche?

Questo è il video di cui sto parlando: http://vimeo.com/36579366

Un altro esempio è questo real-time online html editor.

Puoi dirmi quale editor offline posso utilizzare per lavorare sui miei progetti web (HTML/CSS/JS) in questo modo? Preferibilmente può essere utilizzato su OS X. Grazie!

+1

Coda fa questo, IIRC. – ceejayoz

+0

È possibile trovare [HTML Editor] (http://htmleditor.gitlab.io/) a portata di mano. Può interagire con il tuo file system e funziona anche se vai offline. – Mori

risposta

2

Non so se ce ne sono liberi, ma TextMate ha una finestra di anteprima dal vivo. Basta non scaricare la versione 2 beta - non penso che sia già stata implementata lì. Puoi anche verificare Coda e BBEdit.

+0

Coda fa il 50% del trucco: posso dividerlo in verticale del mio index.html in modo che mostri sia il codice che l'output. Ma se passo al mio style.css mi vuole dividere nuovamente la vista. Questo è troppo complesso perché ho 5-10 file in ogni progetto. _italico_ Il migliore sarebbe se l'editor mostra una lista di file e un editor a sinistra e l'output a destra. –

+0

Com'è l'editor html live di SnoopCode con anteprime istantanee. http://www.snoopcode.com/html/best-html-editor – Packer

2

CoffeeCup ha un Web Editor in beta che utilizza l'anteprima dal vivo e include la connessione di anteprima del codice che si vede nel video. Seleziona un elemento nell'anteprima e il corrispondente HTML/CSS è selezionato, oppure seleziona il codice HTML e vedi a quale elemento si applica nell'anteprima.

+0

wow, questo sembra carino! Grazie –

10

Brackets sembra bello, ma ancora in fase di sviluppo.

+1

Wow, sembra davvero bello, non vedo l'ora di un rilascio –

+0

Tutti i miei desideri. Sembra così bello –

1

Se stai ancora cercando un offline editor, puoi sempre controllare Notepad ++. Ha un'anteprima html live, ma non mostra la maggior parte delle novità; solo layout di base e CSS di base.

Notepad++ Website

1

Espresso aggiorna la finestra di anteprima durante la digitazione nell'editor ma è solo per Mac

Problemi correlati