Es casi como un buscador, donde sólamente hay un campo en el que deberán de introducir la url, y si lo desean, configurar las preferencias sobre HTML y CSS. Luego, en función de la página introducida, mostrará un resumen con los errores y advertencias referentes al HTML y CSS de la página introducida. Lo curioso es que todas dan errores, incluidas las de Google, Yahoo y Live.com.

Por otro lado los desarrolladores también disponen de .htaccess editor, una aplicación online que, de manera visual y sin complicaciones, les permite crear sus archivos .htaccess que, para quien no lo sepan, es un archivo que se cuelga en la raíz del servidor y que incorpora una serie de directivas para servidores web Apache. Pues bien, a la hora de crear un archivo .htaccess, disponen en la columna de la izquierda un listado de tipos de directivas, y seleccionando una de ellas, en la columna de la derecha aparecerá el formulario de configuración.

Tenemos directivas de denegación a archivos, de identificación por contraseñas, definir las rutas de páginas personalizadas de errores, de páginas por defecto, de configuración de acceso con o sin WWW, de redireccionamiento y de restricciones de acceso.

Finalmente tendremos un código generado que copiaremos y pegaremos dentro de un archivo .htaccess, que podemos crearlo con el propio Notepad de Windows. Sólo tendremos que crear un archivo nuevo, pegar el código y renombarlo simplemente a .htaccess, y subirlo a directorio raíz de nuestro servidor.

Vía | Xybernéticos
Enlace | Xhtml-Css Validator
Enlace | .htaccess editor

En las anteriores versiones, tras su lanzamiento, se incluyó auto-completado y resaltado del código para ActionScript, JSP-HTML, Smarty, ASP/VBScript y Coldfusion a la lista de lenguajes soportados (XHTML, HTML, CSS, Javascript, Java, Perl, Python, Ruby y SQL, entre otros modos).

Con la nueva versión se han solventado una infinidad de pequeños problemas o añadido pequeñas funcionalidades que dan una mayor estabilidad a Coda, entre las que podemos encontrar soluciones a los problemas con permisos o excepciones al acceder a algunos ficheros y/o directorios, mejoras en la detección de la codificación del archivo (gracias a Dios, por que a veces se liaba y me pasaba de Latin 1 a Chinese), mayor rendimiento en el proceso de auto-completado de código, adaptación del editor a cambios en Leopard (el inminente MacOS X 10.5), solución a diversos errores a la hora de publicar archivos y funcionamiento correcto de las carpetas inteligentes (Smart Folders) con Leopard.

Sitio oficial | Panic.
Notas de la versión | Panic.

Esta semana, los chicos de Panic nos traen una actualización de Coda, Coda 1.0.1, donde se solucionan diversos aspectos y detalles de la versión inicial, ampliando las funcionalidades y soporte de Coda:

• Nuevo modo ActionScript.
• Nuevo modo JSP-HTML.
• Nuevo modo para plantillas Smarty.
• Nuevo campo de configuración de los sitios, pudiendo especificar la URL Local inicial con lo que podremos visualizar en el modo de previsualización archivos locales directamente desde el directorio o a través de un servidor web local.

Sitio oficial | Panic.
Notas de la versión | Panic.
En Genbeta | Coda, el secreto mejor guardado de Panic y Coda, el mejor cliente de FTP para Mac con un potente editor de texto y mucho más.

Coda es un editor de textos supervitaminado, ya que por una parte llega desde los creadores de Transmit, el mejor cliente FTP para MacOS, por el otro, que han incluido casi todas las funcionalidades deseables en un editor.

Vamos por partes.

Cliente FTP.
Coda incluye, ya que se ha tomado como base, casi todas las funcionalidades básicas de Transmit. No sólo permite importar la configuración desde el mismo, sino que puedes realizar en Coda todas las operaciones que solías realizar en Transmit además de poder configurar el acceso vía SSH, como luego comentaré.

Previsualización.
Coda incluye una previsualización del sitio que estamos desarrollando, pudiendo seleccionar el navegador a utilizar en la misma de entre los instalados en nuestro Mac, por lo que podrás ver qué tal queda en diversos motores de renderizado.

Editor CSS.
El editor de hojas de estilo CSS es de lo mejor que he visto en mucho tiempo superando, tampoco por mucho, al integrado en Dreamweaver. Aunque no soy muy aficionado al uso de estos editores, si que será de gran ayuda a los acostumbrados a su uso o a recién iniciados en el diseño/maquetación web. Existen dos modos de visualización,

• modo visual, como se muestra en la captura superior
• y modo texto, como si fuese un editor de texto, eso sí, con auto-completado, que luego extenderé en la parte del editor.

Terminal.
La opción Terminal nos permite acceder a través de SSH a nuestro servidor para realizar cualquier tarea del mismo modo que permitiría una aplicación dedicada en exclusiva a ello o desde el propio Terminal de MacOS. El funcionamiento en este aspecto es impecable.

Documentación.
La documentación, accedida de modo remoto y por tanto actualizada, nos permite visualizar los manuales básicos de PHP, HTML, CSS y Javascript, aunque supongo que posteriormente irán añadiendo más manuales como Ruby, AJAX,...

Editor.
El editor de texto es simplemente genial, mucho superior a las diversas opciones que hemos probado durante meses, como Textmate o Smultron. La única pega es que el auto-completado se limita al lenguaje de programación seleccionado por lo que al seleccionar el modo PHP-HTML, se ve centrado principalmente en PHP, dejando un poco de lado el completado de HTML. Sin embargo, el funcionamiento es espectacular.

Así mismo, permite seleccionar el formato de codificación (sin montarse líos como suelen realizar otros editores), formato del salto de línea, compartir por Bonjour el archivo (permitiendo editar simultáneamente entre diversos desarrolladores el mismo archivo), utilizar snippets estilo Textmate, múltiples vistas horizontales y verticales del mismo o diversos archivos, búsqueda avanzada permitiendo el uso de expresiones regulares y relevancia de los términos buscados, soporte de serie para XHTML, HTML, CSS, Javascript, Java, Perl, Python, Ruby y SQL tanto en coloreado de sintaxis como de auto-completado, entre un largo etcétera.

Llevo más de semana y media utilizándolo como mi editor de programación, cliente de FTP y terminal SSH y puedo afirmar que es de lo mejor que he probado en bastante tiempo.

Se encuentra disponible, únicamente, para MacOS, binario universal, a un precio de 79 dólares con versión de prueba de 5 14 días.

Sitio oficial | Coda.
Descarga | Panic.

Desde hace casi dos semanas, comenzaron a distribuir por beta privada a los que se habían apuntado como beta-testers, entre los que me encuentro, una nueva aplicación llamada Coda.

En cuanto el lanzamiento sea público (a petición de Panic no mostraremos nada todavía), tendréis un especial en exclusiva con todos los detalles sobre Coda. Sólo os diré que es un editor de texto y que es de lo mejor que he visto en mucho tiempo.

Sitio oficial | Panic.
Vía | Digg.

Como ya comenté en la entrada sobre editores de programación para MacOS, una de las mejores opciones para Mac es Smultron, la mejor opción libre y gratuita, cuya nueva versión Smultron 3.0 acaba de ser lanzada.

Smultron 3.0, con respecto a su versión anterior, ha mejorado la gestión de proyectos (por lo que he visto, tampoco mucho), la ejecución de comandos shell y el rendimiento general de la aplicación en diversos aspectos. Así mismo, enemos un nuevo icono y un rediseñado interfaz (todos los iconos han sido mejorados), una nueva vista doble vertical, un zoom para la lista de archivos del proyecto, soporte para FreeFem++ y diversos bugs solventados.

Smultron (del montón de editores que he probado) es el que mejor resultados me ha dado por encima de TextMate (lo siento por los fanáticos de este editor), principalmente combinándolo con el cliente de FTP Transmit. Si no lo habéis probado, hacedlo y nos contáis.

Nota: La versión a descargar es Smultron 3.0.1, ya que soluciona algunos problemas encontrados con la versión 3.0.

Sitio oficial | Smultron.
Descarga | Sourceforge.

- RSS to MAIL permite enviar los últimos artículos publicados a una dirección de correo, como si de una lista de distrubución se tratase. El envío se realiza cada n horas o una vez al día, por defecto a las 8 de la mañana.

- RSS to OPML permite agregar tus feeds RSS en un único archivo OPML para su publicación o uso dentro de algún agregador.

- OPML to MOBILE, utilizando el servicio previo, permitirá a los usuarios de Internet móvil acceder a todas tus suscripciones de un modo sencillo y ligero.

Personalmente, xFruits es uno de los servicios con mejor perspectiva del momento al igual que Feedburner.

Enlace | xFruits.
En Genbeta | xFruits, ensalada de utilidades para nuestros feeds.

Sin embargo, Mac OS dispone de muy buenas opciones a la hora de desarrollar (ya sea diseño o programación) sitios web, servicios web o gestores de contenidos.

Smultron, mi preferido, es un editor escrito en Cocoa que permite editar infinidad de lenguajes de programación (PHP, ASP, SQL, XML, CSS, Ruby, Javascript, etc.) para los que dispone de autocompletado, coloreado de sintaxis, gestión de proyectos, división de la pantalla, sincronización con tu cuenta .Mac, etc.

TextWrangler es un interesante editor de texto, comparable al BBedit Lite, que posee un cliente FTP/SFTP además de soporte para ANSI C, C++, HTML/XHTML, Fortran, Java, JavaScript, Object Pascal, Objective-C, Perl, PHP, Python, Rez, Tcl, TeX, Unix Shell Scripts, y XML.

Aptana es un editor basado en Eclipse y principalmente dirigido a desarrolladores Javascript, pero también le acompaña soporte para (X)HTML, CSS y XML. Muy recomendado para el desarrollo de aplicaciones AJAX.

En cuanto a los entornos de pago:

Zend Studio, el IDE para PHP por excelencia con soporte para PHP, (X)HTML, Javascript, CSS, XML y SQL, cliente CVS y SVN, SFTP/FTP, conexiones a servidores de bases de datos, seguimiento de trazas, debugging, entre una infinidad de características.

Dreamweaver que sigue al pie del cañón como uno de los editores más versátiles, tanto como editor de programación como para editor WYGWYS.
El completado de código que posee es realmente uno de los mejores que he visto, eso sí, únicamente destacable para CSS y XHTML.

Textmate, uno de los editores que más éxito ha tenido y con mejor diseño, nos aporta a diferencia del resto soporte para Ruby, RoR, Xcode, LaTeX, Markdown, Textile, entre otros.
El año pasado obtuvo el premio Apple Design Award for Best Mac OS X Developer Tool (o lo que es lo mimo, el premio de diseño de Apple a la mejor herramienta de desarrollo para Mac OS X).

BBedit dispone, además de lo comentado para TextWrangler, soporte para FTP/SFTP, Ruby, YAML, SQL, AppleScript y Mac OS X Unix Scripting, entre otros. Así mismo, permite control de versiones con Subversion y Perforce.

Existen muchos otros, pero los más interesantes (y/o conocidos, útiles, usables, etc.) los tienes aquí listados. ¿No hemos incluido el usas? ¿Crees que hay alguno que deberíamos incluir? Comentarios abiertos…

• Son un intento de adentrarnos de una vez por todas en la web semántica.
• Para que las máquinas entiendan mejor y tengan más información sobre unos datos, y así poder hacer herramientas automatizadas muy potentes.
• En cualquier lado. Ejemplos: Firefox 3, el correo .Mac de Apple e Internet Explorer 8.

Y ahora, las respuestas largas…

Antes de decir nada más, veámoslo en directo con una reseña de una aplicación web, partiendo de este código:

<div>

 <h2>
  <a href="http://www.gmail.com/">Gmail</a>
 </h2>
 <h3>
  La mejor forma de gestionar tu email
 </h3>
 <img src="http://genbeta.com/images/gmail.jpg"
      alt="Gmail, el webmail de Google" />
 <p>
  <span>Víctor Pimentel</span>
  <span>31/10/2006</span>
  <span>★★★★★</span>
 </p>
 <div>
  <p>
   GMail es un servicio web que nos provee Google, y
   que convierte revisar nuestro email en una delicia [...]
  </p>
  <p>
   [...] Por todas estas cosas, Gmail es el mejor.
  </p>
 </div>

</div>

Esto es un código XHTML corriente, muy parecido a lo que vemos en cualquier blog. Ahora, si lo aderezamos con un poco de microformatos…

<div class="hreview">

 <h2 class="item">
  <a class="fn url" href="http://www.gmail.com/">Gmail</a>
 </h2>
 <h3 class="summary">
  La mejor forma de gestionar tu email
 </h3>
 <p class="reviewer vcard">
  <span class="fn">Víctor Pimentel</span>
  <abbr class="dtreviewed"
        title="20061031T0112++0100">31/10/2006</abbr>
  <abbr class="rating" title="5">★★★★★</abbr>
 </p>
 <img src="http://genbeta.com/images/gmail.jpg"
      class="photo" alt="Gmail, el webmail de Google" />
 <div class="description">
  <p>
   GMail es un servicio web que nos provee Google, y
   que convierte revisar nuestro email en una delicia [...]
  </p>
  <p>
   [...] Por todas estas cosas, Gmail es el mejor.
  </p>
 </div>
 <p class="type" style="display:none">website;</p>
 <p class="version" style="display:none">0.3;</p>

</div>

Si te pones a mirarlo detenidamente te darás cuenta de que hemos tocado muy poquito el marcado del XHTML, solamente hemos añadido atributos. Para ser sinceros, hemos cambiado los dos span del nombre del autor y de la fecha para ajustarlo mejor, pero en realidad no cambia sustancialmente. También hemos añadido dos párrafos al final para explicar qué versión del microformato estamos usando y qué es lo que estamos reseñando. Pero lo importante son los atributos (principalmente los class), gracias a ellos hemos multiplicado el valor del contenido, ya que si seguimos las mismas convenciones podremos parsear reseñas sin problemas. Nótese que, aunque cambiemos las posiciones de las etiquetas, o incluso aunque cambiemos las etiquetas mismas (usar h1 por h2, o usar p en vez de div, etc…), si mantenemos estos mismos atributos el parseo seguirá siendo perfectamente posible.

Los atributos que hemos usado forman parte del microformato hreview, que todavía se encuentra en borrador. Como ves, las clases tienen mucho sentido y se relacionan con el contenido: description, photo, etc. Como este microformato ya hay un par de decenas, todos ellos promovidos por la comunidad microformats.org, y tratan de resolver problemas muy concretos. Éste es uno de los llamados “compuestos” o “complejos”, en contraposición a otros mucho más simples. Por ejemplo, es muy probable que estés usando un microformato en tu blog sin saberlo:

<a href="http://technorati.com/tag/microformats"
   rel="tag">microformats</a>,

<a href="http://technorati.com/tag/software"
   rel="tag">software</a>

Exacto, los tags de technorati se valen del atributo rel=”tag” para distinguir un enlace normal de un tag. Esto es un ejemplo de microformato simple. Otro ejemplo podría ser el XFN, que sirve para definir las conexiones entre tú y tu blogroll, y que implementa WordPress (Vete a la pestaña Enlaces y edita uno, ya lo verás).

Los posibles usos crecen de forma exponencial. ¿Te imaginas que Google entendiera el significado de tus datos? Que no fuera simples bytes, sino algo que tuviera semántica: que los buscadores supieran que una misma frase tiene un significado completamente diferente en un texto que en otro. Y no hace falta crear algoritmos enrevesados y complicados de mantener, sino que con solo añadir una pequeña clase nuestro contenido cobra mucho más sentido. Un ejemplo práctico: con solo publicar una vez tu Currículum Vitae, podrías darte de alta en tantos sitios como acepten ese microformato, evitando tener que meter tus datos miles de veces. Mira hacia los tags de technorati o hacia la infinidad de usos de los feeds y multiplícalo por el número de microformatos que puede haber. ¡Y todo por rellenar algunas clases en un trozo de XHTML!

¿Qué futuro les espera? Está claro que todo es muy bonito, pero si nadie los usa, no servirán para nada. Sin embargo, por los anuncios que van saliendo, es prometedor a corto y medio plazo, ya que no se basa en reinventar la rueda, y su contenido es perfectamente válido para los navegadores actuales. Y si encima anuncian que los próximos navegadores podrán reconocerlos…

PD: La prueba de que son fáciles de tratar es que hasta IE8 lo hará, y eso que ni siquiera es capaz de cumplir correctamente con la especificación CSS2…

Enlace | microformats.org
Enlace | Grancomo: microformatos a fondo
Enlace | IE8 soportará Microformatos | torresburriel.com