PHPnuke GTHD ( PHPnuke Goodbye-Tables-Hello-Divs )

http://nuke.corecolombia.com

El segundo proyecto fue la creación de un nuevo blog para la publicación de mis opiniones sobre cine, libros y musik, ya existen algunos post en este blog sobre algunas canciones (Bring me your cup) y muchos sobre citas de peliculas(Pulp-Fiction, X-men, Mi novia Polly), pero la idea es que este blog siga creciendo para lo que fue pensado, experiencias en el desarrollo de software. La dirección de el nuevo blog es:

http://figux.corecolombia.com

La Página Oficial del proyecto es: http://www.acidtests.org/

Para mas información consultar la Wiki: http://es.wikipedia.org/wiki/Acid3

Los resultados son:

• En el último puesto tenemos el popular y masivamente usado Internet Explorer.
  

  Internet Explorer Acid3

• Camino, un navegador de uso exclusivo por los Mac tuvo un rendimiento poco aceptable.
  

  Camino dejo mucho que desear

• Increiblemente encontramos a Firefox en esta posición.
  

  Nada mal, pero se esperaba mas

• En el primer puesto tenemos un empate multiple entre el resto de navegadores, Chrome, Safari y Opera pasaron con calificación perfecta, según la wiki el primer navegador en pasar la prueba fue Opera seguido de Safari y de Chrome.
  

  Chrome

  

  Safari

  

  El gran vencedor!

Entrando en materia.

1. Buscamos el video en youtube.
2. Ingresamos a http://listentoyoutube.com
3. Pegamos la dirección del video
   

   Primer Paso

4. Clic en GO
   

   Se paciente

5. Esta parte puede ser un poco confusa, pues la pagina puede ser un poco engañosa, debemos buscar un link naranja que dice “Download mp3″
   

   Descargar?

6. La acción anterior nos redireccionara a una nueva pagina donde bajaremos realmente el mp3.
   

   Fin

   Nuevamente cuidado con la publicidad, debemos hacer clic en “>> Download MP3″

Algo básico pero a mas de un familiar mio le será de ayuda. xD

Barras con CSS

Hace poco me encargaron la tarea de elaborar una encuesta de satisfacción, me enviarón las preguntas y se creo un pequeño formulario que recopiló las respuestas en una base de datos ( en un nuevo post mostrare el diseño de la base de datos y el CSS del formulario, nada del otro mundo una vil copia de la página de Apple ). Despues de mucho buscar en internet barras hechas con CSS, pues queria evitar el uso de flash, me encontre con unas que otras pero la orientación de estas siempre era horizontal y la verdad no se veian como yo esperaba, queria algo mas excel 2003 barras verticales de “varios” colores, asi que despues de que mi jefe dijo que lo que le estaba mostrando dejaba mucho que desear, decidi hacer mi propia versión de las dichosas barras estadisticas pero vertical y con un poco mas de estilo

Empecemos con un diagrama de los divs que se usaron. Usaremos la herramienta http://drawter.com/

Se ve un poco mas complicado de lo que realmente es, así que pasemos a desglosarlo un poco. Primero que todo recuerden que todos los recuadros son div, luego veremos las propiedades CSS de cada uno, lo importante es saber como “funcionan” las barras.

• Podemos observar el div llamado container_e, su labor es la de que todas las barras tengan un tamaño y distancia entre ellas igual.
• El div llamado grafica1 es el siguiente y este es el div que mostrara la barra.
• El siguiente div no tiene nombre y su funcion simplemente es la de “empujar” la barra hacia abajo para mostrar el porcentaje correcto de la grafica. En otras palabras, el div grafica1 es la barra al 100% con el color que deseemos, pero que ocurre si el resultado de la encuesta arrojo un 80%? aqui es donde entra el siguiente div y lo que hace es deducir el tamaño de grafica1 un 20%.

Ahora el CSS

Me parece algo tedioso explicarlo todo, ademas es sencillo y muchos de uds solo buscan modificar el contenido a sus necesidades. Pero si quieren aprender algo debe decirles que no es gran cosa, solo son un monton de div con tamaños tanto width, como height en pixeles, flotando hacia la izquierda, realmente es muy sencillo. A continuación les dejo un link de como se ve, y el código por si necesitan descargarlo.

DEMO

Descarga

1. SHA y SHA1: En MySQL 5.1 son iguales, pueden ser usadas indiscriminadamente.
2. MD5
3. AES

Su uso es el siguiente:

1. INSERT INTO user VALUES ('member1',SHA('password') );

2. INSERT INTO user VALUES ('member1',MD5('secretpassword') );

3. INSERT INTO user_aes VALUES ('member1',AES_ENCRYPT('secretpassword','my_secret_key_to_encrypt') );

Para obtener o realizar un Query basta con usar la misma función que encripto excepto en el caso de AES para el cual deberemos usar:

SELECT AES_DECRYPT(password, 'my_secret_key_to_encrypt') AS unencrypted FROM user_aes ;

En los otros casos bastara con:

SELECT * FROM user WHERE user_name='member1' AND password=MD5('secretpassword');

INSERT INTO table (a,b,c) VALUES (1,2,3) ON DUPLICATE KEY UPDATE c=c+1;

Este es el ejemplo que encontraremos en la pagina de MySQL ( http://dev.mysql.com/doc/refman/5.0/en/insert-on-duplicate.html ) y como podemos apreciar es simplemente una especie de JOIN entre INSERT y UPDATE, porque es mas rápido? por que el motor de base de datos se encarga de manejar el error y realizar el UPDATE asi la aplicacion no tiene que esperar al resultado del SELECT o atrapar el error con un CATCH.

Tipos de Redirección

Existen dos tipos de redireccionamiento que podemos utilizar, los dos le cambian de dirección a los visitantes pero se comportan de manera diferente para los buscadores, esto nos puede ayudar a mejorar nuestro posicionamiento si sabes cual emplear.

• Redirección 301: Indica una redirección permanente. Esto le indica a los buscadores que ignoren la dirección original e indexen la nueva dirección. Este tipo de redirección se utiliza cuando estamos cambiando de dominio a una web, esto haría que los buscadores indexen la nueva dirección sin perder los enlaces entrantes que tenía el dominio y sin perder el pagerank.header("HTTP/1.1 301 Moved Permanently");
header("Location: nueva_pagina.html");
• Redirección 302: Indica una redirección temporal. Esto indica que la dirección original no ha cambiado y se seguirá utilizando pero temporalmente cambiaremos de dirección.header("HTTP/1.1 302 Moved Temporarily");
header("Location: nueva_pagina.html");

How_to_use_the_database_classes_in_your_script

Tutorial en Español

Descargar Aquí el documento.

Página Oficial desde donde se bajo la información

Otro buen tutorial esta vez en español

Descarga del material

CREATE TABLE parent (id INT NOT NULL)
PRIMARY KEY (id)
) ENGINE=INNODB;

CREATE TABLE child (id INT, parent_id INT)
INDEX par_ind (parent_id),
FOREIGN KEY (parent_id) REFERENCES parent(id)
ON DELETE CASCADE ON UPDATE CASCADE
) ENGINE=INNODB;

De esta forma la tabla child es dependiente de lo que se haga en la tabla parent, si se borra un registro de parent y tiene una relación con child este registro tambien sera eliminado.