Los desarrolladores y diseñadores de sitios web ahora podrán encontrar en Xhtml-Css Validator una herramienta sencilla, práctica y eficaz para evaluar sus sitios web referente al código XHTML y a la hoja de estilos CSS.

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

Coda es para muchos, me incluyo entre ellos, el mejor editor y gestor para el desarrollo de sitios web que se ha implementado hasta la fecha para MacOS. Obviamente existen otras muchas opciones como se comentaron en Applesfera, pero yo me quedo con Coda. Vale la pena pagar el precio...

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.

La semana pasada, al menos yo, nos quedábamos alucinados con Coda, un editor de programación web fusionado con un cliente de FTP y un cliente SSH.

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.

Si hace poco que he comentado que Smultron era mi editor de texto para programación favorito, ahora hay un nuevo sheriff en la ciudad. Su nombre es Coda, del cuál, desde hace un par de semanas aproximadamente, entré a formar parte de la beta privada.

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.

Seguro que si alguna vez habéis probado o tenéis algún Mac, habréis visto Transmit. Transmit es el cliente FTP/SFTP más famoso para MacOS creado por Panic, desarrolladores de otras aplicaciones interesantes como CandyBar.

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.

xFruits acaba de lanzar 3 nuevos servicios: RSS to MAIL, RSS to OPML y OPML to MOBILE, que se añaden a los 5 servicios ya ofrecidos: AGGREGATOR RSS (que permite crear un canal RSS a partir de otros), RSS TO WEB (generando un HTML a partir de un RSS), RSS TO MOBILE (similar al anterior, pero generando un xHTML 1.0 Mobile), POST TO RSS (creando un RSS a partir de los correos recibidos en el buzón configurado en xFruits) y RSS TO PDF (generando un PDF a partir de una RSS):

- 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.

El otro día estuve hablando con Sacha (también editor de Genbeta) e intenté recordar entornos de desarrollo para Mac OS, principalmente de PHP, pero no recordaba muchos. ¿Es que no hay? Sí, si que los hay, pero el problema es que la mayoría de usuarios de Mac pensamos que estos están dedicados al diseño más que a la programación, en la que Linux es la plataforma mejor preparada para ello.

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.

Resumiendo las mejores posibilidades gratuitas y/o libres:

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...

Tres respuestas rápidas:

• 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...

Los Microformatos nacen como un movimiento ágil y mantenido por una comunidad despierta, ante la "pasividad" y la lentitud de organismos de _expertos_ como el W3C. Su principal objetivo es acercarse a la web semántica, y hacerlo de una forma sencilla y poco traumática. No utiliza tecnologías nuevas, se basa en el XHTML presente, y más concretamente en los atributos que pueden tener las etiquetas. A partir de ahí, juegan con formatos ya existentes e intentan traspasarlo a la web, sin hacer cambios drásticos, simplemente cambiando atributos clave.

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="https://www.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="https://www.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:

microformats,
software

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":https://www.genbeta.com/2006/10/19-por-que-internet-explorer-7-no-es-el-caliz-de-oro de cumplir correctamente con la especificación CSS2...

Enlace | "microformats.org":http://microformats.org/ Enlace | "Grancomo: microformatos a fondo":http://www.grancomo.com/2006/10/12/microformatos-la-web-semantica-para-torpes/ Enlace | IE8 soportará Microformatos | torresburriel.com