Para los diseñadores siempre es importante elegir para sus diseños una paleta de colores que se adapte al máximo posible a lo que se pretende transmitir en un sitio web, y que las imágenes vayan a tono. Y esto no es algo que siempre sea sencillo de lograr, pero Colorapi es un servicio que nos puede ayudar a conseguirlo.

Se trata de un sitio web que nos permite buscar imágenes introduciendo una palabra clave (en mi caso, invierno) y luego ofreciéndonos las fotografías, que obtiene desde Flickr, junto con una paleta de colores adecuados para ellas, colores que están ubicados por detrás de cada imágen, en forma de barras verticales.

Seguir Leyendo: Colorapi, una paleta de colores muy completa para diseñadores

Photoshop es probablemente la herramienta por excelencia para los diseñadores, y aunque gustos son gustos y hay quienes prefieren otras herramientas, hay que reconocer que se trata de la más popularmente utilizada. También para crear temas para WordPress, por eso nos ha parecido tan útil la herramienta que hoy presentamos, llamada Divine.

Se trata de un servicio que nos permite convertir desde el formato PSD de Photoshop al de temas de WordPress, con lo cual podemos de manera muy simple diseñar los temas en la herramienta de Adobe y lograr convertirlos en HTML y adaptarlos específicamente al CMS más popular de todos.

Seguir Leyendo: Divine, un plugin de Photoshop para convertir de PSD a temas de WordPress

El estándar HTML5 está cada vez más presente, y sus ventajas respecto a otras soluciones son muy notorias en algunos casos, principalmente en el de Flash. Adobe ya nos ha presentado una herramienta para convertir Flash en HTML5 y hoy vamos a hablar de una llamada Swiffy, creada por Google.

Se trata de una aplicación web que nos permite crear contenidos HTML5 a partir de un archivo .SWF (el formato de Flash), para lo cual solo tenemos que utilizar la herramienta de subida que Swiffy nos ofrece.

Seguir Leyendo: Swiffy, Google presenta su herramienta para convertir de Flash a HTML5

Vectorian Giotto es una aplicación para diseño y animación en Flash, y si bien no es nueva ya que lleva unos años en el mercado, queremos mencionarla porque hace pocos días sus desarrolladores han decidido comenzar a ofrecerla como freeware.

Esta es sin dudas una gran novedad para los diseñadores, que siempre han encontrado en Vectorian Giotto a un aliado para sus creaciones, con una interfaz muy ligera y sencilla que nos ofrece una buena cantidad de herramientas de dibujo, efectos, morphing y de creación y edición de sonido.

Seguir Leyendo: Vectorian Giotto, una excelente herramienta de diseño Flash que ahora es freeware

Quienes se dedican al diseño gráfico -y los desarrolladores web en menor medida- siempre necesitan un selector de colores a mano. Algo más rápido que iniciar Photoshop o Gimp para ello, y por eso hay aplicaciones varias para ello como Microsoft Color Picker, Pixeur, MooColorFinder o Color Cop.

Otra opción es la de ColorPix, una pequeña utilidad freeware que nos permitirá seleccionar el color de cualquier parte de la pantalla y obtener el código RGB, hexadecimal, HSB o CMYK del mismo. Hacerlo es muy sencillo y solo tenemos que, estando la aplicación activa, ejecutar cualquier tecla para “desbloquear” la aplicación y permitirnos seleccionar el color.

Seguir Leyendo: Color Pix es un selector de colores portable y ligero

Menubuilder es una herramienta ideal para quienes se inician en el diseño web, ya que nos facilitará la creación de menús completos en unos pocos (y sencillos) pasos.

Solo hay que dirigirnos al sitio web y seleccionar uno entre los muchos allí disponibles: los hay de diferentes colores, íconos y disposición del menú (vertical u horizontal), y en todos los casos iremos viendo como cambia el código.
Seguir Leyendo: MenuBuilder, genera menús para tu sitio web con esta sencilla herramienta

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

Para un diseñador hay pocos aspectos más importantes que el de las tipografías, no solo por el aspecto final que esto tiene en nuestro trabajo sino también por lo a veces complejo de su manejo. Por eso hemos repasado tantas posibilidades para buscar y gestionar fuentes, como FontSquirrel, FontManager, FFonts, FontSelf o FontEx.

Hoy vamos a hablar de Wordmark.it, un sitio web que nos ofrece la posibilidad de previsualizar todas las fuentes que tengamos instaladas en nuestro ordenador, con el texto que le indiquemos, volviendo mucho más fácil la elección.

Seguir Leyendo: Wordmark.it, previsualiza cualquier texto con todas las fuentes instaladas en tu sistema

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