jPages – Paginando resultados fácilmente con jQuery

Si estás en busca de una forma fácil y rápida de paginar resultados, este plugin de jQuery te vendrá como anillo al dedo. Se trata de jPages, y lo que permite es lo que describe el título de la entrada. La manera de invocarlo, al igual que todo aquello hecho con jQuery resulta casi que ridículo, de lo sencillo que es:

/* when document is ready */
$(function() {
/* initiate plugin */
$("div.holder").jPages({
containerID: "itemContainer"
});
});

Con este plugin tendrás la posibilidad de paginar no sólo texto, sino además galerías de imágenes, con efecto de aparición incluido.

Documentación: jPages (Descargar)

Visto en: Kabytes

65 sitios para descargar pinceles para Photoshop

Los brushes o pinceles son recursos que todo diseñador debe tener en su programa de diseño, ya que gracias a ellos podemos hacer cosas realmente interesantes con poco, sin tener que trabajar mucho :P. Por eso les quiero dejar esta excelente lista de 65 sitios para descargar pinceles para Photoshop gratis.

Brushes para Photoshop

1) brushking.eu
2) brusheezy.com
3) myphotoshopbrushes.com
4) getbrushes.com
5) deviantart.com
6) fbrushes.com
7) blendfu.com
8) wowbrushes.com
9) designersbrush.com
10) 123freebrushes.com
11) psbrushes.net
12) qbrushes.net
13) celestial-star.net
14) photoshopfreebrushes.com
15) phatbrush.com
16) brushes.500ml.org
17) obsidiandawn.com
18) chezplumeau.com
19) free-brushes.com
20) shizoo-design.de
21) fractured-sanity.org
22) gfxfever.com
23) inobscuro.com
24) brushfed.com
25) brushforphotoshop.blogspot.com
26) bashcorpo.dk
27) photoshoproadmap.com
28) biorust.com
29) photo-shop-brush.com
30) hawksmont.com
31) youthless.net
32) brushesdownload.com
33) hybrid-genesic.com
34) brushpattern.com
35) findbrushes.com
36) redmoonstudios.com
37) adobe.com
38) brushnet.com
39) aethereality.net
40) beautifulsin.net
41) grafplus.com
42) artflower.de
43) blinding-light.com
44) colorburned.com
45) missm.paperlilies.com
46) melsbrushes.wordpress.com
47) fudgegraphics.com
48) psbrush.com
49) jeffsdigital.com
50) room122.com
51) tomledin.com
52) alice-grafixx.de
53) arbent.net
54) personainternet.com
55) panicked.nuclearcentury.com
56) psd.tutsplus.com
57) annikavonholdt.com
58) damnedinblack.net
59) dezignus.com
60) pbrushes.com
61) photoshopbrushes.com
62) piticstyle.com
63) brushforphotoshop.com
64) photoshop-free-brushes
65) roman.de

Visto en SaveDelete

Generar sprites en un par de clicks con SpritePad

La técnica de CSS Sprites es muy utilizada por los diseñadores porque tiene grandes ventajas, por un lado la velocidad de carga de un sitio web aumenta considerablemente, y por otro ayuda a reducir el consumo de recursos ya que sólo se pide un archivo en vez de varias imágenes. El problema principal de esto es que para el usuario mortal es complicado de realizar, generar un sprite requiere de un poquito de trabajo.

Sin embargo, hoy quiero recomendarles una excelente herramienta que nos permite generar sprites online sin tener absolutamente nada de conocimientos. Estoy hablando de SpritePad, con la cual podemos crear un sprite en segundos y sin esfuerzos.

Lo que tienen que hacer es comenzar a agregar las imágenes que quieren en el sprite y acomodarlos en el espacio de trabajo, una vez que terminan el sistema les generaráel sprite y el CSS que tendrán que utilizar. Al terminar descargan un ZIP con todo incluído y listo.

Esta herramienta es totalmente gratuita y no requiere registro, aunque si creamos una cuenta tenemos la posibilidad de agregar amigos y trabajar de forma colaborativa modificando el sprite. Por otor lado también tienen una función de pago llamada Auto Layout, que se encarga de organizar automáticamente el sprite.

Enlace: SpritePad

Visto en WebResourcesDepot

Los colores y lo que nos provocan [Infografía]

Que los piratas hayan elegido el color negro para su bandera, no es del todo azar del destino. O quizá sí, por el hecho de que no conocían la psicología del color. Pero en nuestros tiempos, tras muchos estudios y años de interpretación, se sabe que un verde nos transmitirá tranquilidad, así como un blanco inocencia. Y justo por ello muchas marcas eligen ciertos colores para sus logotipos.

En la siguiente infografía se muestra a detalle lo que existe detrás de cada color:

Leer más

Photoshop a lo largo de la historia [Infografía]

La herramienta que por nombre lleva Photoshop, es de entre la sociedad informática, de las más conocidas. Habiendo quienes la utilizan para cosas tan simples como quitar los ojos rojos de una fotografía, hasta quienes viven de ella, ganando miles de dólares por crear maravillas digitales.

En la infografía del día de hoy veremos como ha sido su evolución, desde su creación en los lejanos años 90 hasta su versión CS5 en años más recientes. La información después del salto:

Leer más

FreePick – Busca imágenes gratis para tu proyecto

Si te falta encontrar alguna foto, ilustración, plantilla o vector para terminar algún proyecto, no dudes en visitar esta herramienta en línea, de nombre FreePick, cuya misión en la web es darte una solución fácil y sencilla para encontrar ese tipo de recursos. Actualmente cuenta con 1,3 millones de archivos, y el número va en crecimiento.

Además, para la alegría de muchos hispanos, es un sitio completamente en español, por lo que no sufrirán al realizar alguna búsqueda. Yo lo acabo de probar, y recién descubrí que te arroja dos tipos de resultados, los gratuitos y los de paga. La diferencia, sin mucho tiempo de análisis, fue la calidad. Los de paga eran imágenes que te ponían un wow en la boca. Pero no por ello las gratuitas dejan de ser útiles. ¡Todo lo contrario!

Web: FreePick

Visto en: Genbeta

ColorHexa: Completísima herramienta de colores online


ColorHexa es una completa y avanzada herramienta especial para diseñadores, ya que nos permite obtener información sobre cualquier color que especifiquemos. El sitio posee un buscador que nos da la posibilidad de buscar un color puntual, por ejemplo #FFA500, y el sistema nos mostrará información avanzada sobre ese color.

Dentro de la información que podemos encontrar tenemos los colores complementarios, una paleta monocromática de ese color, colores análogos, y varias paletas más que no sé bien para qué sirven (?). Por otro lado también se puede convertir de un modelo de color a otro, entre los cuales encontramos hexadecimal, RGB, CMYK, HSL, binario, etc.

En cada resultado tenemos una sección llamada «en acción», donde podemos encontrar ejemplos de uso de ese color en texto, bordes, etc. Por último también podemos mencionar el generador de degradados y un mezclador de colores que son muy útiles.

Enlace: ColorHexa

Visto en Addictive Tips

Speedpainting, dibujos en cámara rápdia [Vídeos]

Hace mucho que veo vídeos de Nicco Di Mattia, usuario de YouTube cuya pasión al parecer es el dibujo digital, y quien para goce de nosotros, toma evidencia de su creación, quedando como resultado no sólo la obra que dibuja, sino cada uno de sus trazos, así como los borrones, bocetos iniciales y demás elementos de su creación.

Resulta bastante interesante y entretenido ver sus vídeos, además de que se puede encontrar todo tipo de personajes. Desde Spiderman con su ya conocido disfraz, hasta Megan Fox posando como en Transformers. Pero mejor los dejo con algunos vídeos, ya ustedes dirán si valen la pena o no:

Megan Fox

Leer más