35 vectores gratuitos usables

Vectorious.net es un sitio dedicado a la comercialización de imagenes vectoriales, que además ofrece tutoriales de illustrator, demostraciones de ilustradores y stocks temáticos.

Pero además tiene una breve pero impresionante colección de vectores gratuitos, completamente utilizables y realmente muy útiles.

A continuación te los muestro:
Ojo al piojo que al final estan los mejores

Los mejores sites en CSS

The CSS Awards es una gran galería de los mejores sitios desarrollados con CSS. 

Tal como el fwa.com fué (y es) un sitio de consulta y paseo de todos los desarrolladores flash que desean ver en qué anda la tendencia. En the css awords se dedican a recopilar y votar los mejores sitios desarrollados en CSS.

El ranking tiene cierta seriedad porque cuenta con un jurado internacional formado por bloggers, agencias y diseñadores de reconocido prestigio, que valoran los sitios web.

Pero la verdad es que lo mejor es visitarlo y ver qué es lo que se está haciendo en el mundo del CSS. Pero además cuenta con un blog en el que publican notas a los desarrolladores donde podemos aprender sobre sus técnicas y filosofías de desarrollo.

En un blog llamado Prime Crunch encontré un parrafo que define muy bien lo que se siente visitando este sitio: 

Es todo muy transparente desde los criterios usados que son diseño, creatividad, usabilidad y contenido, hasta el microsite del jurado. La web permite visualizar las notas otorgadas por los miembros del jurado, además de que los usuarios realizar su valoración, escogiéndose un sitio del día.

Es un gran sitio para cuando estas pasando una crisis de creatividad, mejorando tus diseños con css3, html5, ahondar en la web 2.0 o simplemente conocer como vienen las tendencias

 

23 Recursos esenciales para entender HTML5

El desembarco del HTML 5 es inminente, y en él no sólo se espera una lluvia de aplicaciones nuevas sino también toda una nueva metodología y entornos de desarrollo.

El siguiente artículo es una traducción del artículo publicado por Ryan Carson en su blog de desarrollo web ThinkVitamin.:

Lightbox - la galería de imagenes que todos vemos en html.

Se trata de una de las galerías de imagenes más utilizadas en los sitios desarrollados en dhtml.

Si bien no es un nuevo, esta herramienta desarrollada por Lokesh Dhakar, resulta una herramienta hiper-util a la hora de montar una galería de imágenes dinámica y con buena estética sin recurrir al viejo y (hoy un poco vapuleado) flash.

Simplemente basta con poner las carpetas de archivos js en tu server, incluír los .js en la página donde se mostrará la galería y modificar un poco los links de tus imagenes y ya se logra un gran efecto.

Y lo más importante: Al ser de código abierto, puede personalizarse y mejorarse tanto como quieras. Ni hablar de jugar con los estilos libremente, ya que está basado en CSS.

Podes verlo funcionando en ésta demo.

Descarga la versión 2.04 (actual) desde aquí o desde la página de la librería

La instalación son 3 simples pasos que se detallan aquí.

Modificar idiomas en wordpress u otras plataformas y temas con archivos .mo y .po

Una práctica común en los CMS de código abierto (Por ejemplo Wordpress y los temas para wordpress, MediaWiki de los creadores de wikipedia, Moodle, y otrtas aplicaciones de contenidos web) se utiliza de manera muy común que en éstas puede personalizarse el idioma en que se va a mostrar la página (el blog o lo que sea).

Ocurre también que generalmente los autores de los temas o de algunos CMS lo crean en su idioma y quedan a la espera de que la comunidad de desarrolladores arme los distintos paquetes de idioma.

Cuando utilizamos uno de estos CMS y sobre todo los themes creados por terceros, nos encontramos con que no existe en la red un paquete de idioma para el nuestro (por ej. español) y ahí es donde tenemos que empezar con los malabares.leer más->

ActionScript 3: Solución para problemas con la Clase Tween

Hoy te traigo un jueguito muy simple pero que tiene algunas cosas interesante para analizar como listeners para teclado y mouse, setInterval() y otras yerbas que irán apareciendo en el script.

Desde ActionScript2 vengo utilizando con maravillosos resultados la clase tween para hacer animaciones pequeñas (cambiar alphas, posicion, tamaño, etc).

Por eso, cuando me mudé a ActionScript3 me puse muy contento al saber que todavía existia nuestra clase Tween.

El problema es que, entregado al Tween, de pronto me encontré haciendo algo como esto:

import fl.transitions.*;

import fl.transitions.easing.*;

function hacerAlgo():void{

var mySprite:Sprite;

for (var i:uint = 0; i <>

mySprite = new cuadrado_mc();

stage.addChild(mySprite);

mySprite.x = Math.random() * stage.stageWidth;

mySprite.y = Math.random() * stage.stageHeight;

new Tween(mySprite, 'alpha', None.easeNone, 0, 1, 1, true);

}

}

hacerAlgo();

Mientras éste código lo cargo una vez no hay problemas, pero cuando necesita rehacer el dibujo (digamos si cambio los valores desde un combo box u otra modificación en tiempo de ejecución) ocurre que a veces funciona y a veces no.

Cuando me cansé de buscar y rebuscar donde me había equivocado empecé a buscar respuestas en internet. Resulta que este problemita del tween viene de la mano de un nuevo artilugio de flash (al menos nuevo para mí): El Garbage Collector.

Lo que hace este recolector de basura es borrar las variables que flash carga en la memoria y que estan sin uso. El asunto parece ser que el tween ocupa mucho espacio en memoria y como flash termina el bucle (for) antes de que el tween termine su proceso, se borran las variables temporales y el proceso del tween queda trunco: A veces funciona, a veces funciona a medias y otras directamente no funciona.

Encontré montones de recomendaciones muy complejas. Algunas no las entendí, otras directamente no funcionaban.

La solución definitiva (hasta el momento porque nada es definitivo) la encontré con una Clase externa que se monta en tu proyecto y reemplaza a la clase tween de flash.

Esta galería de clases se llama CGSafe (algo así como seguro contra el garbage collector) y funciona muy parecido a la de flash, pero bien ;). Es gratuita y funciona muy bien.

Además sirve para problemas similarers con: Timers, Loaders y URLLoaders.

Lo que hay que hacer es:

1) Descargarse el paquete de Clases de la pagina del desarrollador. o haciendo click AQUI (es la ruta original del desarrollador).

2) Poner dentro de tu proyecto la carpeta com que contiene todas las clases CGSafe.

3) Importar las clases en actionscript:

donde antes importabas import fl.transitions.*; ahora importas import com.exanimo.transitions.GCSafeTween;.

4) En lugar crear al tween como new Tween(mySprite, 'alpha', None.easeNone, 0, 1, 1, true); ahora lo creas escribiendo new new CSafeTween(mySprite, 'alpha', None.easeNone, 0, 1, 1, true);.

Es prácticamente igual. El código de nuestro ejemplo, modificado, quedaría así:

import com.exanimo.transitions.GCSafeTween;

import fl.transitions.easing.*;

function hacerAlgo():void{

var mySprite:Sprite;

for (var i:uint = 0; i <>

mySprite = new cuadrado_mc();

stage.addChild(mySprite);

mySprite.x = Math.random() * stage.stageWidth;

mySprite.y = Math.random() * stage.stageHeight;

new CSafeTween(mySprite, 'alpha', None.easeNone, 0, 1, 1, true);

}

}

hacerAlgo();

5) Disfrutas viendo tus animaciones sin cortes abruptos ni errores incomprensibles.

Nota: Hay un monton de Clases por ahí que hacen lo mismo. Yo elegí la GCSafe porque es la más similar a la de Adobe y porque funciona muy bien.

Nota 2: Si esta información te sirvió por favor hacé click en los enlaces patrocinados para ayudarme a mantener este blog en línea.

Recursos gratuitos navideños 2: Muchos recursos

Siguiendo con la busqueda de recursos navideños llego hasta el blog de Teo Atienza quien presenta un gran compilado de recursos gratuitos para diseños navideños compuesta por íconos, fondos de escritorio, vectores, pinceles, themes para wordpress y fotografías. Aquí van los links para cada descarga.

25 paquetes de iconos navideños	60 fondos de escritorio sobre la Navidad
33 iconos vectoriales	40 fondos de escritorio navideños
50 fotografías de paisajes navideños	20 paquetes de pinceles
20 themes de Navidad para Wordpress	12 iconos estilo stick
50 paquetes de vectores	50 paquetes de iconos navideños
	Iconos sociales navideños

Diseños navideños gratuitos

Se viene la navidad y con ella los desarrollos de e-cards, postcards, tarjetas de felicitación y otros tantos derivados para campañas con motivos navideños.

Salimos a buscar recursos gratuitos por internet y encontramos algunas cosas interesantes.

La gente de CreativosOnline publicó un paquete con 31 vectores navideños gratuitos útiles en formato .EPS y .AI de gran tamaño que podes descargar haciendo click acá o sobre la imagen de al lado.

Además dejan un pack de 150 patrones y estampados con movitos navideños gratuitos útiles para diseño de wallpapers, tarjetas, etc. Podes descargarlos haciendo click en cáda imagen del post.

ForDesigner: Un monton de cosas útiles y gratuitas

ForDesigner.com es un sitio dedicado a recolectar recursos vectoriales gratuitos y ponerlos a disposición de los usuarios.

Allí podremos encontrar desde colecciones de íconos y trazos vectorizados , recursos y templates completos en flash, psd, banco de imagenes.

Las secciones estan divididas por tipo de recurso: Vectores / PSD / Flash / Imagenes (banco) / PNG / Templates (flash, html, etc).

Las temáticas varían pero principalmente está enfocado a vectores: shapes, galerías de íconos, backgrounds, trazos.

Levitated - Jugando con la programación

A través de a-pixel me entero de este sitio interesante y divertido.

Levitated es una publicación dedicada a la programación recreativa. Es un punto de encuentro para el diseño y la programación. Flash es el nexo para esta combinación.

En Levitated escriben algunos genios del flash y la programación. Además promocionan una gran variedad de eventos y otras publicaciones del grupo.

Si te gustan los fractales, la programación en ActionScript de flash y algo de 3d no podes dejar de visitar la galería de archivos open sourse. Donde podrás ver una interesante cantidad y variedad de programitas en flash de diseños dinámicos interesantes. Te podes descargar los .fla para estudiarlos y jugar un rato.

Speckyboy - Design Magazine

Magazine de diseño gráfico y web, que cuenta con un monton de recursos, tutoriales, portfolios y artículos del mundo del siseño.

Abarca varias áreas del diseño web y gráfico. Desde Ajax hasta fuentes pasando por tutoriales e información sobre herramientas y tendencias. Toda la información es muy útil y tratada de manera profesional.

En cada sección recopila mucha información y de la buena relacionada al mundo del diseño, generalmente brindando recursos gratuitos e información.

Si prestas atención a todas sus secciones encontrarás una gran fuente de inspiración.

Fuentes útiles y creativas

Ok. Hay miles de fonts dando vueltas en el mundo, cada cliente tiene su propio gusto, estilo o necesidades más allá de nuestros consejos.

Por eso, a la hora de buscar las fuentes más complicadas nos pasamos horas dando vueltas en la red buscando fuentes gratuitas que se adapten al "curioso criterio del cliente".

Antes de empezar esa jornada de busqueda por toda la internet yo empiezo por estos lugares.

Dafont.com tiene miles de imitaciones de fuentes comerciales, muy bien realizadas y todas gratuitas.

Además de millones de paquetes de carácteres de fantasía como simbolos, filetes, logos de empresas. En fin miles de fuentes basadas en vectores muy útiles como shapes.

Fontparede.com Presenta una menor cantidad de fuentes pero todas las que tiene son muy bien seleccionadas.

Ambos sitios estan en ingles pero la busqueda por criterio es bastante universal, bien catalogada y detallada.

Logos vectorizados

Para quienes trabajan con ilustración digital existen en la red montones de recursos disponibles que permiten hacer más livianos algunos trabajos.

La vectorización de logos por lo general suele ser una tarea que demanda algo de tiempo y los resultados pueden no ser los mejores. Si el logo vectorizado es un desastre se nota enseguida, en cambio, si el logo esta super bien vectorizado pasa desapercibido. Con lo cual es una tarea que no representa ninguna satisfacción.

Por suerte, en internet contamos con algunos bancos de logos vectorizados, a veces muy bien realizados y nos facilitan mucho el trabajo.

Hoy te dejo las tres principales bases de logos vectorizados que utilizo cuando tengo que hacer éste trabajo.

1) Brands of the world tiene una gran base de logos vectorizados, como su nombre lo indica, de todo el mundo, los logos estan muy actualizados y si no los tiene en su propia base lo busca en la red. Además cuenta con una base de imagenes vectorizadas y fonts.

2) SeekLogo una buena base de logos, se pueden encontrar versiones viejas y nuevas de las marcas y en varios formatos vectoriales y de pixel.