RibosoMatic Blog

Capturar toda una página web en una imágen (ó también llamado screenshot) sin necesidad de software ó complemento para el navegador es posible gracias a Aviary, un servicio web que captura en imágen toda la URL que deseemos. Tan solo bastará escribir en la barra de dirección lo siguiente: aviary.com/http://tuweb.com/ y listo!

Una vez obtenida la imagen se carga en editor online de Aviary donde podemos agregar formas, líneas, flechas, texto, recortar, etc. También permite agregar algunos efectos y dispone de un editor avanzado. Y por su puesto tiene la opción de guardar nuestro screenshot a nuestra PC.

Vía DigitalInspiration

Anteriormente explicamos algo de cURL y lo que se puede lograr es muy interesante como lo mostramos en posts anteriores (Transferir imágenes a ImageShack con PHP y cURL, PageRank con PHP y cURL, Número de mis páginas indexadas por Google, Enviar mensajes (tweets) a Twitter con PHP, etc). Ahora gracias a CatsWhoCode podemos tener en cuenta 10 códigos en PHP útiles para trabajar con cURL.

Para muestra el siguiente código que permite Actualizar tu estado en tu cuenta Facebook, veamos:

<?PHP
/*******************************
*       Facebook Status Updater
*       Christian Flickinger
*       http://nexdot.net/blog
*       April 20, 2007
*******************************/

$status = 'YOUR_STATUS';
$first_name = 'YOUR_FIRST_NAME';
$login_email = 'YOUR_LOGIN_EMAIL';
$login_pass = 'YOUR_PASSWORD';

$ch = curl_init();
curl_setopt($ch, CURLOPT_URL, 'https://login.facebook.com/login.php?m&amp;next=http%3A%2F%2Fm.facebook.com%2Fhome.php');
curl_setopt($ch, CURLOPT_POSTFIELDS,'email='.urlencode($login_email).'&pass='.urlencode($login_pass).'&login=Login');
curl_setopt($ch, CURLOPT_POST, 1);
curl_setopt($ch, CURLOPT_HEADER, 0);
curl_setopt($ch, CURLOPT_FOLLOWLOCATION, 1);
curl_setopt($ch, CURLOPT_SSL_VERIFYPEER, false);
curl_setopt($ch, CURLOPT_COOKIEJAR, "my_cookies.txt");
curl_setopt($ch, CURLOPT_COOKIEFILE, "my_cookies.txt");
curl_setopt($ch, CURLOPT_RETURNTRANSFER, 1);
curl_setopt($ch, CURLOPT_USERAGENT, "Mozilla/5.0 (Windows; U; Windows NT 5.1; en-US; rv:1.8.1.3) Gecko/20070309 Firefox/2.0.0.3");
curl_exec($ch);

curl_setopt($ch, CURLOPT_POST, 0);
curl_setopt($ch, CURLOPT_URL, 'http://m.facebook.com/home.php');
$page = curl_exec($ch);

curl_setopt($ch, CURLOPT_POST, 1);
preg_match('/name="post_form_id" value="(.*)" \/>'.ucfirst($first_name).'/', $page, $form_id);
curl_setopt($ch, CURLOPT_POSTFIELDS,'post_form_id='.$form_id[1].'&status='.urlencode($status).'&update=Update');
curl_setopt($ch, CURLOPT_URL, 'http://m.facebook.com/home.php');
curl_exec($ch);
?>

Fuente http://codesnippets.joyent.com/posts/show/1204

Otras bondades gracias a cURL que describe el blog son: Velocidad de descarga de tu servidor web, login a MySpace, postear a tu blog de WordPress, número de suscriptores a tu feed, etc.

Enlace | 10 awesome things to do with cURL

Haciendo uso de JavaScript y la propiedad CSS text-shadow podemos crear este efecto sobre cualquier texto. Para matar el rato, pero interesante.

Código

document.getElementById('text-shadow-box').onmousemove = function(e) {
    var xm = e.clientX - 300;
    var ym = e.clientY - 175;
    var d = Math.sqrt(xm*xm + ym*ym);
    text.style.textShadow = -xm + 'px ' + -ym + 'px ' + (d / 5 + 10) + 'px black';
   
    xm = e.clientX - 600;
    ym = e.clientY - 450;
    spot.style.backgroundPosition = xm + 'px ' + ym + 'px';
}

El código trabaja muy bien sobre Opera, Chrome, Firefox 3.5 y Safari.

Via Ajaxian

Enlace |  Treat with CSS text shadow

Crear una pequeña imagen dinámica cómo avatar ó imagen para mostrar, es una característica interesante del actual Windows Live Messenger. Bastará con tener instalada y configurada una webcam. Veamos en una serie de pasos sencillos como lograrlo.

1. Vamos al menú Herramientas > Cambiar imagen para mostrar...

2.  En la siguiente pantalla le damos clic en el botón Imagen dinámica ...

3. En esta pantalla podemos ó bien tomar una foto con nuestra webcam ó grabar un video (de 4 segundos de duración) que se convertirá en nuestra imagen dinámica para mostrar. Podrás notar que podemos crear varias imágenes dinámicas y relacionarlas con los diversos emoticons :)  :(  ;) . 

4. Una vez generada tu imagen dinámica le das clic en Listo. Volverás a la pantalla anterior y verás seleccionada tu imagen dinámica. Finalmente solo le das clic en Aceptar. 

Vía iMessengr

Esta imágen me hace recordar los teclados numéricos en los sitios web de los bancos, donde para darle más seguridad cambian la posición estándar de las teclas por una posición al azar para escribir la clave secreta de tu tarjeta. Pero no había visto uno en la vida real...

Vía FailBlog

befunky es un servicio web nos permite transformar nuestras fotos en increibles imagenes con retoques artísticos peculiares, como si hubieran pasado por Photoshop. befunky nos permite carga nuestra foto y aplicarle una serie de efectos de que dispone. Todo esto sin necesidad de registro. Una vez aplicado el efecto deseado puedes descargar el resultado en formato JPG a tu PC y usarlo en Facebook, Twitter, WLM, etc.

Además befunky permite exportar el resultado a Zazzle para colocar tu imágen a una serie de productos como taza, llaveros, sticker, camisetas, etc. Esos productos si cuestan :)

Vía DeveloperSnippets