Andru´s Blog

Instala, actualiza, desinstala Emacs bajo Linux/ubuntu

2018-02-06T10:34:00.000-08:00

Hola, en este post explicaré cómo instalar Emacs en su versión mas reciente 26.0.91 , un poderoso editor de texto con la finalidad de ser mas productivos y agilizar nuestro trabajo.

1. Instalamos las dependencias necesarias en modo super usuario con el comando apt-get:

sudo apt-get install build-essential \
         texinfo libx11-dev libxpm-dev libjpeg-dev libpng-dev \
         libgif-dev libtiff-dev libgtk2.0-dev libncurses-dev \
         autoconf automake

2. Descargamos el último release (link de descarga)

3. Una vez que haya descargado, en mi caso se aloja a mi carpeta Downloads, y me dirigo a esta carpeta vía terminal:

cd Downloads

4. En el mismo terminal, descomprimo el archivo descargado usando el comando tar:

tar xvf emacs-26.0.91.tar.gz

5. Una vez ejecutado el comando, encontramos una carpeta llamada emacs-26.0.91 y nos ubicamos vía terminal a dicha carpeta:

cd emacs-26.0.91

6. Ejecutamos el archivo autogen.sh que contiene esa carpeta y luego aplicamos su respectivo comando configure

./autogen.sh

./configure --with-gnutls=no

7. Realizamos la creación del instalador de Emacs :)

make

8. Una vez creado el instalador, procedemos a instalarlo en modo superusuario de la siguiente manera:

sudo make install

Super ofertón!

Si no deseas seguir todos estos pasos, te invito a que descargues este pequeño archivo:

https://goo.gl/2Qyvq8

Donde indico los pasos como en este post pero con solo descargarlo y ejecutarlo de la siguiente manera:

./install_emacs_26.sh

En caso te muestre un error de permisos para la ejecución basta con realizar lo siguiente en consola:

sudo chmod +x install_emacs_26.sh

Y luego intentas de nuevo ejecutar el archivo.

OJO, en caso ya no desees tener instalado emacs, el script ofrece un parámetro que te facilitará ese trabajo:

./install_emacs_26.sh --uninstall

Como Instalar, Actualizar y desinstalar Vim bajo linux/Ubuntu

2018-01-31T22:22:00.004-08:00

Hola, bienvenido a este post, en esta ocasión enseñaré a cómo instalar vim en su edición 8.0 desde su repositorio oficial! :)

Este post es una actualización de Compilar vim en debian

1. Descargamos el último release en su repositorio oficial (link de descarga)

2. Una vez que haya descargado, en mi caso se aloja a mi carpeta Downloads, y realizo lo siguiente:

3. Me ubico a la carpeta Downloads

cd Downloads

4. Descomprimo con el comando tar y con las opciones adicionales (más info acerca del comando tar)

tar xvf vim-8.0.1451.tar.gz

5. Una vez terminado el proceso de descomprimir, encontramos una nueva carpeta llamada vim-8.0.1451, y realizamos lo siguiente:

5.1 Nos ubicamos en la carpeta generada:

cd vim-8.0.1451

5.2 Realizamos una limpieza de archivos que no usará el programa a compilarse

make distclean

5.3 Preparamos la configuración para construir el paquete de instalación:

./configure --with-features=huge --enable-multibyte --enable-rubyinterp --enable-pythoninterp --with-python-config-dir=/usr/lib/python2.7/config --enable-fail-if-missing --enable-cscope

5.4 Una vez generado nuestra configuración, procedemos a instalar vim :')

sudo make install

6. Una vez generado la instalación, enlazamos nuestro vim generado:

sudo ln -s /usr/local/bin/vim /usr/bin/vim

7. Y para ejecutar con solo escribir vim en cualquier terminal de nuestro sistema, agregamos esta línea a nuestro archivo ~/.bashrc o ~/.profile :

 export PATH=/usr/local/bin:$PATH

Ofertón!

Si no deseas seguir todos estos pasos, te invito a que descargues este pequeño archivo:

https://goo.gl/sFV8ym

Donde indico los pasos como en este post pero basta con descargarlo y ejecutarlo de la siguiente manera:

./install_vim.sh

En caso te muestre un error de permisos para la ejecución basta con realizar lo siguiente en consola:

sudo chmod +x install_vim.sh

Y luego intentas de nuevo.

OJO, en caso ya no desees tener instalado vim, el script ofrece un parámetro que te facilitará ese trabajo:

./install_vim.sh --uninstall

Manejando tags en git

2018-01-08T21:23:00.003-08:00

Hola, en este post enseñaré el uso básico de tags (etiquetas) que uno realiza en un proyecto que está bajo un sistema de versionado conocido como git.

¿Cómo crear un tag?
Antes de crearlo, verifica bien si tienes cambios pendientes, en caso tengas cambios pendientes tienes que aplicar lo siguiente:

~ git commit -am "Made some awesome new changes"

Ahora si con toda la seguridad del mundo puedes crear un tag, por ejemplo crear uno que se llame v.0.0.2 y como descripción del tag Release version 0.0.2, entonces se crea de la siguiente manera:

~git tag -a v0.0.2 -m "Release version 0.0.2"

Recuerda que haz creado un tag en tu repositorio local y ahora necesitas enviarlo
a un repositorio central o repositorio remoto que tengas.

¿Cómo subo un tag a mi repositorio remoto?
Si haz creado el tag en tu rama master, entonces se hace de la siguiente manera:

git push origin master --tags

Recuerda que al enviar tags se debe indicar la rama en donde existe.

¿Cómo Elimino el tag?
Localmente se elimina de esta manera:

~ git tag -d v0.0.2

Ah!, Y eliminarlo remotamente:

~ git push origin :refs/tags/v0.0.2

Como Instalar o Actualizar Blender bajo linux/Ubuntu

2017-10-14T11:30:00.000-07:00

Hola, esta vez daré los pasos para instalar blender desde su página web, en si su versión más reciente v2.79 y estos son los pasos:

1. Descargar el paquete que está comprimido en el mismo portal de blender (link de descarga)
2. Una vez descargado, en mi caso se aloja el comprimido por defecto en la ruta downloads, voy a la terminal y realizo lo siguiente:

3. Me ubico a la carpeta downloads

 ~ cd downloads

4. descomprimo con el comando tar y con las opciones adicionales (conocer más acerca del comando tar)

~ tar xvf blender-2.79-linux-glibc219-x86_64.tar.bz2

5. Una vez terminado el proceso, renombro la carpeta simplemente como blender o con la version blender279

~ mv blender-2.79-linux-glibc219-x86_64 blender278c

Teniendo esto viene algo interesante que puede ser un debate en mover esta carpeta porque blender tranquilamente lo puedo ejecutar en el terminal así una vez descomprimido:

~ ./blender279/blender

6. En este caso guiándome de la documentación de The linux Documentation Project, todo programa debe ubicarse en la carpeta /opt

7. Entonces tomando del punto anterior muevo mi carpeta blender279 a esa ruta en modo root o super usuario:

~ sudo mv blender279 /opt/

8. Para verificar si a copiado bien simplemente ejecutamos este comando y debe aparecer en la lista la carpeta blender279:

~ ls /opt

9. Creamos el lanzador para nuestro sistema de la siguiente manera:

~ sudo ln -s /opt/blender279/blender /usr/bin/blender

10. Listo con ello ya podemos desde nuestro terminal ejecutar simplemente:

~ blender

Links útiles:

Instalar driver de mongodb para php bajo linux/debian

2015-02-07T10:13:00.003-08:00

Hola, en este tutorial aprenderemos a cómo instalar el driver de mongodb para php 5.x Para ver si mongodb está disponible en los modulos de php ejecutamos esto en consola

~ /usr/bin/env php -m

Con este comando listamos los módulos globales que puede usarse bajo el entorno php. Si no se ve en la lista mongodb entonces es porque no existe el módulo como global, para poder hacer instalar el driver de mongodb para php se sigue los siguientes pasos:

1. Me voy a mi carpeta downloads

~ cd ~/downloads

2. Me descargo por consola el codigo fuente desde el portal oficial la version 1.5.7

~ wget --no-check-certificate https://github.com/mongodb/mongo-php-driver/tarball/1.5.7

3. En caso descargue con formato tar.gz el archivo 1.5.7, lo descomprimo

~ tar -xzf 1.5.7

4. Una vez que lo descomprimí me voy a la carpeta creada en este caso se llama mongodb-mongo-php-driver-2b13c73

~ cd mongodb-mongo-php-driver-2b13c73

5. Hago los pasos de compilación e instalación del fuente como en su web: https://github.com/mongodb/mongo-php-driver

~ phpize
~ ./configure
~ make
~ sudo make install

6. Abro el archivo php.ini del servidor apache:

~ sudo vi /etc/php5/apache2/php.ini

7. Y Agrego la siguiente línea:

extension=mongo.so

8. Para que sea ahora como modulo global modifico el archivo:

~ sudo vi /etc/php5/cli/php.ini

9. Y Agrego la linea como el punto 9:

extension=mongo.so

10. Reinicio el servidor apache:

~ sudo service apache2 stop
~ sudo service apache2 start

Esta solución fué extraída de esta fuente

Compilar vim en debian

2014-02-15T20:02:00.000-08:00

Este articulo se encuentra muy desactualizado :(, Favor de seguir el articulo Como Instalar, Actualizar y desinstalar Vim bajo linux/Ubuntu

Gracias por leer este articulo, hoy voy a dar un tip para quienes tienen debian y son fánaticos del vim y quieren tener la última versión de este poderosísimo editor, en mi caso me encontré con mi problema del soporte de clipboard pero aqui está completo con ello incluido:

1. instalamos las dependencias

$ sudo apt-get install ncurses-dev build-essential mercurial

2. Aqui viene el soporte de clipboard que es unos paquetes aparte

$ sudo apt-get install libx11-dev libxtst-dev xorg-dev

3. Como se ve, pues se ha instalado mercurial y el repo oficial de vim está en google code bajo el sistema de versionado de mercurial, se sugiere que esteas en tu carpeta home (~) asi que en terminal hacemos lo siguiente

~ $ hg clone https://vim.googlecode.com/hg/ vim

3. Con ello tenemos lo necesario hasta ahora tenemos en nuestra carpeta home(~) la carpeta vim, ahora viene lo bueno, el tiempo de compilarlo! y dice así:

3.1 Nos vamos a la carpeta src de la carpeta vim

~ $ cd vim/src

3.2 Hacemos la limpieza de la distribucion

~/vim/src $ make distclean

3.3 Configuramos la distribucion para que sea completo al instalarse:

~/vim/src $ ./configure --with-features=huge --enable-pythoninterp --enable-rubyinterp --with-x --enable-gui

3.4 Hacemos la nueva distribucion a instalarse en nuestras pc:
~/vim/src $ sudo make install


3.5 y por último exportamos el path y listo :)

~/vim/src $ export PATH=/usr/local/bin:$PATH

Espero sirva este peque articulo, por cierto estoy indicando la ruta del vim como va el proceso.

Caracteres especiales en lubuntu

2013-02-23T19:29:00.003-08:00

Presionando las teclas:

[ctrl] + [shift] + [u]

En todo editor te aparecerá una u subrayada, ¿y a qué se debe eso?.. fácil! ya puedes ingresar un caracter unicode, ten en cuenta que en linux es un muy bien chevere y te dá esa facilidad :D,
Unos ejemplos:

el famoso backslash (\) que en unicode es 005C:

cuando te aparece la u.. seguido escribes: 5C

como verás aqui el mapita de caracteres en unicode:

Cambiar de ruta por defecto de un server local apache en lubuntu

2013-02-19T20:25:00.002-08:00

Para cambiar de path por defecto de un servidor local en un sistema operativo en este caso lubuntu se tiene que hacer lo siguiente:

1.Loguarse como root
2. Luego modificar el archivo "default" que se encuentra en la ruta /etc/apache/sites-avaliable/
3. Cambiar el path que está por defecto que es /var/www , en DocumentRoot como en Directory

Reiniciar Zend Server en consola de windows / reiniciar apache

2012-12-06T07:53:00.001-08:00

Para reiniciar el servicio de apache en windows con Zend Server cuando está corriendo vía consola aplica la siguiente línea:
OJO: considera ejecutarlo cuando levante la consola o también conocido como el cmd, no es necesario que estea en una ruta en especial.


net stop Apache2.2-Zend && net start Apache2.2-Zend

Aprendiendo Box2dWeb - 2da parte

2012-11-04T19:13:00.002-08:00

En el 1er capítulo..

Se vió sobre un pequeño concepto de lo que es box2d, e intanciamos en 1era las variables y objetos a usar, ahora continuamos con el code...

2. Creamos ahora si las variables para nuestra demo:

//definimos el mundo
var world = new b2World( new b2Vec(0, 10), true);

//el patrón global para el entorno y el comportamiento de los objetos
fixDef = new b2FixtureDef;
fixDef.density = 1.0;
fixDef.friction = 0.5;
fixDef.restitution = 0.2;

//usamos esta variable para definir de modo gráfico un objeto
var bodyDef = new b2BodyDef;

//Aja! aqui interactuan 2 objetos que definimos en un principio
//la variable que define al objeto y el b2Body que te da las 2 opciones
//Si tu objeto es dinámico (b2_dynamicBody) o es estático (b2_staticBody)
//En este caso es estático, que quiere decir que no se va a mover en el //entorno
bodyDef.type = b2Body.b2_staticBody;

//La siguiente definición es con la parte del render del objeto
fixDef.shape = new b2PolygonShape;

//Al ya estar definido de qué forma es la figura, se trabaja en este caso
//como es poligonal, y quiero que sea un cuadrado, solamente recibe 2 //parámetros como Ancho y Alto
fixDef.shape.SetAsBox(20, 2);

//Establecemos las coordenadas del objeto que son X, Y
bodyDef.position.Set(10, 400/30 + 1.8);

//Ahora ya tienes de que tipo es, sus dimensiones, y sus coordenadas...
//y ahora que?
//Tenemos que agregar nuestro objeto creado en el world.
//el world lo crea tanto la definición (que es estática) y el objeto //encapsulado que es la figura a renderizarse
world.CreateBody(bodyDef).CreateFixture(fixDef);

//Luego de haber sido creado y agregado, queda aun en memoria 
//las características del objeto reciente en este caso cambio de posición //de nuevo
bodyDef.position.Set(10, -1.8);

//y luego lo agrego al mundo
world.CreateBody(bodyDef).CreateFixture(fixDef);

//Listo!, ya tenemos 2 objetos estáticos en el world!! Felicitaciones! :D
//Usando los pasos anteriores podemos reusar las variables que usamos //para la creación de los objetos estáticos.
fixDef.shape.SetAsBox(2, 14);


//Aqui nomas le cambiamos la posición
bodyDef.position.Set(-1.8, 13);
//Hacemos la misma jugada de adicionarlo al world
world.CreateBody(bodyDef).CreateFixture(fixDef);
//Otro objeto más que agregamos con distinta posición nomás
bodyDef.position.Set(21.8, 13);
//Y listo!
world.CreateBody(bodyDef).CreateFixture(fixDef);

//Ufff! que cansado jeje.. pero con esto tenemos un entorno cerrado para //hacer pruebas respectivas en el world, hay editores que nos ayuden, //pero el único detalle es que está en c++ http://www.iforce2d.net/b2deditor/

3. Ya que tenemos objetos estáticos que hacen la apariencia del world, creamos objetos dinámicos con los que vamos a interactuar, crearemos un cuadrado, un círculo y un triángulo:

//Aqui usamos de nuevo el b2Body, en este caso de modo dinámico que va
//a tener ese comportamiento de elemento manipulable y arrastrable, //claro también sería mas entendible el comportamiento de caída libre
bodyDef.type = b2Body.b2_dynamicBody;

//Otra vez consumimos del b2PolygonShape
fixDef.shape = new b2PolygonShape;

//lo manejamos como un elemento de caja
fixDef.shape.SetAsBox(1, 1);

//Definimos la posición
bodyDef.position.x = 1;
bodyDef.position.y = 1;

//Y lo agregamos :D
world.CreateBody(bodyDef).CreateFixture(fixDef);

//Ahora aqui llamamos el objeto b2CircleShape, que solamente te pide el //radio para renderizarlo
fixDef.shape = new b2CircleShape(1);
//Lo adicionamos
world.CreateBody(bodyDef).CreateFixture(fixDef);

//Para definir el triángulo, por geometría es poligonal
fixDef.shape = new b2PolygonShape;

//y definimos los vertices de este objeto
var bodyVertices = [
  new b2Vec2(0, -1),
  new b2Vec2(1, 1),
  new b2Vec2(-1, 1)
];
//Aqui se agregan los vertices a la figura poligonal
fixDef.shape.SetAsArray(bodyVertices);

//Y otra vez lo adicionamos
world.CreateBody(bodyDef).CreateFixture(fixDef);

En el siguiente capítulo continuamos con la explicación del code, queda pendiente detallar el DebugDraw y el comportamiento del mouse ;)

Aprendiendo Box2dWeb - 1era parte

2012-11-04T15:47:00.002-08:00

En este post, comento sobre una librería que me llama mucho la atención que se llama Box2D, ahora comento unos detalles de esta chevere librería:

1. Empieza a ser desarrollado en c++ por Erin Catto, desde ya buen tiempo.

2. Es tan bacan que varios desarrolladores han traducido a otros lenguajes de programación.

3. En el caso de JavaScript se han desarrollado 2 librerías muy conocidas nos referimos a Box2dWeb y Box2DJS

- "Su nombre está chevere, pero,¿a qué se dedica?" - Pues Box2d es una librería que te trae funcionalidades de comportamiento físico a un entorno, eso quiere decir que si yo creo un entorno físico adoptaría funcionalidades de la física real, sea manejar fricción, o la gravedad, o también considerando las colisiones y tooooodo lo que tiene que ver con el comportamiento físico, te ahorra mucho en desarrollar funciones complejas para calcular y/o renderizar objetos con comportamientos físicos :)

En este caso usaremos Box2dWeb para aplicarlo en canvas, ojo que también los comportamientos se pueden asociar a etiquetas como son los divs, pero empezemos conociendo lo básico.

En esta demo explico parte por parte:

1. Como verán se crea una función init, en este caso se está usando un patron llamado singleton ( que todo el código va en sábana), y defino algunas variables para referir objetos básicos de la misma librería para no repertir todo el seguimiento cada vez que lo necesite asociar, veamos:

Considera que el signo de "?" es como la ayudita para saber por qué lo vamos a referenciar y usar :)

//variables globales
var b2Vec2 = Box2D.Common.Math.b2Vec2; ?

var b2AABB = Box2D.Collision.b2AABB; ?
var b2BodyDef = Box2D.Dynamics.b2BodyDef; ?
var b2Body = Box2D.Dynamics.b2Body; ?
var b2fixtureDef = Box2D.Dynamics.b2FixtureDef; ?
var b2fixture = Box2D.Dynamics.b2Fixture; ?
var b2World = Box2D.Dynamics.b2World; ?
var b2PolygonShape = Box2D.Collision.Shapes.b2PolygonShape; ?
var b2CircleShape = Box2D.Collision.Shapes.b2CircleShape; ?
var b2DebugDraw = Box2D.Dynamics.DebugDraw; ?
var b2MouseJointDef = Box2d.Dynamics.Joints.b2MouseJointDef; ?

En el siguiente capítulo conocerémos del cómo trabajan estos objetos :D

Concepto de los objetos de Box2dWeb

2012-11-04T15:40:00.001-08:00

Hola de nuevo, en este espacio trataré de definir de un punto de vista personal sobre los objetos que usaré en el desarrollo de aplicaciones con box2dweb, y los conceptos que se tratarán en las explicaciones de code

Box2D.Common.Math.b2Vec2
llamamos al transformador de unidades de pixeles a vectoriales

Box2D.Collision.b2AABB
Necesitamos este objeto para usos como verificar collisiones, o hacer querys avanzados en el entorno que vamos a crear para otros usos interesantes.

Box2D.Dynamics.b2BodyDef
Invocamos al objeto que nos va a dar la definición del objeto cuando lo creamos.

Box2D.Dynamics.b2Body
Invocandolo te ayuda a definir el tipo de objeto que vaz a mostrar, sea dínamico o estático.

Box2D.Dynamics.b2FixtureDef
Este objeto global nos ayudará a definir un patrón de comportamiento para cuando agregemos al entorno o world.

Box2D.Dynamics.b2Fixture
Este objeto nos ayuda a encapsular propiedades en los mismos objetos creados.

Box2D.Dynamics.b2World
Aqui invocamos al centro de trabajo donde funcionarán nuestros objetos físicos.

Box2D.Collision.Shapes.b2PolygonShape
Esta referencia participa luego de definir un objeto sea dinámico o estático, es una definición más antes del render del objeto a agregarse en el world

Box2D.Collision.Shapes.b2CircleShape
Como se ve claramente es la definición importante para renderizar el objeto, tiene el mismo comportamiento que la anterior renferencia pero este dá al objeto un comportamiento de círculo

Box2D.Dynamics.DebugDraw
Este objeto nos ayudará a manejar las pruebas de forma gráfica los comportamiento de los objetos.

Box2d.Dynamics.Joints.b2MouseJointDef
Joint se comporta como unión o gancho de un objeto a otro, esta referencia nos ayudará a manejar las asociaciones del mouse del usuario con los objetos.

Seguiré actualizando según se avance con experiencias de desarrollo.

API de google de news y de Flikr con jQuery

2012-10-20T20:43:00.000-07:00

Muchas veces queremos testear un listado de noticias, o data en si, pues bueno para hacer un testing con el API de google news e integrar con jQuery es increiblemente fácil.
Ok, entonces empezemos:

Aprendiendo el API de google news
Aqui viene lo bueno, me encontré justo buscando en los APIs de los servicios de google, y me encontré con google news, aqui el link: API de google news relacionado con json

Y resalto esta parte: "Request format" en donde me da este link para trabajar:
https://ajax.googleapis.com/ajax/services/search/news

Aja! entonces ya se que puedo hacer... Uso JQuery para traer la data con json, pero hay un detalle, estoy trabajando con jsfiddle.net, y quiero hacerlo con JSONP, bueno aqui el code para usarlo con ajax de jQuery

{
  dataType:'json',
  url: 'http://ajax.googleapis.com/ajax/services/search/news?v=1.0&q="lima"&num=20&callback=?',
  success: function(data){
  var customData = [];
  if(data.responseData.results){
$.each(data.responseData.results, function(i,e){
customData[i] =
{titulo : e.title,
  desc: e.content,
  fecha: e.publishedDate};

});
  }
$("#rowTemplate").tmpl(customData).appendTo("#resultados");
  }
}
Pero como muestra poca data, aplicaremos la de flikr como para hacerlo mas interesante:

Adobe Photoshop CS4 Version 11.0 se queda colgado "Leyendo preferencias"

2010-12-02T06:39:00.000-08:00

Intentando abrir Adobe Photoshop CS4 Version 11.0 se queda colgado "Leyendo preferencias" y no pasa de aqui.

Solucion
Pasa por renombar la carpeta %userprofile%\Datos de programa\Adobe\Adobe Photoshop CS4

A adobe.old

Abrimos el photoshop de nuevo nos volvera a crear una carpeta con el mismo nombre pero con un tamaño de 800 k nada que ver con los 3mb que tenia.

Anomalías con las etiquetas HTML

2010-05-01T14:39:00.000-07:00

Hace unos días me encontré con una sorpresa de que estaba agragegando varios forms de esta manera:

<form>
.... luego de unas cuantas etiquetas mas ...

<form>
....
</form>
<form>
.....
</form>

</form>

Resulta que el primer <form> q estaba adentro hacía los sgte en los navegadores:
Firefox: No mostraba el primer <form> incluido en el form maestro
Iexplore: Se deformaba por completo el diseño
Chrome: Hacía lo mismo que firefox
Opera si no sé pero me imagino q algo en común.

Resulta que cuando se hace esto es probable de que uno se lleve con una gran sorpresa, ¿q hice? o peor aun ¿mi navegador esta mal, no q firefox?.

La respuesta a todo esto es que es notable de que no deben existir forms anidados, tenga en cuenta mi estimado lector de que cuando maquetes no hagas forms anidados.

Portafolio

2010-05-01T14:27:00.000-07:00

Presento mis trabajos realizados

Otra Problemática de ie7, el DOM

2010-03-08T19:31:00.000-08:00

El internet Explorer 7 tiene bastantes fallas como se sabe muy bien, ahora hay un detalle que comparto que es la carga de archivos css y js de un sitio web, por experiencia y en busca de foros me e dado con la sorpresa de lo siguiente:
1- ie7 no carga mas de 30 a 32 css
2- ie7 carga a la vez css con js, situacion que cuando hay bastantes css y mas aún cuando mi css contiene el popular @import donde llamo a otras css.
3-Y por último, cuando trabajo con flash que llama funciones javascript que trabajan con la estructura del HTML, un tema que es terrible porque no termina de cargar mi página web debido a que este bendito navegador no es del todo bueno.

RECOMENDACIONES:
Por mi parte cuando se trata del punto 3, recomiendo usar la librería Jquery y usar el setTimeout que se dispara cuando todo mi html está cargado, y poder trabajar tranquilamente con mi html.

CSS con JSON

2009-12-26T10:44:00.000-08:00

Una interesante idea me encuentro por delicious esta mañana. Se trata de JSSS, una implementacion (muy sencilla) para conseguir JSON que genere CSS. La idea es solucionar algunas de las carencias de CSS:

CSS no es un lenguaje de programación (no hay variables, funciones, no lógica)
Las propiedades CSS no son cross-browser
Los frameworks CSS están pensado para trabajar en lado del servidor y necesitamos que se ejecute en el cliente
Incluir dinámicamente CSS en el DOM no garantiza que las clases CSS sean cross-browser

Por ese motivo, las hojas de estilo JSON pretenden aportar las ventajas de Javascript:

Todas las propiedades CSS están almacenadas en objetos JSON
Las propiedades y clases CSS pueden ser manipuladas via Javascript
Las propiedades y clases pueden ser dinámicas en tiempo de ejecución
Todo el sistema de plantillas CSS es gestionado desde el cliente

Y empiezo!!!

2009-12-26T10:13:00.001-08:00

E aqui un pequeño contenido, mi grupo favorito al lado derecho, unas de sus fotos del album innuendo. :)