2012-02-25 9 views
13

Acabo de ver Bret Victors Keynote llamado "Inventar en el principio". Aproximadamente a las 3:34 Minutos utiliza un editor de código que, después de un cambio que realiza, muestra inmediatamente las consecuencias. A medida que escribe hay resultados instantáneos.¿Hay algún editor de HTML/CSS/JS que muestre cambios de inmediato?

Este es el video que estoy hablando: http://vimeo.com/36579366

Otro ejemplo es este real-time online html editor.

¿Puede decirme qué editor sin conexión podría usar para trabajar en mis proyectos web (HTML/CSS/JS) de esta manera? Preferiblemente se puede usar en OS X. ¡Gracias!

+1

Coda hace esto, IIRC. – ceejayoz

+0

Puede encontrar [HTML Editor] (http://htmleditor.gitlab.io/) a mano. Puede interactuar con su sistema de archivos y funciona incluso si se desconecta. – Mori

Respuesta

2

No sé si hay alguno gratis, pero TextMate tiene una ventana de vista previa en vivo. Simplemente no descargue la versión 2 beta, no creo que se haya implementado allí todavía. También puede consultar Coda y BBEdit.

+0

Coda hace el 50% del truco: puedo dividir la vista de mi index.html verticalmente para que muestre el código y la salida. Pero si cambio a mi style.css, quiere que vuelva a dividir la vista. Eso es demasiado complejo porque tengo 5-10 archivos en cada proyecto. _italic_ Lo mejor sería si el editor muestra una lista de archivos y un editor a la izquierda y la salida a la derecha. –

+0

¿Qué tal el editor de html en vivo de SnoopCode con vistas previas instantáneas? http://www.snoopcode.com/html/best-html-editor – Packer

2

CoffeeCup tiene un Web Editor in beta que usa vista previa en vivo e incluye la conexión de vista previa de código que ve en el video. Seleccione un elemento en la vista previa y seleccione el HTML/CSS correspondiente, o seleccione el código HTML y vea a qué elemento se aplica en la vista previa.

+0

wow, esto se ve bien! Gracias –

10

Brackets se ve bien, pero aún está en desarrollo.

+1

Guau, realmente se ve bien, estoy esperando un lanzamiento –

+0

Todo lo que quiero. Esto se ve tan bien –

1

Si aún está buscando un editor fuera de línea , siempre puede consultar Notepad ++. Tiene una vista previa de html en vivo, pero no muestra la mayoría de las cosas más nuevas; solo diseños básicos, así como CSS básico.

Notepad++ Website

1

Espresso actualiza la ventana de vista previa a medida que escribe en el editor pero es solamente para Mac

Cuestiones relacionadas