La gran Red
La mejor explicación para crear columnas de alto variable con CSS
Uno de los grandes misterios de la humanidad es como crear una estructura de dos o más columnas de alto variable, usando sólo CSS. En más de una ocasión he tenido que reinventar la rueda, pero gracias a BarelyFitz Design y su artículo Learn CSS Positioning in Ten Steps', ¡he visto la luz!
La idea, muy sencilla, es la siguiente
- Utilizar un div contenedor con position:relative
- Cada columna se define con un ancho definido (que puede ser un porcentaje, para que sea fluido) y con float:left
- Como último elemento dentro del div contenedor, creamos un div con clear:both
Eso sería todo! Veamos como se ve :)
Código fuente:
- <div style='position:relative;width:50%;background:purple;color:white'>
- Este es el contenedor
- <div style='width:20%;float:left;background:#bbb;'>Col 1<br />Col 1<br />Col 1</div>
- <div style='width:20%;float:left;background:#ccc;'>Col 2</div>
- <div style='clear:both;background:#333;color:white'>Pie</div>
- </div>
Demo:
Col 1
Col 1
- 4 comentarios
- 547 lecturas
Lo que hace la impaciencia: graficador de estadísticas de usuarios last.fm en ruby
Debo reconocer que me cae simpático Last.fm. Me gusta la posibilidad de llevar un registro de lo que escucho y ver a quien le gusta música similar a la mía.
Tras leer el artículo Explorando tu historial en Last.fm con LastGraph, me dieron ganas de probar el servicio de LastGraph, pero el servicio está demorando mucho. A las 15:00 de ayer entré en el número 3300 de la lista de espera y a estas alturas voy en el 2200.
Por tanto, razoné que iba a demorar menos en hacer yo un graficador en ruby que en esperar al dichoso invento.
Dicho y hecho. Pongo como adjunto el pequeño programa (lastfm.rb) , el cual se ejecuta como:
ruby lastfm.rb USER [Nº de ARTISTAS]
El número de artistas a graficar está predeterminado a 25. Por ejemplo, si quieren ver el mío
ruby lastfm.rb clbustos
El código es muy chapucero, pero funciona por lo menos. Entre las cosas que se pueden sacar en limpio, tenemos:
- Como acceder al webservice de last.fm
- Como procesar XML con Ruby, a través de REXML
- Como hacer gráficos con gruff
- Como usar sqlite3 con Ruby
- Como asesinar inocentes algoritmos
Requieren las siguientes bibliotecas de ruby:
- sqlite3: Para guardar los datos en una pequeña base de datos y no saturar los servidores de last.fm
- gruff: Para graficar
Si no les gustan los colores, métanse en el código fuente y cambien el algoritmo. Si les quedo bueno, no duden en enviarlo :)
Puse tres ejemplos de la salida del programa: mi cuenta, la de aguayoki y la de Andlynx (más conocido como El Francotirador). Y sí, nuestro amigo es fanático de Laura Pausini :S
- Añadir nuevo comentario
- Leer más
- 482 lecturas
¿Cuántos elementos HTML recuerdas?
Viendo Planet webdev, me picó el bicho por ver cuantos elementos HTML recordaba. Resultado: patético:
Aquí va el listado de lo que norecordé
- Añadir nuevo comentario
- Leer más
- 1323 lecturas
YASX: Otro XML para sitios
Mientras miraba mi viejo tikiwiki de apsique, mi sitio de psicología, aprovechaba de sacarme los pocos pelos que me quedaban, pensando como pasar los más de 70 artículos y 100 páginas a Drupal.
Claro, hacer un par de querys no es tan difícil, pero lo complicado es mantener la coherencia de los sistemas de categorías, referencias a usuarios y a otras páginas a lo largo de todo el sistema. Entonces, se me ocurrió que no sería tan feo que existiera un sistema de almacenamiento de información específico para sitios tipos CMS. Y no, no estoy hablando de RDF, aunque lo podría utilizar en parte.
- Añadir nuevo comentario
- Leer más
- 964 lecturas
TICs y educación, parte 2: Desarrollos en Tecnología Educacional y nuevas TICs
Continuando con nuestra serie de Educación y nuevas Tecnologías de la información, los dejó con estado del arte sobre lo último en investigación sobre Tecnología Educativa. No es una revisión para tesis, pero creo que para los recién iniciados en el tema, como yo, puede representar una buena forma de partir.
Archivo: desarrollo_educacion_ntic.pdf
- Añadir nuevo comentario
- 1016 lecturas
Meme: Mis 5 enfermedades venéreas preferidas
Contestando a Christian sobre las 5 enfermedades venéreas preferidas, recomiendo:
- Sífilis:Lejos, la mejor. Ataca despacio, sin que se note, y contagia a los hijos, para que paguen las culpas de sus padres a los 20, volviéndolos locos. Nice!
- Ladillas: Eficaz forma de la natura para acusar a las parejas gorreras
- Herpes Genital: Oh! Un regalo para toda la vida a la niñita que se descuido contigo
- Condilomas: Lo más estético, repollitos en carne
- SIDA: last but not least. Asesino invisible, todo un reaper
- 2 comentarios
- Leer más
- 4191 lecturas
TICs y educación, parte 1: Revisión de un artículo de Adell
Como Christian siempre anda reclamando que no escribo nada acá, implementó una idea que hace tiempo tenía en mente: publicar 3 artículos que tuve que hacer para el Magíster que estoy haciendo. Aproveché la "libertad" que nos dio el profesor para desarrollar un tema de nuestra preferencia y yo me fui por las TICs en la Educación.
El primer artículo es una revisión bibliográfica de un texto de Adell, llamado Tendencias en educación en la sociedad de las tecnologías de la información. No tiene mucho mérito por sí solo, pero es una buena introducción para los dos artículos que le siguen
Artículo: Revisión texto Adell
- Añadir nuevo comentario
- 653 lecturas
La página, a lo Francotirador
Estuve tanto tiempo insistiéndole a Christian que utilizara Drupal, que obviamente terminó utilizando Wordpress.
Como muestra de la ductibilidad de Drupal, me di a la tarea de hacer un clon del sitio de mi amigazo, con un temita drupalero.
Como pueden ver, si bien no es una copia exacta, se mantienen los principios fundamentales. Me interesaba, fundamentalmente, ver hasta donde podía torcer los generadores de datos, de tal manera de cambiar el título, quitar datos de autoría de los post o cambiar la estructura del sistema de comentarios.
- 5 comentarios
- Leer más
- 2441 lecturas
365 días después, ¡pero de verdad!
Siguiéndole la pista a Juque, Aguayoki, Huasonic y Christian, voy decir un par de palabras sobre nuestra querida campaña.
- Primero, fue un gusto conocer a todos los chicos, de forma real o virtual. No los nombre a todos, porque soy un ingrato y tengo pésima memoria. Vea listados de aguayoki y huasonic
- Segundo, no hago ningunca campaña de acción social si no hay un duro metido de por medio. Hay tanto huevón malintencionado en este país, que ni cagando me meto de nuevo a ayudar si no me blinda un sueldo mensual. Corolarios: no ganamos ni un veinte, tengo la piel blanda y si no cumplo lo que acabo de prometer, seré una mano que mece las sombras
- Tercero, fue entretenido aprender como programar para resistir un sitio de alta demanda. Sencillo, bonito y muy funcional
Eso no más. No nos veremos para la siguiente campaña gratuita, o por lo menos no sabrán que anduve dando vueltas :P
Bueno, y si quieren el curso de computación, si pagan lo doy :)
- Añadir nuevo comentario
- 1424 lecturas
¡Vuelve el Francotirador!
Muchos lo extrañábamos, todos lo sentíamos. El genial revelador de misterios, meloso inventor y contador de historias y genio del advocacy - que ditirambo, ¿eh? - vuelve a las canchas
Con ustedes: El francotirador!.
P.D.: Le perdono por hoy lo de pringao...
- 2 comentarios
- 1291 lecturas

Comentarios recientes
hace 1 día 1 hora
hace 2 días 6 horas
hace 2 días 14 horas
hace 1 semana 2 días
hace 1 semana 4 días
hace 1 semana 5 días
hace 2 semanas 1 día
hace 2 semanas 1 día
hace 3 semanas 1 hora
hace 3 semanas 2 horas