Elementos gráficos para dibujar páginas web

elementos

Si necesitáis dibujar alguna página web para mostrarla a un cliente antes de empezar a programarla, os recomiendo que uséis los componentes que están distribuyendo en jankoatwarpspeed.com.

Se trata de una colección de botones, cajas de texto, de selección, menús, calendarios y demás objetos comunes en el diseño de cualquier página en Internet, todos ellos para Adobe Illustrator (663 kb), SVG (348 kb), PDF (293 kb) y EPS (364 kb).

50 aplicaciones para encontrar la combinación de colores ideal

Hace varios meses os recomendé una lista de herramientas web ideales para trabajar con colores, hoy os voy a indicar otra lista, más completa, que nos permite encontrar combinaciones de colores para cualquier tipo de trabajo de diseño.

La lista ha sido realizada por smashingapps.com, donde podemos encontrar maravilhas como colorexplorer, imagepalette, toucan o Checkmycolor.

Una verdadera maravilla que no puede ignorarse si trabajáis con el tema.

Enlace: 50 Best Free Tools To Create Perfect Color Combinations

Browser Size – Nueva herramienta de Google para ayudar a distribuir el contenido de una web

contenido
Google acaba de lanzar, en su Google Labs, una herramienta que puede ayudarnos a distribuir mejor el contenido en nuestras páginas web.

BrowserSize muestra una serie de lineas sobre cualquier url que le indiquemos con el objetivo de informar el porcentaje de usuarios que son capaces de ver las diferentes secciones de la web.

Usando datos estadí­sticos de la resolución de los monitores de millones de internautas, Google sabe qué porcentaje es capaz de ver el contenido que se encuentra en cualquier página web sin necesidad de usar las barras de desplazamiento, con lo que puede facilmente ofrecer esta información al público.

La herramienta no es ninguna maravilla, pero puede ser muy práctica para descubrir que tenemos contenido tan a la derecha de nuestro sitio web que sólo un 20% de usuarios es capaz de leerlo al abrir la url, por ejemplo.

Official PSDs – La comunidad de quien comparte archivos PSD (Photoshop)

Official PSDsLos que trabajan con Photoshop saben que no es fácil empezar desde cero, motivo por el que muchos ya usan officialpsds.com como una comunidad para compartir trabajos que otras personas puedan usar para encontrar capas, elementos o, simplemente, inspiración.

Podemos bajar el archivo fuente de lo que se comparte, votarlo y comentarlo. La red viene con tutoriales para principiantes y noticias para interesados.

ColourLovers ofrece herramienta de fondos de Twitter

twitter
Para los que no conocen el increible portal de los colores ColourLovers, se trata de una aplicación diseñada para crear y organizar paletas antes de decidir las que serán usadas en cualquier diseño. Ya he hablado por aquí­ varias veces de esta maravilla.

El caso es que acaban de presentar una nueva funcionalidad en www.colourlovers.com/themeleon/twitter que nos permite crear fondos para Twitter después de elegir las texturas y tonos que serán usados.

Una buena forma de dar personalidad al canal de información que muchos han abierto o están abriendo en tan popular sistema de microblogging.

abracadaban – Compra y venta de banners

banners

abracadaban.com nos ofrece la posibilidad de diseñar banners animados y ponerlos a la venta en su página web. Cada banner puede ser personalizado por los clientes, cambiando los colores, textos y enlaces, aunque la animación continuará siendo la creada por vosotros (nubes de fondo, estrellas brillando, etc).

Una buena oportunidad para encontrar banners llamativos o ganar dinero diseñándolos en varios tamaños.

Opciones web para capturar pantallas

Programas que capturan pantallas o parte de ellas los hay muchos, y muy buenos. Cuando era usuario de Windows usaba GadWin Printscreen antes de conocer el excelente WinSnap, ahora en Ubuntu suelo utilizar la extensión de Firefox ScreenGrab, aunque no funciona muy bien con contenidos flash.

Aquí­ os dejo ahora tres buenas opciones web que podéis utilizar para capturar páginas web, sin necesidad de instalar nada en los ordenadores.

Talon (de aviary.com): Una excelente forma de capturar parte del contenido y de añadirle algunos efectos usando el potente editor online de aviary.
thumboo.com: Captura cualquier página web creando miniaturas de diferentes tamaños para poder incluirlas en nuestras páginas. Incluye API para poder usar la herramienta desde programas externos.
kwout.com: basta indicar la url del sitio que queréis mostrar, os mostrará una captura de la pantalla indicada en la que tendréis que recortar, literalmente, el pedazo de página que será destacado. Después de redimensionar y ajustar la imagen os generará un código que podréis poner en vuestro sitio para mostrarlo al mundo.

Divine Project – Transformando archivos PSD en template para wordpress

divine
Divine Project es un plugin para Photoshop que convierte un archivo PSD em tema para Wordpress. Usando el plugin sólo tenemos que crear el layout deseado definiendo sus partes y exportar el tema gracias a la inteligencia de Divine Project. El resultado es compatible con los patrones web y optimizado para SEO.

En su página podéis ver tutoriales para usar el plugin en cuestión. Vale la pena echar un vistazo para ahorrar mucho tiempo de programación.