Archive for Noviembre, 2009

Crear una hoja 3D en photoshop

Hoy en una de mis periódicas visitas a tutsplus encuentro un videotutorial photoshop de nivel principiante con resultados muy logrados.

En aproximadamente 20 minutos de vídeo se muestra con todo detalle cómo crear la hoja de árbol en 3D a partir de la textura de una foto, el resultado final es este:
hoja

En el enlace encontrareis el vídeo junto a todo el material necesario para seguirlo.

Recopilatorio de vídeos javascript

En net.tutsplus.com han publicado un post titulado 17 Hours of JavaScript from the Masters donde se recopilan algunos videotutoriales de reconocidos gurús del lenguaje.


Más de 17 horas de material que lamentablemente esta en ingles y requiere de un nivel mínimo de la lengua de shakespeare.

Los consejos del super

Esta imagen lleva dias dando vueltas por la red, y no es para menos:

alcampo

Discos multimedia con conexión a tv para ver foros que incluyen mando a distancia a sólo datos. Lo de la capacidad también tiene tela…. quitando el apartado del tamaño no se salva una sola linea xD

vía microsiervos

Acelera firefox en ubuntu más de un 40%

Mozilla Firefox cumplió 5 añitos ayer y para celebrarlo os traigo un pequeño truco con el que acelerarlo.

Firefox viene configurada en ubuntu para hacer uso de una biblioteca llamada pango encargada de suavizar las fuentes del browser.

Resulta que esta biblioteca reduce más de un 45% el rendimiento general del navegador y apenas se nota diferencia en la calidad de las fuentes cuando optamos por desactivarlo (Yo no he sido capaz de ver ninguna diferencia, pero supongo que alguna habrá).

Para desactivarla tendremos que añadir una linea a el archivo .bashrc (o .bash_profile) de nuestra home. Dado que se trata de un archivo oculto pulsamos Ctrl + H en nautilus para que muestre todos los ficheros del directorio, ocultos inluidos, y añadimos la siguiente linea a el fichero con un editor de textos:

export MOZ_DISABLE_PANGO=1

Ya solo queda abrir un terminal en el mismo directorio (/home/misusario/) y ejecutar este comando:

source .bash_profile

Ahora reinicia tu firefox y a disfrutar :)

Fuente: a2b-net.com
Imagen: spreadfirefox

Open Flash Chart

Open Flash Chart es una herramienta de desarrollo muy completa que permite crear fácilmente gran variedad de gráficos. La biblioteca además de gratuita es open source, distribuida bajo la licencia GPL, y muy fácil de implementar en casi cualquier lenguaje de programación (incluido php).

Acepta 9 tipos distintos de gráficas entre las que se incluyen tartas, lineas, barras o áreas.
flashchart

En la web del proyecto encontrareis numerosos ejemplos para los distintos tipos de implementación que acepta (php, javascript, .Net, java, python, etc). También os dejo un enlace a un artículo que detalla como trabajar con ella desde condeigniter.

¿Qué sabe google sobre ti?

Se da por hecho que la cantidad de datos que maneja google sobre nosotros debe ser ingente, pero pocas veces nos paramos a pensar en ello.

Esta semana se ha lanzado Google Dashboard, un panel de trabajo que resume todos los datos que maneja maneja la compañia sobre nosotros en una sola aplicación.

Aquí tenéis el vídeo de presentación:

A mi me ha impresionado un poco que tantísimos datos sean manejados por una única empresa: Gmail, contacts, talk, reader, youtube, analitycs, feedburner además de el historial de búsquedas realizadas… dont be evil.

Actualizar a los últimos drivers Nvidia en Ubuntu

Los drivers incluidos en la ultima Ubuntu (9.10 karmic koala) para las tarjetas gráficas de nvidia corresponden a la versión 185.xx a pesar de que ya están disponibles los 190.42.

Comparado con las 185.xx, los nuevos drivers 190.xx añaden soporte openGL 3.2, numerosas mejoras VDPAU, compatibilidad básica con X Server 1.7 / X.Org 7.5. También acepta nuevas configuraciones para fan-speed y PowerMizer además de añadir soporte para las últimas GPUs (GeForce GT 220, GeForce G102M, GeForce G210, GeForce G210M, GeForce GT 230M, GeForce GT 240M, GeForce GTS 250M, y GeForce GTS 260M).
nvidia

A pesar de que para la gran mayoría de los usuarios no merece la pena complicarse con actualizaciones, el hecho me viene genial para comentar brevemente el nuevo método para añadir repositorios launchpad en karmic. La idea es añadir los repositorios de nvidia a nuestro SO para que cada vez que un nuevo driver sea lanzado nos aparezca automáticamente entre las actualizaciones del sistema.

Añadir el nuevo repositorio es tan simple como ejecutar el siguiente comando en consola:

sudo add-apt-repository ppa:nvidia-vdpau/ppa

El proceso se ha simplificado mucho si lo comparamos con anteriores versiones: Añadir la ruta completa del repositorio en synaptic o editar el fichero /etc/apt/sources.list e incluir la clave GPG al sistema).

Y solo nos queda instalar los siguiente paquetes de software:

nvidia-glx-190
nvidia-190-modaliases
nvidia-settings-190

Añadir marca de agua a tus imágenes con php

Hoy descubro en sitepoint un tutorial que detalla y explica los pasos necesarios para añadir una marca de agua, al vuelo, a una imagen con php.

El script final es el siguiente:

<?php
header('content-type: image/jpeg');  

$watermark = imagecreatefrompng('watermark.png');
$watermark_width = imagesx($watermark);
$watermark_height = imagesy($watermark);
$image = imagecreatetruecolor($watermark_width, $watermark_height);
$image = imagecreatefromjpeg($_GET['src']);
$size = getimagesize($_GET['src']);
$dest_x = $size[0] - $watermark_width - 5;
$dest_y = $size[1] - $watermark_height - 5;
imagecopymerge($image, $watermark, $dest_x, $dest_y, 0, 0, $watermark_width, $watermark_height, 100);
imagejpeg($image);
imagedestroy($image);
imagedestroy($watermark);  

?>

Pásate por el artículo original donde se explica detalladamente cada uno de los pasos del script.

Mostrando avatares desde gravatar

Gravatar es un servicio online gratuito que asocia avatares a cuantas de email. Wordpress sin ir mas lejos hace uso del mismo para mostrar los avatares que acompañan a los comentarios en el blog.

Las ventajas son claras, un usuario con cuenta en gravatar muestra su avatar junto a sus comentarios en cualquier blog wordpress en el que posteé, además de muchas otras páginas web que hacen uso de ello.

Desde el punto de vista del desarrollador, su integración en cualquier aplicación web no puede ser más sencilla. Basta con crear un elemento img html cuyo atributo src apunte a

"http://www.gravatar.com/avatar/" . $md5_delEmail . ".jpg"

Si estamos programando en PHP la sentencia completa sería la siguiente:

"http://www.gravatar.com/avatar/" . md5($emailDelUsuario) . ".jpg"

La url acepta además algunos parámetros extra. En caso de que el usuario no tenga una cuenta creada en dicho servicio, por ejemplo, podemos definir una imagen standard por medio del parámetro d. El resultado sería el siguiente:

"http://www.gravatar.com/avatar/" . md5($emailDelUsuario) . ".jpg?d=http%3A%2%2Fproyecto-f.net.net%2img_por_defecto.jpg";

El servicio crea varios tamaños de la misma imagen para facilitar su integración en nuestros diseños. Para definir el tamaño de la imagen existe el parámetro s, recogeríamos un avatar de 90×90 pixeles llamando a la siguiente url:

"http://www.gravatar.com/avatar/" . md5($emailDelUsuario) . ".jpg?d=http%3A%2%2Fproyecto-f.net.net%2img_por_defecto.jpg&s=90";

Dado que encriptamos el email del usuario mediante el algoritmo md5 no ponemos en peligro la privacidad de nadie.

Usando + para unir arrays en PHP

Acostumbro a hacer uso de la funcion array_merge() de php para unir arrays pero hoy descubro, vía electrictoolbox, una manera aún más sencilla de hacerlo por medio de operador ‘+’.

Para el ejemplo partimos de dos array que comparten algunas elementos:

$array1 = array(
 'fruit' => 'apple',
 'vegetable' => 'carrot',
 'drink' => 'water',
 'snack' => 'chips'
);

$array2 = array(
 'fruit' => 'banana',
 'drink' => 'juice',
 'sport' => 'running'
);

Si los unimos por medio '+' de la siguiente manera:
$array3 = $array1 + $array2;
Si ahora miramos el contenido de $array3 con la funcion print_r() el resultado quedaría así:

Array
(
 [fruit] => apple
 [vegetable] => carrot
 [drink] => water
 [snack] => chips
 [sport] => running
)

Ninite: Instalador automático de aplicaciones populares

Un formateo o una nueva instalación de Windows, o cualquier otro SO, siempre viene acompañada de la instalación de un grupo de programas básicos. Este pack de “software indispensable” difiere entre usuarios, aunque acostumbra a tener varios elementos en común: firefox, vlc, winrar, etc.
ninite
Pues he aquí aplicación, llamada Ninite, que permite la creación de un instalador a partir de una lista de 59 aplicaciones. Una vez seleccionadas las aplicaciones deseadas, bastara con pulsar en get instaler y ejecutarlo en la maquina donde desees llevar a cabo la instalación .No solo te instala las últimas versiones de cada programa, sino que además se asegura de no instalar componentes opcionales (barras de herramientas en el browser, etc).

API publica de Spotify

Los responsables del servicio online de streaming musical, han liberado una API que permite la busqueda de canciones por autores y/o temas devolviendo los resultados en formato XML.

Las llamadas a la API se realizan vía HTTP y son tan sencillas cómo se muestra a continuación:

//búsqueda por titulo de canción

http://ws.spotify.com/search/1/track?q=hexagram

//búsqueda por artista/grupo

http://ws.spotify.com/search/1/artist?q=Bj%C3%B6rk

ver demo

Más información en el blog oficial para desarrolladores de spotify