$(document).ready(function() {
  $('#btnDel').attr('disabled','disabled');
  $('#btnAdd').click(function() {
    var num = $('.clonedInput').length; // how many "duplicatable" input fields we currently have
    var newNum = new Number(num + 1); // the numeric ID of the new input field being added

    // create the new element via clone(), and manipulate it's ID using newNum value
    var newElem = $('#input' + num).clone().attr('id', 'Add' + newNum);

    // manipulate the name/id values of the input inside the new element
    newElem.children(':last').attr('id', 'name' + newNum).attr('name', 'name' + newNum);

    // insert the new element after the last "duplicatable" input field
    $('#input' + num).after(newElem);

    // enable the "remove" button
    $('#btnDel').attr('disabled',false);

    // business rule: you can only add 10 names
    if (newNum == 10)
      $('#btnAdd').attr('disabled','disabled');
  });

  $('#btnDel').click(function() {
    var num = $('.clonedInput').length; // how many "duplicatable" input fields we currently have
    $('#input' + num).remove(); // remove the last element

    // enable the "add" button
    $('#btnAdd').attr('disabled',false);

    // if only one element remains, disable the "remove" button
    if (num-1 == 1)
      $('#btnDel').attr('disabled','disabled');
  });

});

Y ahora el DOM:

<form id="testform">
   <fieldset id="input1" class="clonedInput">
      <label>Name</label>
      <input type="text" name="name1" id="name1" />
   </fieldset>
   <fieldset>
      <label>Need more fields?</label>
      <inputtype="button" id="btnAdd" value="+" />
      <input type="button" id="btnDel" value="-" />
   </fieldset>
</form>

Primero registramos la aplicación en la base de datos de Twitter. Es importante configurar el acceso de la aplicación con permisos de lectura y escritura, en la pestaña Settings. Luego generamos las cuatro claves que validarán la aplicación, que luego hay que añadir al código PHP: consumer key, consumer secret, access token y access token secret.

Después, reunimos en un archivo PHP los trozos de código que necesitamos. Incluimos la librería twitteroauth y validamos la aplicación con las cuatro claves que hemos generado:

require('twitteroauth.php'); // incluimos la librería para comunicarnos con twitter
define('_CONSUMER_KEY','tuConsumerKey'); // consumer key
define('_CONSUMER_SECRET','tuConsumerSecret'); // consumer secret
define('_OAUTH_TOKEN','tuOAuthToken'); // access token
define('_OAUTH_TOKEN_SECRET','tuOAuthTokenSecret'); // access token secret

Creamos una función que realizará la conexión:

function getConnectionWithAccessToken() {
  $connection = new TwitterOAuth(_CONSUMER_KEY, _CONSUMER_SECRET,_OAUTH_TOKEN, _OAUTH_TOKEN_SECRET);
  return $connection;
}

Ejecutamos la conexión:

// Ejecutamos la conexión
$connection = getConnectionWithAccessToken();

Publicamos en twitter, utilizando la conexión:

//Publicamos el mensaje en twitter
$mensaje = "Publicando un mensaje en una cuenta de Twitter utilizando OAuth.";
$twitter= $connection->post('statuses/update', array('status' => $mensaje) );

No es necesario preocuparse por los enlaces incluidos en el mensaje ya que Twitter los acortará convenientemente él solito. Lo que sí que tenemos que tener en cuenta es que si la hora de nuestro servidor está mal configurada obtendremos un error diciéndonos que hay un desfase de tiempo demasiado grande, y el tweet no se publicará:

Error Timestamp out of bounds

Para detectar éste o cualquier otro error conviene hacer un echo de la variable $twitter, que almacenará los errores en caso de producirse, cuando ejecutemos el archivo PHP.

Más información:

• Using @abraham’s PHP twitteroauth Library
• Actualizar Twitter a través de PHP y OAuth
• twitteroauth documentation on github

La siguiente función de jQuery permite saber cuándo un elemento del DOM está en la parte superior de la ventana del navegador para, en ese momento, cambiarle las propiedades de estilo necesarias y que permanezca siempre visible. Básicamente asocia .scrollTop() al método .scroll():

$(function () {
  var $win = $(window);
  // definir mediente $pos la altura en píxeles desde el borde superior de la ventana del navegador y el elemento
  var $pos = 140;
  $win.scroll(function () {
     if ($win.scrollTop()        $('.menu').removeClass('fijar');
     else {
       $('.menu').addClass('fijar');
     }
   });
});

Esto lo podemos aplicar a un elemento del DOM con la clase menu:

</pre>
<ul class="menu fijar">
	<li>Item 1</li>
	<li>Item 2</li>
	<li>Item 3</li>
</ul>
<pre>

que cuando se encuentre en la parte superior de la ventana adquirira la clase fijar:

</pre>
<ul class="menu fijar">
	<li>Item 1</li>
	<li>Item 2</li>
	<li>Item 3</li>
</ul>
<pre>

Los estilos CSS que darán propiedades al elemento los podemos definir de la siguiente manera:

.menu {
  position: absolute;
  top: 140px;
}
.fijar {
  position: fixed !important;
  top: 0 !important;
  z-index: 100;
}

El uso básico es el siguiente:

$img_data = getimagesize($image);

Para usarla sólo hay que tener presente que el nombre del archivo de imagen tiene que ser una cadena sin espacios al principio o al final; de no ser así, PHP nos devolverá el siguiente error:

Warning: getimagesize(imagen.jpg ) [function.getimagesize]: failed to open stream: No such file or directory...

Con un poco de atención, algo que no he tenido los dos últimos días, se puede detectar que en el mensaje de error, dentro del paréntesis, tras el nombre de la imagen hay un espacio. Esto es lo que está provocando que no encuentre la imagen.

Para evitar que los espacios nos vuelvan locos podemos usar rtrim, que elimina espacios en blanco al principio y al final de una cadena antes de procesarla:

$img_data = getimagesize(rtrim($image));

Lo encontré buceando en el código de sitepoint.

Para ejecutar un script PHP en la línea de comandos necesitamos tener instalado el paquete php5-cli, como root.

apt-get install php5-cli

La sintaxis para ejecutar un script PHP es la siguiente:

php file.php

Generamos un script PHP mínimo, que escribirá una línea en un archivo de texto plano cada vez que se ejecute, y lo llamamos por ejemplo test.cron.php; el archivo se alojará en el mismo directorio que los scripts.

$time = date("G:i:s");
$entry = "Información guardada a las $time.\n";
$file = "/var/www/testdir/test.cron.txt";
$open = fopen($file,"a");

if ( $open ) {
	fwrite($open,$entry);
	fclose($open);
}

Para que al ejecutar el script con cron no nos dé el error Could not open input file: test.cron.php, es recomendable especificar la ruta completa al archivo PHP. Si el error que obtenemos está relacionado con open_basedir restriction tenemos que definir la variable open_basedir en el archivo /etc/php5/cli/php.ini y asignarle como valor la ruta del directorio donde se encuentre el script PHP, como root, importante el punto final:

open_basedir = /var/www/testdir/.

Luego reiniciamos el servidor apache, como root:

/etc/init.d/apache restart

Creamos ahora un script de bash que ejecute el script PHP; lo llamamos por ejemplo test.cron.sh:

#!/bin/sh
php /var/www/testdir/test.cron.php

Es importante la primera línea que le dice al sistema el tipo de shell que debe usar para ejecutar el script. La shell tiene que ser la misma que almacena la variable SHELL del archivo /etc/crontab, /bin/sh en mi caso.

Por último, configuramos cron, tras asegurarnos de que el demonio crond está corriendo. Básicamente necesitamos decirle a cron qué script queremos ejecutar y con qué periodicidad. Podemos hacerlo editando el archivo /etc/crontab, añadiéndole la siguiente línea, a continuación de las reglas ya existentes, como root:

*/15 * * * * usuario /var/www/testdir/./test.cron.sh

En este caso, el script /var/www/testdir/./test.cron.sh se ejecutará cada quince minutos. Es importante que el usuario tenga suficientes permisos para leer y ejecutar el script.

Tomemos como ejemplo un XML de los últimos tweets de un usuario de Twitter, @skotperez en este caso. Podemos extraer esta información gracias a la API de Twitter.

https://api.twitter.com/1/statuses/user_timeline.rss?screen_name=skotperez

Una vez que tenemos el feed lo podemos manipular con DOM y almacenar el resultado en una variable, $arrFeeds en este caso:

$feed_url = "https://api.twitter.com/1/statuses/user_timeline.rss?screen_name=skotperez";
$doc = new DOMDocument();
$doc->load($feed_url);
$arrFeeds = array();
foreach ($doc->getElementsByTagName('item') as $node) {
  $itemRSS = array (
    'title' => $node->getElementsByTagName('title')->item(0)->nodeValue,
    'desc' => $node->getElementsByTagName('description')->item(0)->nodeValue,
    'link' => $node->getElementsByTagName('link')->item(0)->nodeValue,
    'date' => $node->getElementsByTagName('pubDate')->item(0)->nodeValue
  );
  array_push($arrFeeds, $itemRSS);
}

Luego podemos hacer correr un loop a lo largo de los elementos de la matriz para obtener la información que queramos:

foreach ( $arrFeeds as $tw ) {
  echo $tw['date'];
  echo "<br />";
  echo $tw['desc'];
  echo "<br />";
}

.centered {
  position: fixed;
  top: 50%;
  left: 50%;
  margin-top: -50px;
  margin-left: -100px;
}

El DOM debe ser algo como lo que sigue:

<div id="flus">

  <div class="part">
   <img src="http://url.de/la-imagen.png" alt="Descripción de la imagen" />
  </div><!-- end .part -->

  <div class="part">
   <img src="http://url.de/la-imagen.png" alt="Descripción de la imagen" />
  </div><!-- end .part -->

  <div class="part">
   <img src="http://url.de/la-imagen.png" alt="Descripción de la imagen" />
  </div><!-- end .part -->

</div><!-- end #flus -->

Ahora el script:

// minimum jQuery gallery
$(document).ready(function(){
        $('#flus div.part').hide();
        $('#flus div.part:first').show().addClass('visto');
        var $curr = $('.visto');
        $('#flus').append('<div class="flus-flechas"><span class="flus-flecha" id="flus-prev" title="P&aacute;gina anterior">&laquo;</span><span class="flus-flecha" id="flus-next" title="P&aacute;gina siguiente">&raquo;</span></div>');
        $('#flus-prev').click(function(){
                if ( $('#flus div.part:first').hasClass('visto') ) {
                } else {
                        $curr = $curr.prev();
                        $('.visto').fadeOut('100').removeClass('visto');
                        $curr.fadeIn('600').addClass('visto');
                }
        });
        $('#flus-next').click(function(){
                if ( $('#flus div.part:last').hasClass('visto') ) {
                } else {
                        $curr = $curr.next();
                        $('.visto').fadeOut('100').removeClass('visto');
                        $curr.fadeIn('600').addClass('visto');
                }
        });
});

Así que para utilizar el thumbnail de un vídeo de Youtube lo único que tenemos que hacer es hacer una petición al servidor que los aloja, con el identificador del vídeo:

$video_id = AtiYuWFXC1g;
// thumb de alta calidad
$video_thumb_hq = "http://img.youtube.com/vi/$video_id/hqdefault.jpg";
// thumb de calidad baja
$video_thumb = "http://img.youtube.com/vi/$video_id/default.jpg";
$video_w = "500"; // definimos la que nos interese
$video_h = $video_w * 0.8235;

Con estos datos podemos obtener la miniatura en nuestra página:

$video_out = "</pre>
<img style="width: 125px;" src="$video_thumb_hq" alt="$video_title" />
<pre>
";
echo $video_out;

Y el vídeo también:

$video_codigo = "</pre>
<iframe src="http://www.youtube.com/embed/$video_id" frameborder="0" width="$video_w" height="$video_h"></iframe>
<pre>";

http://vimeo.com/api/v2/video/video_id.output
video_id The ID of the video you want information for.
output Specify the output type. We currently offer JSON, PHP, and XML formats.

La opción de salida PHP nos permite tener todos los datos del vídeo en una matriz para usarlos a voluntad, pero antes debemos aplicarles el filtro unserialize():

$video_id = 8241516;
$video_info = unserialize(file_get_contents("http://vimeo.com/api/v2/video/$video_id.php"));
$video_thumb = $video_info[0]['thumbnail_medium'];
$video_title = $video_info[0]['title'];
$video_w = $video_info[0]['width'];
$video_h = $video_info[0]['height'];
$video_url = $video_info[0]['video_url'];

Con estos datos podemos obtener la minuatura con un enlace al vídeo:

$video_out = "
<a href='$video_url' title='$video_title'><img style='width: 125px;' src='$video_thumb' alt='$video_title' /></a>
";
echo $video_out;

O embeber el vídeo:

$video_codigo = "<iframe src='http://player.vimeo.com/video/$video_id?title=0&amp;byline=0&amp;portrait=0&amp;color=ffffff' width='$video_w' height='$video_h' frameborder='0' webkitAllowFullScreen allowFullScreen></iframe>";
echo $video_codigo;

La API permite obtener datos también de los usuarios, hacer listas de reproducción. Bien sencillo.