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.

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.

visualizing – Una red social de creadores de infografí­as

Publicado el

por Juan Diego Polo

No es ningún secreto que las infografí­as son una de las formas más atractivas de llamar la atención sobre cualquier tipo de información. Cada vez que he publicado alguna aquí­ en wwwhatsnew.com, cientos de personas han hecho eco de ella en las diferentes redes sociales, lo que demuestra la popularidad que están alcanzando en la web.

Es por eso que me ha llamado tanto la atención el proyecto visualizing.org, una web en la que diseñadores de todo el mundo pueden publicar su infografí­a dejándola disponible para profesores, alumnos, bloggers, periodistas y cualquier tipo de profesional que trabaje mostrando y absorviendo datos.

Podemos bajar los trabajos, conocer a su autor, descubrir los datos que sirvieron de fuente, compartir los gráficos, verlos en pantalla completa… una verdadera joya para los amantes de las infografí­as.

Gridulator – Para diseñadores que trabajan con columnas

Publicado el

por Juan Diego Polo

Aunque al no ser diseñador no le encuentre mucha utilidad en mi dí­a a dí­a, gridulator lleva todo el dí­a entre los sitios web más populares de delicious.com, con lo que es posible que muchos agradezcáis el enlace.

Se trata de una aplicación que nos genera archivos PNG con las columnas, anchos y separación entre ellas que le indiquemos previamente.

Su autor, en stuntbox.com justifica la creación al no haber encontrado nada parecido que le ayude a desarrollar sus diseños en los diferentes editores de imágen. Siendo así­ mucho más sencillo empezar a crear un sitio web bien estructurado.

TypeChart – Navega, compara y consigue el CSS de varias tipografí­as

Publicado el

por Juan Diego Polo

TypeChart es un proyecto bastante útil para los que están en proceso de elección de un tipo de letra para su nueva web.

Podemos ver textos usando varias tipografí­as, con opción de ver el estilo en Windows y Mac y, lo mejor de todo, obtener el código CSS de cada una con sólo pulsar el botón correspondiente.

Aunque no hay muchos estilos diferentes, sí­ hay los suficientes como para dejarnos un buen rato tomando la decisión.

La mayor y mejor colección de iconos sociales que conozco

Publicado el

por Juan Diego Polo

En iconshock han publicado una excelente colección de iconos en alta resolución para todos aquéllos que necesiten ilustrar su sitio web haciendo referencias a las diferentes opciones de la web social.

Podemos obtener los archivos en PNG, ICO, AI y PSD, con diferentes tamaños y con versión en escala de grises.

105 megas de iconos de todo tipo que hacen de esta una de las mejores colecciones que conozco.

instantcsscode – Crea en minutos el framework de tu proyecto web

Publicado el

por Juan Diego Polo

instantcsscode.com nos permite crear las bases de nuestro proyecto con CSS y HTML/xHTML válido como bases del framewok, permitiendo tener todas las librerí­as definidas en segundos.

Sólo tenemos que elegir lo que queremos usar y copiar el código que será generado, evitando tener que escribir más de lo normal y ahorrando tiempo que podemos invertir en crear.

Una buena idea encontrada en el siempre imprescindible webresourcesdepot.com

CloudCanvas – Crea y modifica imágenes vectoriales

Publicado el

por Sergio Seijas Freixenet

Cloud-Canvas es un servicio web que nos permite editar todo tipo de imágenes vectoriales de forma rápida y sencilla. Este portal te prestará todas las funciones básicas como pueden ser, las figuras geométricas, pinceles o hasta imprimir o crear formularios, entre otras funciones más.

Si deseamos utilizar Cloud-Canvas, tan solo debemos acceder al menú superior donde dice “LAUNCH” y listo. Cuando hagamos el paso anterior se nos aparecerá un mini escritorio donde podremos gestionar todas las herramientas para crear el gráfico vectorial.

En definitiva, un buen portal para crear y gestionar imágenes vectoriales con bastante facilidad de uso.

CSSBake – Los ingredientes necesarios para «cocinar» un buen sitio web

Publicado el

por Juan Diego Polo

Si crear un sitio web fuese como cocinar un buen plato, CSSBake se definirí­a como uno de los mejores sitios de recetas de la web.

Podemos encontrar páginas 404, fondos tremendos, menús impresionantes, formularios exquisitos… una excelente colección de ejemplos en los que podemos inspirarnos para diseñar la web de nuestros sueños.

Perfectamente clasificada, y con algunos tutoriales bastante útiles, es un recurso imprescindible para los amantes de un buen diseño.

css3menu- Una forma rápida de crear menús en CSS3

Publicado el

por Juan Diego Polo

En css3menu.com tenemos una nueva y sencilla herramienta que podemos usar para crear menús en CSS3 de forma rápida y profesional.

Sin necesidad de Javascript y con demostraciones de los ejemplos disponibles, sólo tenemos que bajar el que más nos guste e integrarlo en nuestra web, siguiendo los pasos que explican en css3menu.com.

Css3 y HTML5 son los protagonistas de esta nueva web, ahora es nuestra responsabilidad utilizar los recursos para ofrecer una mejor experiencia a nuestros lectores.