Hype es una aplicación para Mac que ofrece a los diseñadores una herramienta sencilla pero a la vez potente para comenzar a crear animaciones en HTML5, y que además permite probar las creaciones en diferentes navegadores.

Lo bueno de esta aplicación es que acerca el diseño a aquellos que no tienen tantos conocimientos en la escritura de código, algo que de a poco comenzamos a ver cada vez más. Y algo con lo que seguramente algunos no están de acuerdo pero hay que coincidir en que mucha gente creativa no sabe escribir código pero aún así tiene mucho para ofrecer a la hora de diseñar, y con Hype lo podrán lograr.

Seguir Leyendo: Hype 1.0, crear animaciones HTML5 en Mac OS X de forma sencilla

Hace un tiempo atrás hablamos de BlueGriffon, un editor HTML open source basado en Gecko, el motor detrás de Firefox 4 y Thunderbird. Hace pocos días ha llegado la versión 1.0 de BlueGriffon, y nos trae mejoras bastante importantes en la gestión de CSS y también en cuanto a la cantidad y compatibilidad de extensiones.

Es que si, el hecho de utilizar el mismo motor de Firefox quiere decir que también pueden implementarse addons para BlueGriffon, y si bien nos trae sólo 3 por defecto, hay muchas más disponibles para quien las necesite o simplemente quiera experimentar con ellas.

Seguir Leyendo: BlueGriffon 1.0, primera versión estable de este editor HTML5 open source

CSS3 ha sido una gran ayuda para los diseñadores al permitirles modificar de manera bastante rápida varios aspectos del diseño de un sitio, aunque hay que decir que al principio había mucho que editar “a mano”. Por suerte luego llegaron los generadores de CSS, y de ellos hemos visto varios.

CSS3, Please!, CSS 3.0 Maker, Grad Color, ProCSSor o CSS3Menu son algunas de estas herramientas, y también podemos mencionar a CSS3.me, un generador de código en CSS3 muy completo y sencillo de usar.

Seguir Leyendo: CSS3.me, un generador de código CSS3

Uno de los problemas para los desarrolladores web es el de la compatibilidad y los estándares, algo que muchas veces les exige tener que trabajar de más para garantizar que su sitio web se vea igual en todos los navegadores. Para ello nada mejor que un editor que soporte todos los estándares, como es el caso de BlueGriffon.

Se trata de un editor open source y multiplataforma, basado en Gecko de modo que al trabajar en el podemos ver exactamente como quedará nuestro trabajo cuando lo estemos viendo desde Firefox. Pero el apego a los estándares también permite embeber código HTML5 de audio y vídeo, o de formularios y diálogos, en nuestro trabajo, todo de manera sencilla al igual que cuando queramos insertar o redimensionar tablas.

Seguir Leyendo: BlueGriffon, un editor HTML open source basado en Gecko

A pesar de la renuencia de muchos diseñadores, las herramientas CSS3 cobran cada vez más importancia debido a la facilidad con que nos permiten modificar el aspecto y comportamiento de un determinado sitio web. Pero meterse en ese mundo requiere de bastante dedicación y paciencia, por eso las herramientas para CSS3, como CSS3, Please! o CSS 3.0 Maker son tan útiles.

Otra alternativa llega de la mano de CSS3Menu, que nos permite menús muy completos pero de carga instantánea, sin la necesidad de recurrir al JavaScript, y con varios detalles de calidad como bordes redondeados, sombras de menú y de texto, además de gradientes.

Seguir Leyendo: CSS3Menu, diseña atractivos menús con poco esfuerzo

Aunque muchos lo ven como componente infaltable del futuro de la web, CSS3 puede llegar a ser demasiado complicado, sobre todo si tenemos que trabajar con código que otros ya hayan comenzado. Por eso ya presentamos a CSS Grid Builder, a CSS Builder, a CSS 3.0 Maker y hoy haremos lo propio con ProCSSor, un servicio web que nos ayudará a ordenar un poco el códigoCSS para lograr que sea más legible.

Tal como vemos en pantalla, el uso de ProCSSor es muy sencillo ya que se basa por completo en opciones, algunas de campos de texto, otras de casillas de verificación y otras de menús desplegables, todas las cuales nos permitirán ordenar el código de la manera más acorde a nuestras preferencias.

Seguir Leyendo: ProCSSor te ayuda a ordenar tu código CSS3

Todo buen diseñador tiene que echar mano al CSS3 para lograr que su trabajo termine de lucir bien profesional, y por eso aquí en Visualbeta hemos presentado tantas herramientas para ello, como Border Radius, CSS 3.0 Maker, CSS3, Please!, ProCSSor. Hoy vamos a hablar de Grad Color, un generador de gradientes.

Su uso es muy sencillo, y para comenzar solo hay que seleccionar la posición de inicio del gradiente (superior, superior derecho, superior izquierdo, inferior, etc). Luego el ancho y alto del mismo (en el caso de nuestro ejemplo, 627 x 100 píxeles), y los colores inicial y final del gradiente.

Seguir Leyendo: Grad Color, un generador de gradientes y su código CSS3

Adobe es una compañía que no goza de la simpatía del usuario medio, en general debido a lo inseguro de dos productos como Reader y Flash, pero entre los diseñadores su imagen está mejor conservada con productos que son de indudable calidad. Como Adobe Illustrator CS5, que ha añadido una buena cantidad de características HTML5 con la llegada de un nuevo addon.

Se trata de un plugin que permite a los usuarios exportar sus diseños a formato/código HTML5, además de añadir soporte para CSS3 y para el formato SVG. Con ello se gana en compatibilidad con diferentes navegadores como Firefox, Chrome, Safari y -si todo marcha como aseguran en Microsoft- también con Internet Explorer 9.

Seguir Leyendo: Adobe Illustrator CS5 añade compatibilidad con HTML5

Para los diseñadores gráficos no hay ayuda que sea suficiente, y es que tener que lidiar con tantos navegadores (y cada uno con su correspondiente motor gráfico) a veces complica las cosas por demás. Por ello hemos mostrado en su momento a CSS3, Please!, y por eso hoy queremos presentar a un útil servicio como CSS 3.0 Maker, que ayuda en todo lo relativo a CSS3: bordes, gradientes, transiciones y demás.

Lo bueno de CSS 3.0 Maker es que genera código compatible con los 4 navegadores más importantes (Opera, Chrome, Safari y Firefox), el cual podemos ir visualizando al costado derecho de la pantalla. Esta posibilidad nos permite además ir aprendiendo CSS 3 de la manera más sencilla posible: el ejemplo.

Seguir Leyendo: CSS 3.0 Maker, un generador gráfico de CSS3

Las especificaciones de CSS3 aún están todavía muy verdes, pero quienes deseen probar un poco pueden utilizar CSS3, Please! Se trata de un generador de propiedades CSS3 gratuito, y que podrá ser utilizado desde cualquier navegador web (lo cual además, le brinda caracter de múltiplataforma).

Apenas llegados al sitio veremos una hoja de estilo que podremos editar para adaptarla a nuestras ideas. Los cambios que vayamos realizando en el código se verán reflejados en un recuadro ubicado a la derecha, el que apenas llegados podremos ver con el texto CSS3, Please!

Seguir Leyendo: CSS3, please!: un generador de CSS gratuito y para cualquier navegador