Tag: css (12)

A TabCreatr y CSS Type Set ahora le sumamos IzzyMenu, otro servicio web especializado en la creación de todo tipo de hojas de estilos para los menús sin necesidad de conocimiento alguno en CSS.

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

Para aquellos que se dedican al diseño web, aquí va un par de ayudas. Por un lado tenéis a TabCreatr, herramienta web en fase alfa, por la que podéis generar los diseños de los menús mediante css. Para ello os saldrá una completa tabla de opciones que tenéis que configurar para la creación de vuestro estilo css. Ya creado, sólamente tenéis que guardarlo con un nombre, y ya podrá formar parte de la galería de estilos css para los menús, donde cualquier usuario podrá previsualizarlos y valorarlos.

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

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.

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

Aquellos que no nos conformamos con usar los diseños de otros pero no se nos da bien crear nuestras propias hojas de estilos, hay herramientas que nos permite creárnosla de manera muy simple.

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

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

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.

Sky CSS Tool es una herramienta online que nos permite la creación de nuestra propia hoja de estilos de una manera muy simple. Para ello tenemos la columna izquierda, donde veremos una serie de selectores a los cuales vamos a configurar sus características a través de los botones que tenemos a su derecha, mostrándonos una serie de propiedades a configurar.

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

Font Tester es otra de las herramientas que nos encontramos en internet que nos permite comparar hasta tres diferentes tipografías, cada una en una columna propia, en la que a cada una de ellas se les otorgará una serie de atributos, como su interlineado, separaciones, tamaños, grosores u otros factores para personalizar las tipografías de cada columna.

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

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.