Para hacerlo funcionar simplemente necesitamos php5-gd:

# apt-get install php5-gd

el código

# Generador d'imatge animada del radar metereològic meteocat.com
# Desenvolupat per Blackhold
# 2011-11-16

# I get the json file
$file= file_get_contents("http://www.meteo.cat/servmet/radar/images/cappicor_catalunya_10dBZ/images.json");

# And process the data
#var_dump(json_decode($file));
$parsed=json_decode($file);
$array=$parsed-{'items'};

//echo $array[0]-{'src'};

$length=count($array);

for ($i=0;$i< $length;$i++){
        $png = imagecreatefrompng("http://www.meteo.cat/servmet/radar/".$array[$i]->{'src'});

        imagegif($png, "./meteo.".$i.".gif");

        imagedestroy($png);
}

exec("/usr/bin/convert -delay 60 -loop 0 ./meteo.*.gif ./meteo.gif");
exec("rm ./meteo.*.gif");

Y para que se vaya actualizando de vez en cuando lo añadimos al cron que lo vaya verificando cada 6 minutos, periodo con el que se actualiza el json de meteocat.

# vi /etc/crontab
# generador meteocat
*/6 * * * * root php /var/www/meteocat.php

Aquí os dejo con un ejemplo (no abusar! el código es muy simple, lo puedes poner en local o en un servidor tocho -compartid los links!-).

La propiedad usada es overflow y el pequeño añadido al código propuesto por xsb ha sido la propiedad overflow-y: hidden, para que no aparezca la barra de scroll vertical.

Aquí el pedacito de código:

sectionpre {
	font-size: 1em;
	padding: 1em;
	border: 1px dashed #aa0000;
	color: #000;
	background-color: #FFFFDB;
	line-height: 1.1em;
	overflow: auto;
        overflow-y: hidden;
}

Como el template del blog es en HTML5, le aplico esta propiedad sólo al contenido principal, en este caso section.

Espero que os guste la pequeña modificación ;)

Muchas gracias!… ||| Seguir leyendo... >>>

Aquí tenemos una demostración de lo que se puede llegar a hacer por ejemplo con 64k de programa.

Chaos Theory – Awesome 64k Demo!… ||| Seguir leyendo... >>>

No entiendo tu código, ¿qué hace esto de aquí?

No lo sé, pero sin esto no funciona… ||| Seguir leyendo... >>>

La expresión es cierta, ya que en los 70 hubo un experimento dónde se trató de enseñar a programar a los monos, además de los estudios en cuanto tiempo un animal era capaz de escribir una frase del libro de Shakespeare en menos tiempo.… ||| Seguir leyendo... >>>

Con un simple pedazo de código es posible hacer cosas tan potentes como esto:

Pulsa el vídeo y verás como se esparce por toda la página y vuelve en si, como si de un replicador de estos de SG-1 se tratase!

En esta página encontraréis más información de como se ha hecho, también tenéis la alternativa de hacer un control+u y ver el código ;)… ||| Seguir leyendo... >>>

Si si, HTML5! pues anda aquí lo tenéis, existe y es usable y según mi primera impresión super comprensible y fácil de modificar. Esto si, no he programado el tema del wordpress desde 0, he usado un tema de wordpress llamado H5 y he tratado de modificarlo de tal forma para que se parezca un poco al mandingo que tenía anteriormente.

Algunas de las novedades que trae HTML5 es la incrustación de css, es posible definir las propiedades de cada uno de los elementos sin la necesidad de lenguajes externos (desaparecen los molestos span y div), definir etiquetas que no existen, además de la reproducción de audio y vídeo sin la necesidad de conectores externos (adiós flash!), definición del idioma de la página, mejora de los elementos script (algunas propiedades llevan los tipicos onmouse, onreselease, etc.) y no se cuantas cosas mas… así que aquí lo tenéis y se pueden hacer cosas tan potentes como esto: Sketchpad.

Dejad volar la imaginación :)

Algunos links de interés:
wikipedia
Referencia HTML5 w3schools
Otra referencia HTML5 de w3c
Algunas demostraciones mas de lo que es capaz HTML5
plantilla gráfica del HTML5

Los que no hicisteis los deberes con el css y el xhtml, ahora tenéis la oportunidad de re-engancharos :)… ||| Seguir leyendo... >>>

Para aquellos que os canséis de los comentarios o anotaciones estúpidas que hago tenéis la fuente en este link.

En una de las cajas de comentarios que hay comentan, si eres un phpero, python no es php! los ficheros que programas no van en /var/www en el caso que vayas a hacer una página web, esto puede ser incluso peligroso, así que creamos un directorio donde vivirán todos nuestros proyectos.

Para crear un nuevo proyecto lo haremos con el django-admin.py

$ cd ~/scripts/django
$ django-admin.py startproject holamundo

Esto nos crea un directorio con 4 ficheros con extensión .py:
* __init__.py: Es un fichero vacío que le dice a Python que este directorio debe tratarse como un paquete de python.
* manage.py: Una utilidad de consola que te permite interactuar con el proyecto Django de varias formas. Puedes leer todos los detalles sobre manage.py en django-admin.py y manage.py.
* settings.py: Propiedades/Configuración de este proyecto Django. Las propiedades de Django nos darán alguna pista de como funcionan.
* urls.py: Las declaracion de las URL para este proyecto; una “tabla de contenidos” de tu página bajo django.

Ejecutar el proyecto
Ahora vamos a comprobar que nuestro proyecto funciona (si, esto ya es un proyecto funcional, pero vacío). Para ello entramos al directorio del proyecto y escribimos:

$ python manage.py runserver
Validating models…
0 errors found

Django version 1.2 pre-alpha SVN-11638, using settings ‘holamundo.settings’
Development

… ||| Seguir leyendo... >>>

Hoy puede ser un gran día para empezar con python, pero primero tengo que instalar un entorno de desarrollo que se llama django que me ha recomendado marc0s.

Para empezar con las cosas sencillas en lugar de instalar el programa por apt, vamos a descargarnos los sources y vamos a ejecutar un par de comandos que los apunto para no tener que estar sufriendo unos minutos porque el programa no funciona.

Primero de todo lo descargamos:

$ cd ~/bin
$ svn co http://code.djangoproject.com/svn/django/trunk/ django-trunk

una vez finalizado hacemos un par de vínculos simbólicos para que podamos ejecutar el django simplemente llamándolo en la consola.

$ su
# ln -s `pwd`/django-trunk/django /usr/local/bin/django
# ln -s `pwd`/django-trunk/django/bin/django-admin.py /usr/local/bin

y ahora le decimos al sistema que el path del python es el del django.

en la página web de djando, dónde cuenta como hacer la instalación, contaba algo del PYTHONPATH, que no era necesario en linux, así que he ejecutado directamente el django-admin.py para ver qué ocurría y me soltaba esto:

$ django-admin.py
Traceback (most recent call last):
File “/usr/local/bin/django-admin.py”, line 2, in
from django.core import management
ImportError: No module named django.core

finalmente he escrito esto y ya funciona:

$ export PYTHONPATH=/home/laura/bin/django-trunk

para hacerlo permanente añadid el PYTHONPATH en vuestro .bashrc.

finalmente ejecutando el django-admin.py (con el help), nos sale una ristra de comandos que … ||| Seguir leyendo... >>>