Daniel Mota / IceBeat

Mi vida en formato CSS3

Estás en la bitácora de IceBeat, una página sobre diseño y desarrollo web.

Hola!

Tiene sentido escribir en una bitácora después de tantos meses? Probablemente no, pero mola pensar que hay alguien que aun sigue teniendo mi RSS.

He aprendido bastante estos últimos años, todo gracias a mis compañeros y a los retos que he han ido surgiendo en mi empresa.

De ser hombre orquesta y diseñar para 800x600 ahora nos convertimos en personas especializadas donde lo importante es saber donde consumimos la información. Se nos llena la boca de Mobile First y RWD, muy bonito todo, pero seguimos encontrando unos truños que madre mía. Lo bueno de todo esto es que empezamos otra vez a diseñar para pantallas pequeñas (aunque tengan una calidad que flipas).

Estoy muy preocupado por esta tendencia de hacer las cosas porque simplemente la gente lo hace... como bien dice un amigo mío: Lo único que hacemos es recolectar elementos y recursos gráficos para convertirlos en pantallas/interacciones. Nada de chicha y nada de experimentación. Ya si eso se lo dejamos para los que seguimos en twitter, que viven con su perro y dan charlas por todo el mundo.

Y aquí mi pregunta. No estás cansado de beber todos los días de la misma fuente? De seguir a las mismas personas en todas las redes sociales que existen? De leer los mismos artículos? De ir a las mismas conferencias? Que te coman la oreja las mismas personas? Yo estoy agotadísimo chavales.


node.js

Correr Javascript en el servidor de una forma simple y rápida ya es posible con NodeJS, en serio, en una tarde ya puedes tener corriendo tu propio servidor, la curva es tan rápida que solo necesitas saber javascript.

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.


HTML5 y CSS3... 572 días

Después de varios intentos hoy os presento el nuevo rediseño de icebeat.

1

¿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).

1

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.

1


Sincronizar Subtítulos .srt

Algunas veces no sé porque pero la función del VLC para manipular los segundos de los subtítulos no funciona correctamente, suele ocurrir cuando no están bien sincronizados. La mejor forma es bajarte un programita y alterar la linea de tiempo. No entiendo la razón pero no he encontrado ninguna aplicación web que lo haga así que me he creado una clase en PHP para manipular los archivos .srt

<?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.


Novedades

Muchas gracias a todo el mundo que me ha ayudado en la búsqueda del piso, he podido orientarme y encontrarlo, la verdad que los pisos en Madrid no son una gran maravilla, sobre todo lo que cuestan, pero es lo que tiene venir a la capital.

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.

Página 1 de 57 · Mostrar 5 más