Para tenerlo funcionando en Mac te recomiendo brew, gestiona de vicio y mantiene actualizado todos los paquetes, puedes instalar node y npm, el gestor de paquetes para node.

Lo quieres tener online? no problem, con nodester.com y no.de puedes conseguir hosting gratuito y de buena calidad. Y si necesitas base de datos NoSQL es tu solución: couchone.com y mongohq.com.

Para iniciarte en Node te recomiendo leer el wiki y la documentación, al principio es difícil diferenciar las funciones en los ejemplos, require es un dolor de cabeza.

Y para terminar dos proyectos que sigo en github que merecen mucho la pena.

• https://github.com/cloudhead/journey
• https://github.com/danwrong/restler

¿Qué tiene de especial este diseño?

1. Todo está escrito en html5
2. No utilizo classes para maquetar con CSS
3. Ahora existen 4 temas básicos
4. Paginado con AJAX
5. Avatares de twitter
6. Versión para navegadores que no acepten html5
7. Resaltado de comentarios

Mi prioridad era escribir el blog en html y maquetar usando herencias, esto me limita bastante a la hora de añadir nuevas funcionalidades pero normalmente no solemos añadir cosas nuevas. he reducido las peticiones de las imágenes usando base64.

He intentado simplificar las etiquetas, ahora con 4 temas (código, diseño, internet y offtopic) acaparo la mayoría de las anotaciones.

He añadido la paginación infinita como hace itunes, sigue siendo compatible si desactivas javascript.

Ahora obtengo la información del usuario gracias al usuario de twitter, antes lo hacíamos con gravatar.

Para no comerme mucho la cabeza he creado 2 diseños, uno con html5 y otro para buscadores o navegadores dificiles de maquetar, me resulta más rápido lidiar con varias plantillas que intentar hacer crossbrowsing (para eso ya tengo el curro).

Está es la joyita de la casa, es un sistema para resaltar comentarios y los replies que se hacen. Al utilizar el usuario de twitter tienes un autocompletado en el textarea, si escribes @ puedes tabular y buscar. Para ver el resaltado tienes que hacer click en el avatar o en el reply del mensaje.

<?php

class Subtitle {

    function Subtitle($srt) {
        $this->name = $srt;
        $this->file = @file_get_contents($srt);
    }

    function time($time=0) {
        $this->time = $time;
        $this->file = preg_replace('!([0-9:]{8}),([0-9]{3}) --> ([0-9:]{8}),([0-9]{3})!e',
                    '$this->sync("\1").",\2 --> ".$this->sync("\3").",\4"', $this->file);
    }

    function sync($time) {
        $time = strtotime($time);
        $time = $time+$this->time;
        return date('H:i:s', $time);
    }

    function save($name='') {
        if($name) $this->name = $name;
        $fp = @fopen($this->name, 'w');
        if(!$fp) return false;
        fwrite($fp, $this->file);
        fclose($fp);
        return true;
    }

}
?>

Su uso es muy fácil, solo tienes que pasar la ruta del archivo e indicar cuantos segundos quieres añadir o quitar, si quieres quitar solo tienes que poner el valor en negativo.

$subs = new Subtitle('subs.srt');
//añadir 5 segundos, quitar -5
$subs->time(5);
//si no le pasas un nuevo nombre reemplaza el archivo
$subs->save();

Lo único que hace es manipular los segundos, consiguiendo que puedas ir sincronizando poco a poco aquellos subtítulos que por cualquier razón no coinciden con el archivo de video bajado.

Durante estas semanas he podido disfrutar un poco de lo que es la ciudad, he ido a la presentación de los Premios de Bitacoras.com y saludar a mis amigos, me he acercado al MadinSpain una iniciativa de Domestika.org y el sabado me di una vuelta por la noche en blanco de Madrid.

Tengo muchas ganas de experimentar, ahora que por desgracia tengo mas horas libres de la cuenta me pondré a investigar sobre cosas que tengo en mente. Ya tengo preparado varios scripts, es cuestión de el subirlos al blog.

Si alguien de Madrid o alrededores conoce un piso que este en Alquiler por favor avisadme, y bueno como ultimo recurso también algún piso compartido.

Muchas gracias de antemano, donde se han metido los pisos? existen?

Durante estos 11 meses he aprendido bastante y le he dedicado mucho tiempo al proyecto, mis compañeros han sido fenomenales (especial mención a David) y el ambiente que se respira en bitacoras.com es de lo mejor. Sin embargo la decisión de marcharme a Tuenti viene condicionada (ademas de la oferta) por un abanico de características que hacen que se convierta mi marcha en un nuevo reto para mi, donde me pueda seguir formando y aprendiendo. Esto no es un adiós sino un hasta luego, porque los buenos amigos no se pierden aunque no estés cerca de ellos.

Mi marcha implica residir en Madrid y trabajar en las oficinas, un cambio que anda costando (la búsqueda de un piso en Madrid (me echáis un cable?) ), voy a echar de menos a mi novia (ella ya me echa de menos y aun no me he ido :( ), los detalles de mi madre y la idea de ir a vivir a Madrid (que obviamente no es Cádiz).

Muchas gracias a mi familia, mi novia y mis amigos por apoyarme y aconsejarme en esta nueva etapa.

Todos los detalles los comenta mi compañero Perdomo en la noticia del lanzamiento.

Pues eso, que estrenamos nuevo corte de pelo :).

La estrella de esta casa es Window.Growl un script que cree hace bastante tiempo y que gracias a Paul (o eso pienso) ha llegado al mundo anglosajón.

Todo comienza con un listado de ejemplos con mootools, el cual llega a mano de webappers.com que provoca que la gente empiece a agregarlo en del.icio.us consiguiendo la portada en un par de horas.

Mucha gente en twitter me felicito y la verdad no me lo creía, pienso que estar en portada es bastante difícil.

Pues bien gracias a esto se multiplicaron por 11 el numero de visitas, una barbaridad para esta bitácora, pero tantas visitas provocan que varios usuarios lo vean y estos a su vez lo publiquen, el caso más reciente hace dos días con noupe.com otra buena bitácora.

Muchas gracias a Andrés que me pego el aviso.

Creo que es algo que tenia que contar y que me ha dado mucha alegría.

Normalmente utilizamos el evento onload para ocultar las capas, dejando un efecto visual de ahora te veo y ahora no te veo.

Para evitar este problema hay varias soluciones, aquí os dejo unas cuantas.

Escribir con document.write un style para ocultar una clase.

   document.writeln('<style type="text/css">.hide { display:none } </style>');

Añadir detrás de las capas el javascript necesario para ocultarlas

   <script type="text/javascript" charset="utf-8">
   $$('.hide').setStyle('display','none');
   </script>

Utilizar el evento domready de algunos frameworks que se dispara una vez cargado el DOM y no la página entera.

    window.addEvent('domready', function() {
$$('.hide').setStyle('display','none');
    });

Hay que decir que si el javascript no esta activado las capas no se ocultaran y estas podrán ser vistas sin ningún problema.