Simplemente, definiremos la estructura de nuestro menú y a través de las opciones que tenemos a la izquierda configuraremos nuestro estilo dentro en los diferentes comportamientos del menú, indicando si queremos un menú horizontal o vertical, y definiendo cada uno de los valores que conforman nuestro estilo.

Podemos generar y visualizar el resultado, y si nos convence, lo podemos guardar a nivel local con todos los archivos disponibles, con códigos y las imágenes, en un .zip, aunque si estamos registrado, lo podremos guardar online e incluso compartir, de manera que permita a nuestro trabajo estar disponible dentro de la galería de estilos de menús que han desarrollado otros usuarios, y que igualmente se pueden probar y descargar.

Lo cierto es que hay menús bastante logrados y vistosos, dignos de aparecer en sitios web, con lo que nos podemos hacer una idea de lo que podemos hacer sin apenas conocimiento.

Vía | Xyberneticos
Enlace | IzzyMenu

Por otra parte, nos encontramos con CSS Type Set, otra aplicación web, ésta mucho mejor estructura y diseñada, por la que os permitirá formatear un texto a través de la hoja de estilos que crearemos sin tener conocimientos para ello, es decir, a un mismo texto le aplicaremos una serie de atributos como si de un procesador de textos se tratase, generando la hoja de estilos a usar.

Dos aplicaciones orientadas a la creación de estilos css, la primera, que quizás sea más compleja y algo dificil de usar para quienes apenas tengan ideas de la creación de hojas de estilos, para los menús, y la segunda, extremadamente sencilla y visual, para el formato de textos.

Vías | FeedMyApp | Xybernéticos
Enlaces | TabCreatr | CSS Type Set

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

Hace poco más de un año apareció Aptana, un IDE basado en Eclipse que ayuda a los programadores web a pelearse con Ajax, CSS y demás. Ahora acaba de salir Aptana Studio 1.0, siendo un producto mucho más maduro y bastante más potente, y eso que desde su nacimiento podía incluir plugins. Además, para favorecer su desarrollo han sacado dos versiones: la versión comunidad, donde se irán desarrollando las características más importantes, y la Profesional, versión de pago donde se podrá disfrutar de herramientas adicionales, aunque la idea es que al final se vayan traspasando a la versión gratuita.

Una de las mejoras de esta versión es la previsualización de CSS, muy útil, pero en realidad casi todas las herramientas nuevas han aparecido en la versión pro: editor de JSON, depurador de Internet Explorer y soporte para FTP seguro. Además, podrán acceder antes a las mejoras que se integren en los subproyectos que pretenden integrar Rails, PHP, Adobe AIR o iPhone. De todas formas, la versión Pro me parece un poco cara teniendo en cuenta la versión gratuita, ya que cuesta 99 euros. Eso sí, en las comparaciones con otros sistemas comerciales sale hasta barato.

Vía | Barrapunto
Más información | Blog oficial
Descarga | Aptana Studio

Simple CSS es nuestro gran amigo, gratuito y multiplataforma por la que podremos empezar a crear nuestra hoja de estilos con lo que para ello deberemos de crear un nuevo proyecto, aunque podemos tener varios proyectos simultáneos, por lo que empezaremos a elegir las etiquetas y por cada ella elegiremos los atribuitos de texto, de entorno, bordes y dimensiones. Disponemos de un area de visualización y el código que generemos lo podemos exportar. Además de poder empezar de cero, podemos partir de una hoja de estilos importada para realizar su modificación.

Interesante además de su gratuidad, estar disponible para Windows, Linux y Mac OS X (binario universal), y ser ligero.

Ya no tiene más que contar, simplemente probar a ver como se nos dará a partir de ahora la creación de nuestras hojas de estilo.

Gracias Gabriel por el aviso

Enlace | Sitio oficial de Simple CSS

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.

En caso de que no tengamos a un selector que nos haga falta, también lo podemos añadir y seguir configurando sus características y propiedades.

Una vez configurado todas las características de los selectores que hemos usado, podemos eliminar las que no tengamos en uso y, por otro lado, obtener la hoja de estilo generada automáticamente.

No sé cuanta utilidad podrá tener esta herramienta frente a herramientas de escritorio, algunas tan sencillas y multiplataforma como Simplecss, pero está ahí para quienes esta forma de trabajo le pueda servir.

Vía | Xybernéticos
Enlace | Sky Css Tool

Una vez establecidas las hojas de estilo de cada una de las columnas, a través de dichos atributos, podemos realizar las comparaciones necesarias y, cuando un resultando nos haya convencido, podemos escoger el código css necesario para poderlo utilizar en nuestra plantilla.

Otra herramienta similar, de la que ya se la hemos contado anteriormente, es de Typetester, que prácticamente sirve para la misma función.

Vía | Xybernéticos
Enlace | Font Tester

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.