Límite de Chandrasekhar

Y luego la nada ...

Se acabó

Por fín terminé. Gracias a tod@s los que han colaborado en esta última etapa.

Galicia Arde en Directo

He pasado unos dias en Galicia, de vacaciones. En flickr os dejo algunas fotos: humo, helicopteros, naturaleza quemada... por lo demas Galicia está muy bien. Volvere!

La primera desde mi casa

Ya tengo internet en mi casa. Aqui os dejo un mural para celebrarlo, lo encontre en populicio.us, como no...

Esto es Internet

Asi son las infraestructuras que sostienen la red de redes:

Internet

WOW!

2 x hlsnf

He añadido dos nuevas entradas al proyecto helusinfa, como siempre disponible en flickr.

La primera de ellas es "sweet summer dream", con un minimo retoque sobre una foto nocturna obtenida del cielo navarro.

La segunda, "owned", con bastante más retoque: 3 filtros, blur gausiano, ajuste de tonos... desde el cesped del jardin de mi casa.

Que os gusten!

El talento no lo es todo

En lifeclever, dejan 7 consejos para aumentar la efectividad en "tu" trabajo.

Ciclo de trabajo online

En lifehack.org han publicado un artículo sobre como utilizar un conjunto de herramientas online para mejorar tu ciclo de trabajo, workflow para los yankis.

Esenciales 2006 para Ubuntu

En diveintomark.org, recogen lo que consideran aplicaciones esenciales para Ubuntu. Habrá que echarlas un vistazo!

Tenemos nuevo autor en el helusinfa: Kan!s :)

Añade ventanas a tus paginas

En Prototype Window Class, han creado una libreria capaz de añadir "ventanas" en tus páginas HTML. El efecto de la ventana está muy logrado, tanto que se pueden mover, maximizar, minimizar, abrir, cerrar...
Se me ocurren un par de usos para esta libreria realmente útiles!! Como no, esta construido usando la omnipotente Prototype.

Free Icons

En MaxPower, se han currado una lista, la cual actualizan con asiduidad, sobre sitios donde se pueden conseguir iconos gratis.

Por otro lado, os paso este enlace por si quereis ver cual es la pinta de vuestra web, en general de cualquier URL, en forma de grafo.

Aqui podeis ver la pinta que tiene helusinfa.blogspot.com, la verdad es que no se cual es el algoritmo que usan para pasar desde la página a grafo, pero sería interesante echarle un vistazo.



Actualizado:
En Pixel y Dixel, explican como se forma el grafo.

Firebug 0.4

Firebug es una extensión, en algunos casos completamente imprescindible, para Firefox (>1.5)

Funcionalidades:

• Consola javascript, podrás lanzar codigo javascript o ver los posibles errores que se produzcan en tu código
• Inspector de DOM, podrás acceder a las propiedades de cada nodo fácilmente simplemente seleccionando un elemento de la página
• Debuger de javascript - añadido en la versión 0.4 :)
• Captura de peticiones AJAX, podrás ver las invocaciones que se hacen de forma asíncrona al servidor y capturar el resultado devuelto

En este artículo se prufundiza sobre las capacidades para depurar código javascript con Firebug. El artículo está escrito usando las versiones pre-release de la 0.4.

Yo he usado esta extensión desde las primeras versiones, y puedo decir que es realmente útil en el desarrollo de cualquier página. Poder acceder a las propiedades (dom, estilo, caja ...) de cualquier elemento con un solo click, es realmente útil.

Sobre el oscuro abismo en que te meces

Dale, dale, dale y vuelve a darle.

Abismo

Tiene algún límite?

Y para completar este post categoria misc: Mil Novecientos Ochenta
Aunque en esa época era muy joven, de una forma u de otra muchos de los temas me vienen a la memoria como si fuese ayer mismo.

Como decia un amigo: ...una mala racha que habia que pasar...

Esto no hay quien lo pare

Primero fue YAHOO, que con sus YUI demostraba el esfuerzo que están haciendo las grandes compañías de Internet por llegar a la tan mentada Web 2.0. Ahora Google presenta su framework AJAX-Java.

Espero que a nadie le quede duda alguna de que AJAX será este año la tecnologia más de moda, como lo fue el año pasado. Asi como lo será Javascript. En el enlace os dejo lo que según Mozilla tendría que ser la versión 2.0 de este lenguaje.

Web for every(one|thing|where)!

Actualizado:
Otro más que se sube al carro: Eclipse Ajax Toolkit Framewok. Nada más y nada menos que la IMHO mejor herramienta de desarrollo.

No somos nada!

Siempre pensamos que La Tierra es inmensa, y lo es, pero si lo comparamos con el resto de planetas, ni que decir con el sol, nos damos cuenta de que nuestro planeta es diminuto!

Aqui dejo la siguiente comparativa, que sirve para hacerse una idea de las proporciones entre los distintos astros del Sistema Solar.

Zebra

Lo prometido es deuda, un ejemplo de como usar la notación JSON y la función addEvent para algo útil.

El grueso del script lo compone el objeto ZebraTable que haciendo uso de la función abreviatura $(), que es lo mismo que document.getElementById(), y de la función addEvent es capaz de rayar una tabla html, dándole un aspecto realmente profesional.

var ZebraTable = {
 bgcolor: '',
 classname: '',
 stripe: function(el) {
  if (!$(el)) return;
  var rows = $(el).getElementsByTagName('tr');
  for (var i=1,len=rows.length;i < len;i++) {
   if (i % 2 == 0) rows[i].className = 'alt';
   Event.add(rows[i],'mouseover',function()
     { ZebraTable.mouseover(this); });
   Event.add(rows[i],'mouseout',function()
     { ZebraTable.mouseout(this); });
  }
 },
 mouseover: function(row) {
  this.bgcolor = row.style.backgroundColor;
  this.classname = row.className;
  row.className = 'over';
 },
 mouseout: function(row) {
  row.className = this.classname;
  row.style.backgroundColor = this.bgcolor;
 }
}

Lo que hace este objeto JSON es recorrer todas las filas del objeto tabla e ir asignandoles un estilo determinado dependiendo de si el indice de la fila es par o impar. A su vez asocia a cada fila dos funciones para dos eventos. Para el evento onmouseover le asocia la función ZebraTable.mouseover, encargada de resaltar la fila por la que pasamos el puntero del ratón. Para el evento onmouseout le asocia la función ZebraTable.mouseout, que devuelve a cada fila el estilo que tuviera.

Para asociar los eventos utilizá otro objeto JSON, Event. Event tiene dos métodos, que se encargan de ligar/desligar las funciones a los eventos. Es algo parecido a la función addEvent que os he comentado estos últimos dias, pero más eficiente. Además ambas funciones estan encapsuladas en el objeto Event.

OO power!

Revisión

Dustin Diaz acaba de publicar la entrada número 11 en su podcast. En esta entrada hace una revisión de las mejores 10 funciones que propuso en Noviembre de 2005, que conforman su commons.js.

Lo estoy escuchando ahora, parece ser que se ha encariñado con las YUI de Yahoo.

Entre las funciones que se caen tras la revisión, esta precisamente addEvent, la cual os la he comentado en la entradas anteriores. No es que se caiga, pero se opta por usar la gestión de eventos de las YUI, o por lo menos recomienda usar la mejor implementación que se podría hacer, disponible aqui.

Os pego el código de la nueva forma de implementar la asociación de eventos:

function addEvent( obj, type, fn )
{
 if (obj.addEventListener)
  obj.addEventListener( type, fn, false );
 else if (obj.attachEvent)
 {
  obj["e"+type+fn] = fn;
  obj[type+fn] = function() { 
    obj["e"+type+fn]( window.event ); }
  obj.attachEvent( "on"+type, obj[type+fn] );
 }
}

function removeEvent( obj, type, fn )
{
 if (obj.removeEventListener)
  obj.removeEventListener( type, fn, false );
 else if (obj.detachEvent)
 {
  obj.detachEvent( "on"+type, obj[type+fn] );
  obj[type+fn] = null;
  obj["e"+type+fn] = null;
 }
}

Se ha simplificado el código y se ha añadido la función removeEvent para pode desligar un evento de un objeto.

La próxima entrada os presentaré, una aplicación real para JSON y el commons.js. Solo adelanto un poco : ZEBRA!

Asociación de eventos

En la entrada anterior mencioné (y utilizé) una función para asociar eventos a objetos de JavaScript que saqué del common.js de Dustin Diaz. Hoy voy a explicar como funciona, en mayor profundidad.

Primero veamos el código completo de esta función:

/* addEvent: simplified event attachment */
function addEvent( obj, type, fn ) {
 if (obj.addEventListener) {
  obj.addEventListener( type, fn, false );
  EventCache.add(obj, type, fn);
 }
 else if (obj.attachEvent) {
  obj["e"+type+fn] = fn;
  obj[type+fn] = function() { 
     obj["e"+type+fn]( window.event ); }
  obj.attachEvent( "on"+type, obj[type+fn] );
  EventCache.add(obj, type, fn);
 }
 else {
  obj["on"+type] = obj["e"+type+fn];
 }
}

La función recibe tres parametros:

• obj: objeto al que le queremos asociar la función para un evento


• type: tipo de evento al que asociamos la funcion


• fn: función que se asocia al objeto para que se dispara en determinado evento

En resumen, lo que hace esta función es asociar para el objeto obj en el evento ontype la función fn.

Podemos notar que la función addEvent internamente utiliza un objeto EventCache, que se encarga de "apilar" y "desapilar" los eventos ligados a los objetos. Viendo el codigo completo en el common.js podemos ver lo que hace a pleno detalle. También hacer notar que mediante un método de EventCache se desligan los eventos que tuviesemos añadidos cuando se destruye el objeto window.

En la últimas entradas hemos hecho incapié en el operador this. En este caso, por estar trabajando con eventos, quiero recordar que this invocado desde la función de respuesta al evento, hace referencia al objeto que ha disparado el evento. De esta forma podremos tener acceso al objeto, para modificarlo según convenga.

En la siguiente entrada, trataré de profundizar en this cuando se invoca desde funciones disparadas por eventos. Se puede llegar a cambiar el objeto al que apunta this para este tipo de funciones.

Un modelo para objetos JSON

Una vez introducidos a lo que es JSON, lo que resultaría de utilidad es saber como usarlo para el desarrollo de nuestros scripts.

Siguiendo este modelo nuestro código quedara ordenado por objetos. Dentro de cada objeto primero añadimos los campos que necesitemos, seguido la función init que inicializa todos los campos que lo necesiten, y por último el grueso del funcionamiento asociado al objeto.

A continuación se muestra un posible modelo para trabajar con esta notación:

var obj = {
 a : Object,
 b : Array,
 c : false,
 d : null,
 init : function() {
  // inicializar las variables del objeto
  a = document.getElementById("estado");
  this.run();
 },
 run : function() {
  // ejecutar el codigo que queramos
 }
}
function initializer() {
 obj.init();
 // añadir el resto de inicializadores de otros objetos aqui
}
//se puede usar cualquier codigo, body.onload,
//YAHOO.event, Prototype.js para asociar
//la función initializer al evento de carga.
addEvent(window,'load',inializer);

Hay que hacer notar que podemos pasar de nuestro scripts ordenados por funciones a JSON de forma rápida. En general los cambios son minimos. Además tenemos la ventaja de que las funciones declaradas dentro de un objeto solo seran visibles desde el objeto o a partir del objeto. De esta forma podemos tener dos objetos distintos con la misma función en su interior y comportamientos distintos. Hemos conseguido scope o ámbito o visibilidad para nuestras funciones!

Un pequeño apunte sobre la función addEvent, esta función se encarga de asociar al objeto window, en el evento onload la funcion initializer. Esta extraida del common.js de dustindiaz.com. También se recomienda echar un vistazo a las librerias que ha publicado YAHOO, para la gestión de eventos, son simplemente espectaculares! Pero si quereis un script ligero y fácil de usar os recomiendo el common.js de Dustin Diaz, donde tambien podreis encontrar varias funciones muy útiles. Tengo pendiente otro post en el que destripar este pequeño compendio de funciones JavaScript.

JSON - JavaScript Object Notation

JSON es el acrónimo de JavaScript Object Notation, y es un subconjunto de este lenguaje. Es un formato de texto independiente del lenguaje. La mayoria de los lenguajes de programación tienen soporte para trabajar con este tipo de notación, los podemos encontrar todos listados en json.org.

JSON es un formato de intercambio de información, algo parecido a XML, pero más ligero. Es facilmente legible por humanos, a la vez que es fácil aprender su sintáxis para cuando queramos escribirlo.

Al ser JSON un subconjunto de la notacion de objetos de JavaScript, hacer uso de esta notación desde JavaScript es bien sencillo. Por lo tanto otro uso para esta notación es simular la orientación a objetos tradicional desde JavaScript. Veamos el siguiente objeto en notación JSON:

var objetoJSON = {
   a: "soy un string",
   b: ["soy", "un", "array", "de", "strings"],
   c: function(){
      alert("soy una funcion" + this.a + this.b[0]);
   }
}

Sencillo y limpio. Una de sus principales ventajas es el uso "racional" de la palabra reservada this, que en JavaScript da tantos quebraderos de cabeza.
Una vez definido el objeto objetoJSON, podemos acceder a sus atributos y funciones usando la notación ".".

Con esta primera introducción a JSON en JavaScript, quiero sentar las bases de las siguientes anotaciones, que haran uso de este tipo de notación.

Naked=0

CSS level: 5 of 5

Tenia ganas de darle un cambio al blog. Tanto blanco no me gustaba. Quedan algunos retoques. Pero la base ya esta. Espero que os guste.

Naked--

CSS level: 3 of 5;

Mola ,no?

Naked--

CSS: ON
CSS level: 1 of 5

Naked

CSS : off

Perder el juicio

http://www.newportharbor.us/computerworks.htm

Nothing Else Matters

So close, no matter how far
Couldn't be much more from the heart
Forever trusting who we are
and nothing else matters

Never opened myself this way
Life is ours, we live it our way
All these words I don't just say
and nothing else matters

Trust I seek and I find in you
Every day for us something new
Open mind for a different view
and nothing else matters

never cared for what they do
never cared for what they know
but I know

Kororaa

Live CD con XGL y COMPIZ. Ayer mismo la probe: da miedo.
Muy buena impresión.

Un Dia Delicioso

1. U
2. n
3. D
4. i
5. a
6. D
7. e
8. l
9. i
10. c
11. i
12. o
13. s
14. o

No tendran problemas...

Creating Passionate Users @

The only thing standing between you-as-amateur and you-as-expert is dedication.

Cadenas

El otro dia os presente la nueva serie de animacion Ergo Proxy. Resulta que leyendo comentarios sobre esta serie encontre referencias a otras series de los mismos creadores. La que más se nombraba era Samurai Champloo.

Anime Underground tiene todos los capitulos repartidos en la mula, no tienen muchas fuentes pero con paciencia se pueden conseguir. Hoy he visto el primer capitulo y me ha gustado. Musica hiphop para una serie de samurais con animaciones muy bien conseguidas. Personajes estilizados y movimientos agiles de camara.

Para mas info sobre esta serie : wikipedia!

Actualizado: Samurai Champloo en Cuatro.

Gran Nach

Se salió. Saco a relucir todos sus mejores temas, no echamos en falta ni uno! Incluso el mítico Ser o No Ser que hacia en Poesia Difusa junto a Lirico de Doble V. Por no hablar de la canción que más he escuchado en esto del hiphop: Basado en Hechos Reales.

Que decir de los Arma Blanca?! Tremendos, le dan una fuerza a Nach en cada tema difícil de igualar. Esperamos una gira de los AB en solitario. Animo!!

Apostasía

Stephen Roberts @

"Te digo que ambos somos ateos. Yo simplemente creo en un dios menos que tú. Cuando entiendas por qué descartas a todos los otros posibles dioses, entenderás por qué yo descarto al tuyo."

Date de baja en la iglesia para que dejen de tocar la pe***** con las estadísticas.

Ergo Proxy

Ergo Proxy, nueva serie anime. El primer capítulo es de una calidad técnica abrumadora, con diferencia las mejores animaciones en mucho tiempo.

La historia se desarrolla en un futuro cercano en el que boots y humanos conviven en aparente armonia.

Viendo el primer capítulo puedo aventurar que sera una mezcla de terror, boots, movimientos imposibles y psicologia, adezerado con unas excelentes animaciones. La música, asi como la ambientación en general, es de una calidad sublíme.

Como siempre disponible en Frozen Layer.

Inderterminación, que no incertidumbre

Wikipedia - Heisenberg @

...por el mismo hecho de realizar la medida, el experimentador modifica los datos de algún modo, introduciendo un error que es imposible de reducir a cero, por muy perfectos que sean nuestros instrumentos...

Can you take me higher?

N B A : Dunk Contest

Tu mismo, oye, tu mismo

Do It Yourself ::: Hazlo tu mismo

Claridad

Desde LifeHacker :

Clarity is key. Clarity is the key component, because you need to have clarity in your communication to the people you lead, and to the people you serve, you need to have clarity of mission, purpose and passion so people want to follow you, and you need clarity of purpose to wade through all the information that will come your way to find the truth, or at least the most relevant information.

Un centenar de entradas!

Whot, como pasa el tiempo.

Para celebrar la entrada numero cien, que mejor que una mirada a la blogoesfera. Los 50 blogs más referenciados por el resto del mundo, los verdaderos bloggers: Linkology

Mastering AJAX

De la mano de IBM, tres artículos para profundizar en AJAX:

1. Part 1: Introduction to AJAX
   
2. Part 2: Make asynchronous requets width JavaScript and AJAX
   
3. Part 3: Advanced requests and responses in AJAX
   

Mas madera: Yahoo & AJAX

Yahoo ha presentado sus herramientas y patrones de diseño para la nueva web que estamos viviendo. Y en el siguiente blog las analizan una por una: Yuiblog.

PDA

Desde una ACER N50 os escribo!

NACH - 3 de Marzo

El dia 3 de Marzo, Nach actuara en Bilbao (Santana 27). Las entradas ya están a la venta y yo ya tengo la mia. ¿A que esperas?

Yo veo (vi)

1. Bleach
2. Sousei no Aquarion
3. Eureka 7
4. Blood+
5. ARMS
6. Ghost in the Shell: Standart Complex
7. Full Metal Alchemist
8. Trinity Blood

Todas muy recomendables! Gracias a Frozen Layer y el trabajo de todos los grupos de FanSub. Si me acuerdo de alguna serie más edito el post.

Entrada #94

Uy, que me olvido de mi blog. No puede ser, tantas cosas por hacer, descubrir, leer, entender, disfrutar... Para el que quiera saber en lo que estoy metido solo tiene que pasar por mi del.icio.us y echar un ojo a los enlaces que añado diariamente.

Uno de ellos, el último (por ahora) es una guia de optimización para Ubuntu, si bien se puede aplicar a cualquier desktop Linux. La guia esta en castellano, y a prueba de tontos. Los consejos son claros y directos. Del estilo: escribe esto en este sitio.

Uno de los consejos que mas útil me ha parecido es el que propone modificar el valor relativo a la cantidad de swap que se hace. Si reducimos el valor por defecto (para los kernel de la familia 2.6 es de 60) conseguiremos aumentar de forma considerable el rendimiento general de nuestro escritorio.

Linux now!

OMG

La liamos: Diablo III

Para ti

• http://www.lifehacker.com/index.xml
• http://feeds.feedburner.com/LifeHack/
• http://www.microsiervos.com/index.xml
• http://www.javahispano.org/noticias.xml
• http://www.javacrawl.com/LatestItems.action?target=feed
  
• http://boingboing.net/index.xml
• http://ask.metafilter.com/rss.xml
• http://feeds.feedburner.com/43Folders
• http://meneame.net/rss2.php
• http://backends.barrapunto.com/barrapunto.rss
• http://feeds.feedburner.com/tvtorrentinfo
  

Botones

3472 botones organizados por categorias.

Desanimate

Atentos a las frases: Demotivators.

Nankurunaisa

Al final, todo se resulve.

Mas alla de la sombra...

...existe un mundo que asombra.

Largo? MUY largo

Un mural impresionante: Worm

Necrópolis

Abram - Necrópolis @

Vendrá una edad en que la ciencia oscurecerá por doquier, las esperanzas de los hombres. Carros de hierro rodaran por la tierra, que se endurecerá y vaciará para soportar su peso. El aire se llenara con el clamor de muchas voces. Plagas y enfermedades desconocidas, serán multitud hasta que el suelo y el mar enfermen, y el viento, se convierta en un flujo de vapores envenenados.Todo hombre será puesto a prueba dolorosamente. De tal modo que al fin, ninguno escapará de la opción entre la luz y la oscuridad: Necrópolis.

Ta da Ta da Ta da

Ta-da: Tienes muchas cosas en la cabeza? Demasiadas? Seria la hostia poder anotarlas todas, y poder acceder a ellas siempre que quisieses, incluso que alguien a parte de ti las pudiese ver...o incluso editar?

Ta-da es un gestor de todos. Un todo es algo que tienes por hacer. Con esta herramienta podrás anotar las cosas que tienes que hacer mañana, la semana que viene, ... Puedes crear varias listas, publicar algunas de las listas para que sean accesible para el resto del mundo, o limitarlas a ciertos usuarios.

Ta-da forma parte del conjunto de aplicaciones desarrollado por 37signals: Basecamp.

Software colaborativo, de calidad, por un tubo. Todo en RoR!?

Tags tags y más tags

Hace unos semanas os comentaba la revolución que ha vivido internet gracias a los tags. En el siguiente enlace podeis encontrar un resumen pormenorizado de lo que ha sido este año en cuanto a los tags, asi como una guia básica para saber como elegir el tag más apropiado para un determinado contenido: Reglas para poner tags

Pangea

¿Como es cada país a grandes rasgos? Prejuicios

El Camino Recto

Falsalarma - El Camino Recto @

Hay dias en los que palos no duelen, no muelen, no suelen volver cual muelles.

Calma

Después de tantas comidas, cenas, salidas, empachos, resacas, dormideras, ... llega por fín la calma del nuevo año. Durante estos ultimos días lo que más me ha llamado la atención ha sido:

• Maquetación CSS paso a paso
• Es signal37 el nuevo google?
• Sonido hyper-real
• Imagen a Texto a Imagen...
• Firefox como suite de desarrollo CSS

Los 24ways se han terminado, un miradita? En breve lo echaré de mi visita diaria. Ahora estoy en proceso de elegir una visita diaria nueva.

Flickr-ing

Dos cosas interesantes relacionadas con Flickr:

• High Speed: conjunto de fotografias de alta velocidad.
• Retrievr: buscador de imaganes de Flickr a partir de esbozos.

Start

Otro año. Ya os lo dije, el tiempo escapa. Al contrario que para la montaña helada de aqui al lado, el tiempo para nosotros vuela. Durante el año pasado hemos vivido muchas cosas: buenas, malas, mejores, peores,... pero de eso se trata justamente, de vivir. Me conformo con que el 2006 se parezca en algo al 2005.
Como dice Nacho:

Vive para los demás sin dejar de pensar en ti. Se que es difícil pero lo comprenderás.