Panic Coda: El Valhalla del desarrollo web

Publicado el 24/04/2007 a las 5:35 pm por leo prieto

Panic Coda No tiene valquirias, ni jabalíes rostizados, ni copas rebosantes de hidromiel. Es un pedazo de software después de todo, y probablemente te puedas conseguir una novia, una hamburguesa y una cerveza para que junto a Coda finalmente no te falte nada. Realmente, porque Coda tiene todo lo que necesitas para vivir en el Valhalla del desarrollo web:

Coda es un editor de código, cliente FTP, editor de CSS, terminal SSH, libros de referencia, y navegador web basado en Safari para previsualizar tus páginas. Todo integrando, todo en una misma ventana.

Generalmente no hablamos sobre software en FayerWayer, mucho menos cuando únicamente está disponible para una plataforma (en este caso, únicamente para Mac OS X). Pero este pedazo de programa es uno de los que más me ha impresionado en el último tiempo. Personalmente no soy muy fanático de las soluciones todo-en-uno. No me gusta el hardware que trata de hacerlo todo, y mucho menos los programas que intentan lo mismo, ya que en la mayoría de los casos hacen todo a medias y no hacen nada bien. Pero creanme cuando les digo que Coda lo hace todo bien. Impresionantemente bien.

Actualmente cuando trabajo en un sitio web, uso una serie de programas: Photoshop para las imágenes, TextMate para escribir y editar todo el código, Transmit para el FTP, el Terminal de Apple para trabajar por SSH en el servidor, y Firefox con el Web Developers Toolbar para previsualizar y revisar. Con gusto he pagado todo lo que hay que pagar. Especialmente TextMate, por lejos mi editor de texto/código favorito. De hecho este artículo lo estoy escribiendo en TextMate. Pero siempre había algo que hacia molesto el hecho de estar intercambiando entre tantos programas diferentes.

Hasta que llegó Coda e integró todas esas cosas en uno, por lo cual estoy eternamente agradecido. Bueno, excepto Photoshop. Así que en realidad uso sólo dos cosas para hacerlo todo: Coda + Photoshop.

Usé Dreamweaver un tiempo, pero en pocas palabras, lo odio. No se merece pagar la licencia. Su editor de texto es ligeramente inteligente (y eso es ser generoso), su cliente FTP es directamente inútil, y su previsualizador causa más problemas de los que soluciona. Al final lo terminaba usando únicamente en el modo sólo-texto, y para eso es mejor TextMate.

El cliente FTP de Coda esta basado en Transmit, discutiblemente el mejor cliente FTP para Mac. Creado por los mismos tipos, Panic, esta versión la bautizaron “Turbo Transmit” y realmente se nota. No se como lo hicieron, pero trabajar en FTP ahora es casi tan rápido como si los archivos estuvieran en tu propio equipo.

El editor de CSS es otra de las joyas. Puedes usarlo directamente en modo texto, pero con un inteligente sistema de autocompletación (la palabra no existe, pero ustedes me entienden). O lo puedes usar en modo “visual”, donde todo es una serie de campos y menúes desde donde rápidamente puedes manejar tu CSS. Me imagino que los usuarios que recién se acercan al CSS lo agradecerán mucho.

Un extra que he agradecido mucho en estas pocas horas de uso, son los libros de referencia que incluye. Incluye referencia para código HTML, CSS, JavaScript y PHP. ¿No estás seguro como se aplica un selector o un tag? Una rápida búsqueda, dentro del mismo programa, te trae la respuesta.

El terminal es como cualquier otro, y el navegador integrado basado en WebKit, es lo mismo que Safari. Pero tener ambos dentro del mismo programa me hizo sonreír. Puedes tener la ventana dividida, con el terminal arriba y el navegador abajo. Haces un cambio por SSH, e inmediatamente puedes probarlo en el navegador. Ni siquiera apretaste Command-TAB (o ALT-TAB para los PCeros). Aparte con un sólo click puedes revisar lo que estás trabajando en cualquier navegador que tengas instalado en tu Mac, aunque sería increíble si incluyeran el motor Gecko para poder ver “Firefox” dentro de Coda.

Lo mejor de todo, es que todo esto lo hace dentro de una interfaz brillante, fácil de usar, clara, intuitiva y bien diseñada. Si hasta los favoritos son una obra de arte.

Si tienes Mac, desarrollas páginas web, aplicaciones web, o simplemente te gusta editar el template de tu blog de vez en cuando, no te puedes perder Coda. Todo esto no llega gratis. El programa cuesta US$99 (precio de lanzamiento, US$79), pero bien los vale. Si habías comprado Transmit antes, te descuentan 10 dólares.

Por último, no te pierdas la página web. Está re-linda.

Link: Panic Coda (via walterk)

52 Comentarios

Panic Coda: El Valhalla del desarrollo web

Deja tu Comentario ↓

Desaprobar Aprobar -1 Joaquin Souyris I. dijo hace 1 año:

Primero… Segudo??.

Es extraño ver un programa, de este estilo, all-in one, que lo recomienden…

Tercero?

Desaprobar Aprobar s valdes dijo hace 1 año:

Actualmente veo que me encuentro en la edad de piedra. Yo uso, para pasar todos los carácteres especiales como acentos y demases, Dreamweaver, y lo otro simplemente bloc de notas. Qué alternativas como estas, o por último programas por separado pero que cumplan funciones parecidas existen para los PC’ros como yo? Ahora es cuando envidio los macs.

Saludos

Desaprobar Aprobar Ismael dijo hace 1 año:

Lo he estado usando todo el día y estoy totalmente de acuerdo con tu review. Tampoco me gustan los all in one tipo Dreamweaver, pero es que Coda, por un lado, tiene todo lo que necesitas pero no se nota! Quiero decir que está tan bien hecho que se ve y se siente mucho más simple de lo que es, y eso es un logro (con DW normalmente tienes que pasar horas solamente aprendiendo a usar el programa).

Ah! El editor de código está basado en el motor Subetha, para que varias personas puedan trabajar colaboratívamente en el mismo código, y el browser incorporado incluye la utilidad Console.log(), una utilidad para debuggear Javascript presente en el plugin Firebug para Firefox y en algunas librerías Open Source (mucho mejor que el maldito alert() )

Desaprobar Aprobar Gabriel dijo hace 1 año:

Excelente, ojalá tuviese un mac para poder disfrutar de coda.
saludos!

Desaprobar Aprobar poloe dijo hace 1 año:

changos…suena genial…lastima que solo en mac esas maquinitas tan bonitas y efeicientes pero tan caras jajajajaja…tendre que hacer un sacrificio para comprar una…o instalar una version jejeje…me parece muy interesante…ya que si es un fastidio estar cambiando de ventanas y programas y refrescando paginas…subir por un lado…ver por otro…editar en otro..etc etc…esperemos saquen algo para linux o windows…eso de las referencias me suena genial…excelente nota

Desaprobar Aprobar rodrigo dijo hace 1 año:

digno de un fwlabs!

Desaprobar Aprobar Raul dijo hace 1 año:

Podrían haberle pedido a quien diseñó la página, que diseñara el Costanera Center.

Desaprobar Aprobar Brian dijo hace 1 año:

Ejem, falto decir “Vía Huasonic” al final del texto

Desaprobar Aprobar gastu dijo hace 1 año:

Esta bueno si a alguien le interesano se me acabra en 15 dias.

Desaprobar Aprobar gastu dijo hace 1 año:

Esta bueno, si a alguien le interesa no se me acabara en 15 dias.

Desaprobar Aprobar dejiko dijo hace 1 año:

Leo eres mac-mon haber en que decada me alcanza para una mac pro

Desaprobar Aprobar oliverastro dijo hace 1 año:

estuve buscando algo como Textmate en Wintendo y encontré esto…

http://www.buayacorp.com/archivos/intype-el-textmate-para-windows/

leo prieto dijo hace 1 año:

@Brian: Jaja, si lo vi en Huasonic (aunque al Huaso parece que no le gustó mucho). Anoche se habló mucho de Coda en Twitter, pero lo lei primero desde Walter. Lo que si tengo que agradecer, y mucho, a Huasonic es TVShows.

Desaprobar Aprobar Javier dijo hace 1 año:

La verdad que para linux hace harta falta un programa asi. Es enfermante tener que abrir un explorador para probar las páginas. Igual he probado el phpeclipse, que es bueno, pero a veces muy pesado para una página simple. Igual me estoy acostumbrando al vim+ctags :P.

Y opino igual el dreamweaver, aparte que hay que aprender a usarlo, tiene cosas que la hace a su pinta y no como deberían ser, digase algunas css o javascripts.

Desaprobar Aprobar Huasonic dijo hace 1 año:

A mi no me gustó mucho, pero tengo que reconocer que sólo lo abrí me metí a un par de sitios y edite algunos css, nada mas.

Después de leer este tremendo review le voy a dar otra vuelta, mañana será mi dia de CODA. (además ya salió el torrent xD)

tomás pollak dijo hace 1 año:

insisto: la cuestión debería previsualizar en Firefox, no en Webkit. en todo caso, me parece bien que por fin los maqueros puedan disfrutar de algunas de las maravillas que hace tiempo tenemos en Linux (aunque una lástima que cueste 100 dólares). y sin enojarse Leo!

leo prieto dijo hace 1 año:

@Tomás: Concuerdo. Esperemos que le agreguen soporte para Gecko. No debería ser tan dificil. Tu sabes que me fascina Ubuntu y hay demasiadas cosas que hace, y que Mac OS X no puede hacer (como cargar carpetas por SSH en el escritorio).

He estado todo el día usando Coda, y ya encontré un bug, y tengo un par de “feature requests” que hacerle al autor. Pero tiene cosas increíbles que no paran de sorprender, te ayuda a ser muy preciso y ordenado (y válido) con tu código.

Una de mis cosas favoritas, es que mientras trabajas en un HTML o en un CSS, y tienes el “Preview” abierto al lado, cada vez que guardas la previsualización se actualiza. Increíble lo rápido que avanzas.

Impresionante para una versión 1.0.

leo prieto dijo hace 1 año:

Correcció: Ni siquiera tienes que “Guardar”, con cada cambio de linea se actualiza la previsualización. Otro paso más, menos.

Desaprobar Aprobar Ov3R dijo hace 1 año:

excelente, esperemos que salga para otras plataformas ya que no tengo un mac y no hay dinero para comprar uno a corto plazo

Desaprobar Aprobar Juan Pablo dijo hace 1 año:

Da la impresión que con Coda se sigue la idea de lógica+diseño todo junto; al menos el review habla de referencias a php, html, css, js a la vez. Una mejor forma de programar en web es usando un patrón MVC como lo hace rails en ruby, cake en php, spring en java, por nombrar los más conocidos. Al final toda la lógica va en una parte, y del diseño nos podemos encargar después, pero eso de php-html-css-xml-js-etc. a la vez, termina por hacer un plato de fideos toda la programación.

Desaprobar Aprobar SargentoPimienta dijo hace 1 año:

La pregunta de rigor para un “PCero” sin posibilidades de saltar a Mac aún:

¿Existe algún programa similar para Windows/Linux?

Realmente Dreamweaver tiene muchas cosas que odiar, y como dice Leo, ya no dan ganas de pagar la licencia…
Además tengo la impresión de que con algo así podría ahorrar bastante tiempo.

Desaprobar Aprobar cvander dijo hace 1 año:

Nos hemos vuelto incrédulos, al menos yo se que ya me es difícil creer en estas aplicaciones. Cuando ví el sitio (que precisamente lo revisé por lo bonito) sonaba bien, pero eso fue todo. Ni probe el programa, ni investigué de que iba, nada. Y ahora te leo y ya estoy descargando. A ver que tal va

Desaprobar Aprobar Huasonic dijo hace 1 año:

@Tomás, te encuentro toda la razón, debería previsualizar en Gecko y porque no también en explorer que es la perdición de los que desarrollamos sitios.

Esperemos que versiones siguientes integren esas opciones, quizás plugins también.

Desaprobar Aprobar supreme dijo hace 1 año:

NNP (new news please)

Desaprobar Aprobar rocket. dijo hace 1 año:

el dreamweaver es uno de los programas ke existe para crear sitios web, los que dicen ke es malo es por ke no lo saben usar o simplemente les keda grande.

Desaprobar Aprobar M dijo hace 1 año:

Cuando trabajen con php y mysql amaran dreamweaver. No tengo idea de CODA pero DW es uno de los mejores editores web que existen

Desaprobar Aprobar rocket. dijo hace 1 año:

el dreamweaver es uno de los mejores programas ke existe para crear sitios web, los que dicen ke es malo es por ke no lo saben usar o simplemente les keda grande.

ahi si, me falto una palabra

Desaprobar Aprobar Lestat dijo hace 1 año:

Que rico.. tengo MAC

Desaprobar Aprobar vladimir prieto dijo hace 1 año:

@rocket : que mal estás! y aun cuando estés bien, eso no te da derecho a decir que los “otros” no saben. que a ti te guste o a ti te acomode, es cuento tuyo.

por lo demás, la mayoría de los programadores/diseñadores web *experimentados* que conozco, caen *inevitablemente* en el codigo…no en programas visuales. desde mi perspectiva, los programas visuales de desarrollo web son para principiantes.

me gustaría escuchar (digo…leer) comentarios de otros al respecto.

@m : un editor de codigo (osea no visual) muuuuy superior a dreamweaver es jedit. eso si, a primeras no te gustará, ya que le faltarán varios plugins, de entre los cuales hay varios que traen las mismas funciones que DW. aaa….y jedit es multiplataforma y carga más rápido. te lo recomiendo.

Desaprobar Aprobar P@ncho! dijo hace 1 año:

quiero uno… y eso q no diseño web ni tengo mac… debe ser realmente bueno el programa, Leo… perdiste un poco de dignidad con tanta alabanza
jajaja

Desaprobar Aprobar rocket. dijo hace 1 año:

vladimir, no creo ke tenga nada de malo lo ke dije, si encuentran malo el DW es simplemente por ke no lo saben usar, no saben sacarle todas las ventajas ke trae. yo les he enseñado a varias personas a usar bien el DW y ahora no pueden dejar de usarlo ya que facilita mucho el trabajo. asi ke lo ke dije, lo hice con bases.

y eso de ke los desarrolladores experimentados programan a puro codigo es mentira, los desarrolladores experimentados como yo no perdemos tiempo programando, nos preocupamos de otras cosas como un buen diseño de bdd, casos de uso, etc. lo demas es paja molida ke se las dejo a los programdores ke se creen “Maestros” por ke programan a codigo o lo hago en DW si lo kiero rapido y mas entendible.

ahora bien, el DW no hace todo, tampoco me gustaria tener un programa ke hiciera todo po mi, me gusta tener el control de mis sitios, pero para que voy a perder tiempo programando cosas simples como insertar un registro en una bdd cuando el DW me lo hace en 2 o 3 pasos, y si lo kiero modificar despues el codigo es super limpio y entendible.

Desaprobar Aprobar Andy.03 dijo hace 1 año:

Oye, yo no encontré el torrente por ningún lado…

Desaprobar Aprobar Marco dijo hace 1 año:

…Y yo creyendo que en FayerWayer trabajaban en Linux…

Desaprobar Aprobar Psicoanalista dijo hace 1 año:

Ah ya sí lo encontré… De veras este programa se ve supercalifragilístico. Cuando salió el review en Huasonic no lo pesqué mucho, (me centré en eso de los TVshows :-P) Pero realmente vale mucho el CODA. Es una buena opción pa dejar de lado el Dreamweaver puñetero ese. Me carga su interfaz mal acabada en Mac OSX.

Desaprobar Aprobar ZeRobLaCk dijo hace 1 año:

@Tomas: Cuales son tus aplicaciones que ocupas en Linux??? que se parece a Coda?????

Desaprobar Aprobar Raul dijo hace 1 año:

@rocket. La vida puede ser mas simple de lo que crees.

Desaprobar Aprobar Lawrence dijo hace 1 año:

@ Psicoanalista: donde lo encontraste. Puedes dejar un link. Saludos a los FWyeros.

Desaprobar Aprobar Abraham Tamayo dijo hace 1 año:

Por que no solo de Ubuntu vive el Hombre.

sudo emerge -av app-editors/jedit # Gentoo Rulez

HERMOSO EL SITIO.. HERMOSO EL SITIO DE CODA.
HERMOSO EL SITIO DE CODA

Desaprobar Aprobar Psicoanalista dijo hace 1 año:

La hojita vive aquí demonoid.com/files/details/1128859/1249794/

Desaprobar Aprobar Kocako dijo hace 1 año:

Habría que probarlo, aunque prefiero el Notepad ++ con FireFox/FireFTP y Photoshop… así tengo previsualizaciones al tiro y ocupo poca memoria.

Desaprobar Aprobar Nicolas Goles dijo hace 1 año:

Yo probé este programa por un tiempo y es exelente… el problema era que no tenía la plata para comprarlo, pero realmente es una muy buena solución, y Universal Binary.

Desaprobar Aprobar Qri dijo hace 1 año:

Leo en el post 17 dices que una de las cosas que no puedes hacer en Mac es ‘montar’ una carpeta SSH, pero se puede usando una aplicacion desarrollada por los ingenieros de google en su ‘tiempo libre’. Esta en: http://code.google.com/p/macfuse/

Desaprobar Aprobar Linker - Pixmedial dijo hace 1 año:

Excelente programa lo probe en el mac de m trabajo y es un lujo sobre todo para trabajar las CSS, a todo esto haber que piensan de este tipo de empresas de desarrollo web.

http://pixmedial.net/blog/como-acabar-con-las-empresas-de-diseo-web

saludos

Desaprobar Aprobar Clauidodus dijo hace 1 año:

aveeeerrr bajandoooooooo
ojala sea la maravilla que dice leo..

Desaprobar Aprobar nacha dijo hace 1 año:

De donde puedo bajar algun tutorial para usar Coda??????????, me estoy metiendo en el programa y es la raja……. quiero saber más!!!!!

Desaprobar Aprobar Rodrigo dijo hace 1 año:

Está muy bueno. Pero le falta unas cuantas cosas interesantes (que Textmate sí tiene):

Snippets que se activan con un “Key equivalent” (o sea, un golpe de teclas): Increíblemente útil, tan solo se selecciona lo que se quiere convertir a HTML (digamos, un posible texto para un enlace) y luego se hace un Command + K (en mi caso) para que Textmate inserte el código y hasta traiga desde el clipboard los datos copiados. Actualmente Coda solo tiene activadores por tab, no por teclas, y además su editor de “Clips” es demasiado sencillo. Una lástima.

SVN: Acceso para SVN … aunque por el Terminal incluído debe ser factible de hacerlo de alguna manera …

Desaprobar Aprobar vladimir prieto dijo hace 1 año:

@rocket : “…y si lo kiero modificar despues el codigo es super limpio y entendible.”

nones nones amigo! ahi te caes. ni el codigo de DW o de cualquier otro software de automatizacion de tareas es entendible. claro, si lo estudias y trabajas bastante, si, pero pocos tienen ese tiempo y dedicación.

por lo demás, aun cuando lo entendiera (osea tomarme el tiempo de entenderlo), usar este tipo de softwares lo único que hace es volverte dependiente de ese software y de ningún otro. el día que no lo tengas, no sabrás que hacer. en cambio quienes programamos código “pelado” hasta con un bloc de notas nos basta. claro que si encuentras un software no te haga dependiente y que a la vez te facilite algo las cosas…mejor.

por cierto yo también creo codigo para insertar un registro en la db, pero no en 2 o 3 pasos….en una linea de codigo!

Desaprobar Aprobar Patricio Villarroel dijo hace 1 año:

Oye Leo… TextMate es como Notepad++ para Mac???

Desaprobar Aprobar Pancho dijo hace 1 año:

Test it!
http://rapidshare.com/files/30459139/Coda_v1.0.1_UB__k_.zip

Desaprobar Aprobar Sebastian dijo hace 1 año:

Increíble!!!!, lo estuve viendo con un amigo y es impresionante, la visualización fue lo que más me gusto, y obviamente mucho más que sin siquiera preguntar obviamnete tendría una fantástica compatibilidad y conexión con Transmit. Una joyita de programa, eso si voy a tener que esperar a juntar unos cuantos dólares. Jeje.