Categoría: Utilidades para diseño

Aplicaciones y recursos para diseñar. Recursos para diseñadores, herramientas gratuitas y consejos para diseñar por móvil y web.

redmark – Excelente herramienta para validar diseños con los clientes

Publicado el

por Juan Diego Polo

Redmark es una conocida aplicación que los diseñadores web usan frecuentemente para enviar los trabajos realizados a sus clientes.

En la misma web cualquiera podrá realizar comentarios encima del diseño, siendo mucho más sencillo y rápido obtener la opinión de una o más personas al mismo tiempo.

Con un buscador de diseñadores gráficos de todo el mundo, se convierte también en un portal de empleo en el que los profesionales pueden anunciarse para ser encontrados facilmente.

Aquí­ tenéis una demostración del proyecto, con la columna de comentarios a la derecha del trabajo realizado:
Continúa leyendo «redmark – Excelente herramienta para validar diseños con los clientes»

Los diseñadores Web en el mundo [Infografí­a]

Publicado el

por Juan Diego Polo

Una de las frases que más me impresionaron del Global Education Forum 2010 fue aquélla que decí­a:

Tres de cada cuatro niños trabajarán en el futuro en profesiones que aún no existen.

De hecho sólo tenemos que mirar a nuestro alrededor para ver la enorme cantidad de nuevas profesiones que existen, si lo comparamos a la realidad de hace 25 años, por ejemplo (cuando yo sólo tení­a 10).

Una de ellas es la de diseñador web, también una de las más complejas y de las peor reconocidas.

En la infografí­a que publicaron en testking.com muestran el perfil de este tipo de profesional en el mundo. Aquí­ os lo dejo para que lo comparéis con la realidad de vuestro dí­a a dí­a:
Continúa leyendo «Los diseñadores Web en el mundo [Infografí­a]»

21 aplicaciones para desarrolladores web

Publicado el

por Sergio Seijas Freixenet

Gracias al post que me he encontrado en Smashing Hub, voy a realizar una pequeña recopilación de sobre 21 aplicaciones web ideales para desarrolladores web.

En la recopilación hablaremos sobre editores de código, editores de imagen y creadores de logotipos.

Empecemos:

Editores de código

Amy Editor es un editor muy sofisticado con una gran interfaz que incluye herramientas profesionales como si estuvieras utilizando un editor de código instalable.

Entre sus funciones podemos destacar que podemos abrir varios archivos mediante pestañas, resaltado del código para diferentes idiomas y la posibilidad de administrar diferentes proyectos a la vez.

Bespin es una aplicación creada principalmente por los desarrolladores de Mozilla Labs, básicamente lo que nos permitirá es editar códigos embed.

Entre ellos la edición del nuevo código HTML5. Además, es una aplicación que ya tiene creado un plugin con el que podremos usar más funciones en el navegador Mozilla Firefox.
Continúa leyendo «21 aplicaciones para desarrolladores web»

SlideDeck – librerí­as para hacer elegantes presentaciones en sitios web

Publicado el

por Fco. José Hidalgo


La parte visual de cualquier sitio web hace que dicho sitio web sea más atractivo o no, permitiendo al visitante estar más o menos cómodo accediendo a los contenidos. Y puede que estos contenidos sea un pase de diapositivas, con lo que se hace necesarias herramientas que faciliten su desarrollo en el menor tiempo posible. Y ahí­ se encuenta SlideDeck.

Se trata de unas librerí­as javascript y también de un plugin para WordPress que permite a los desarrolladores crear elegantes pases de diapositivas con la menor inversión en su desarrollo posible, y de hecho para usuarios de WordPress, pueden crearlo fácilmente desde el panel de control de este CMS de blogs.

Existen versiones libres y de pago de estas librerí­as, e incluso una demo para WordPress aquí­.

Cardonizer – Las mejores tarjetas de visita del mundo

Publicado el

por Juan Diego Polo

En cardonizer.com se encargan de buscar los mejores diseños de tarjetas de visita para mostrarlos en su sitio web.

Aunque la galerí­a no está clasificada, sí­ podemos acceder a los datos del responsable por el diseño, así­ como a la información básica de la tajeta mostrada.

Diseñadores de todo el mundo pueden contribuir enviando sus trabajos y ayudando a otros a encontrar inspiración. Cada vez es más difí­cil ser original, Cardonizer nos ayuda a seguir siéndolo.

Algunas herramientas para crear infografí­as

Publicado el

por Juan Diego Polo

Ya que a todos os gustan las infografí­as que publico de vez en cuando, vamos ahora a revisar un artí­culo de makeuseof en el que nos recomiendan varias aplicaciones ideales para construir este tipo de gráficos.

Stat Planet

Permite acceder a datos estadí­sticos públicos generando mapas muy atractivos e intuitivos que podremos usar en nuestros diseños estáticos. Puede ejecutarse desde el navegador.
Continúa leyendo «Algunas herramientas para crear infografí­as»

Colorzilla presenta un editor de gradientes de colores en CSS

Publicado el

por Juan Diego Polo

Colorzilla, la famosa extensión que nos ayuda a trabajar con colores en los diseños web, ha presentado ahora un editor de gradientes en CSS que podremos usar para dar efectos más sofisticados usando hojas de estilos.

Sólo tenemos que elegir los colores que formarán parte del diseño y obtener el código que tendremos que pegar en nuestro archivo .css. El resultado es perfecto, con lo que nos evita tener que usar gifs en los fondos de las páginas.

Una buena idea que se está divulgando por las redes sociales a una velocidad impresionante.

markup.io – Pinta por encima de cualquier página web

Publicado el

por Juan Diego Polo

markup.io es una aplicación que nos permite dibujar flechas, cuadrados y cí­rculos por encima de cualquier página web, lo que puede ser muy útil para comunicar alguna idea relacionado con el diseño o contenido de la página.

Después de realizar los trazos podremos obtener una url con la imagen capturada, siendo sencillo compartirla por email en busca de un feedback en caso de ser necesario.

Su uso es bastante sencillo, sólo tenemos que arrastrar un enlace en la barra de favoritos y pulsarlo cuando queramos pintar sobre cualquier página web que estemos visualizando, obteniendo un resultado semejante al que aparece en la imagen superior.

css3maker – Trabajar con CSS3 cada vez es más fácil

Publicado el

por Juan Diego Polo

css3maker.com es un excelente lugar para generar código en CSS3 alterando parámetros de diferentes componentes de forma visual.

Podemos trabajar con bordes redondeados, con animaciones, con colores, con sombras… todo desde un único panel de control que nos ofrece el código necesario en su parte derecha.

Al trabajar con cada una de las técnicas existentes, nos informa sobre su compatibilidad en los diferentes navegadores y dispositivos, lo que nos evita sustos posteriores.

Un lugar imprescindible para los que están construyendo la nueva web.

The Hello Bar – Añade una barra superior con informaciones en tu sitio web

Publicado el

por Juan Diego Polo

The Hello Bar es un nuevo recurso que tenemos disponible para mostrar a los lectores información de cualquier tipo en cualquier página web.

Al instalarlo aparece en la parte superior de la web, mostrando el texto indicado en la sección de administración o dejando que se alimente con noticias RSS o el contenido de un canal de Twitter, por ejemplo.

Podéis ver un ejemplo de instalación en blogdecinema.com, donde lo he configurado para mostrar las últimas noticias del propio sitio, alimentando la barra con el feed del blog: blogdecinema.com/feed

De momento requiere invitación, yo he conseguido la mí­a a través del artí­culo escrito en mashable.com, donde distribuyen 250.

Una alternativa menos completa que la famosa barra de wibiya, aunque también es más directa y limpia.