sábado, 29 de mayo de 2010

Photoshop: Pinceles, texturas, patrones y fondos gratuitos desde Eslovenia

Starnet es un equipo formado por dos desarrolladores que, desde Eslovenia, publica en su blog una buena cantidad y variedad de contenidos gratuitos para photoshop e ilustración desarrollados por ellos mismos.

Han realizado un buen trabajo con el conjunto de pinceles de líneas gastadas. Esta librería de pinceles esta realizada en 2500 x 2500 pixels por lo cual fué dividida en dos y puede descargarse gratuitamente desde su web.


Los links para descargar las librerías de pinceles son estos:


Cada una de las librerías fué dividida en 20 pinceles de gran resolución y ocupa al rededor de 20mb cada una.

viernes, 16 de abril de 2010

ActionScript 3: Cortar imagenes con BitmapData + copyPixels

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.Supongamos que queremos hacer un rompecabezas. Para ello queremos levantar una imagen y que ActionScript la desglose en piezas donde, cada pieza tiene un pedacito de imagen.



ActionScript no nos dejará cortar directamente una imagen, pero podemos usar algunas artimañas para realizarlo.

Para nuestro ejemplo usaremos ésta imagen del PezOjo! de 400px x 400px* que tenemos en la biblioteca del .fla. (porían usarse también imagenes externas o que estén en el escenario.

lunes, 22 de marzo de 2010

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.


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

viernes, 19 de febrero de 2010

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->

martes, 9 de febrero de 2010

Complementos Top para navegadores: Firefox, IExplorer, Chrome

Hace pocos días el suplemento tecnológico de Clarin.com realizó un top ten de los principales addons para los navegadores más populares.


Por lo general Clarin.com no se encuentra a la vanguardia de la tecnología, pero me pareció interesante ir probando la lista que ponen a disposición.

A continuación copio la lista completa, con sus links y en negrita los recursos que me parecieron más interesantes.


Agregados para Firefox:

Wordpress: Arras Theme 1.3.6 + Idioma español

Arras Theme (versión 1.3.6) es un Tema para WordPress diseñado para sitios de noticias o de revisión con un montón de características personalizables.


Viene con 5 diseños diferentes noticias para personalizar tu página principal, y un apartado que se integra a las opciones de página de WordPress para ajustar el tema a su gusto.

Tuve que utilizarlo para un proyecto de blog corporativo y la verdad es que en 2 días tengo montado un blog muy funcional, altamente personalizado y compatible con todos los navegadores que andan dando vueltas en el mercado.

A la hora de ponerme a configurarlo sólo me encontré con dos problemas principales y con poca ayuda en internet (al menos la que hay, yo no la entendí.

Así que a fuerza de mucho toquetear encontré la solución a estos dos problemas:

a) Los thumbnails (miniaturas) de las imágenes no se veían ni en el slideshow ni en los destacados de más abajo.

El problema es que para que se vean hay que hacer 2 cosas:
  1. En cada post subir una imagen desde tu equipo, los links a url de imagen no me funcionaron.
  2. Cuando la imagen termine de subir "NO APRIETES ACEPTAR". haciendo scroll hasta abajo vas a encontrar un campo llamado "URL del enlace". Copia la url que ahí figura. Ahora si podes apretar "Guardar Cambios".
  3. En tu nueva entrada vas a encontrar (hacia abajo) un campo llamado "Campos Personalizados", añadí uno nuevo llamado "Thumb" y al lado pegale la URL de enlace que habías copiado para la imagen.
    Este campo tendrás que crearlo sólo una vez. Para las próximas entradas ya te quedará guardado y sólo tendrás que seleccionarlo y pegar la URL de enlace.
  4. Ahora sí.. sólo queda disfrutar de las miniaturas y el slideshow de Arras.

b) Para personalizarlo aún mas tuve que traducir el lenguaje al español modificando los archivos .mo y .po (en otro apartado comentaré como funciona). y ahí apareció el segundo problema: el Theme estaba en idioma inglés únicamente.

Por lo tanto tuve que aprender a modificar los archivos de lenguaje del Theme (archivos .mo y .po) para poder transformarlos al español.

Así que creé estos archivos y lo puse en el foro del creador del theme.

Para instalarlo deberás:
  1. Descargar el archivo .zip que dejé en el foro del creador de Arras Theme.
    Nota: El paquete de idioma es para la versión 1.3.6.
  2. Descomprimir el .zip aparecerán dos archivos llamados "es_ES.mo" y "es_ES.po", copialos dentro de la carpeta de instalación de tu theme (normalmente: wp-content/ themes / arras-theme / language).
    (también podes editar vos mismo los archivos de idioma siguiendo éstos pasos).
    Nota: Controlá que tu versión de Arras Theme corresponda con la versión de la traducción. En la home del creador de Arras hay otros paquetes de idioma para versiones actualizadas.
  3. Es probable que al refrescar tu navegador no veas los cambios de idioma. Lo que debes hacer es, en el apartado de temas de tu wordpress, seleccionar momentaneamente cualquier otro tema y luego volver a poner el Arras.
  4. Ahora sí, refrescá tu navegador y listo, disfrutá tu Arras en español.

NOTA: Tené en cuenta que este paquete de lenguaje es sólo para el tema Arras (tanto el blog como la administración) y no para todo Wordpress. Si lo que buscas es el paquete de lenguaje para wordpress, podes bajarlo de wordpress.org en español.


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

miércoles, 9 de diciembre de 2009

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.

El portal que comparte sus ingresos