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.