Me pone programar

Ayuda para maquetar: 960 Grid System

Shox — Fri, 14 Nov 2008 12:35:44 +0000

960 Grid System es una ayuda para poder maquetar el layout de una web de manera fácil, correcta y personalizable. A primera vista no me resulto tan útil como ahora mismo, pero tener un archivo css, que ya se ocupe de montarte el layout en varias columnas, hace la vida del maquetador mucha más fácil.

El código dispone de dos versiones, una con 12 columnas, y otra con 16. La diferencia es que el de 12 columnas puede hacer móduos de como mínimo 60px, y el de 16 columnas, los puede generar de 40px.

En la página de demo, nos podemos hacer un poco a la idea.

Dump de base de datos MySQL sin charset ni collate

Shox — Fri, 07 Nov 2008 13:28:04 +0000

Hacer un dump de una base de datos para llevarlo a entro entorno, parece tarea sencilla siempre que no intervengan en la ecuación diferentes versiones de MySQL y configuraciones extrañas.

Los requisitos de los “administradores” era que la base de datos estuviera en latin-1 y que no saliera el CHARSET=latin1 COLLATE=latin1_general_ci, y además que hubiera un único insert para cada query, y no reaprovecharlos.

Después de mucho buscar, Agustí dio con la solución:

./mysqldump –host=localhost –user=user–password=password –skip-extended-insert –skip-set-charset –compatible=mysql40,no_table_options DB nombre_DB > archivo.sql

Donde host, user y password son los datos del servidor, nombre_DB es el nombre de la base de datos, y archivo.sql es donde se volvaran todos los datos

Renovación de Visual jQuery

Shox — Sun, 19 Oct 2008 06:00:31 +0000

Desde mis inicios en jQuery, había visitado la web visualjquery como página de consulta y referencia para documentarme. Desde hace ya muchas versiones quedó inalterable a las nuevas funcionalidades que iban apareciendo, y tenia que visitar la no-tan-clara página de referencia oficial de jQuery.

Parece que por fin se han actualizado con las nuevas funcionalidades (versión 1.2.6) y ademas incluye un buscador instantaneo que por lo poco que he utilizado va genial.

VisualjQuery

Debbuging en JavaScript sin utilizar alert()

Shox — Thu, 16 Oct 2008 21:23:40 +0000

Hoy me he topado con una manera muy cool de hacer debugging en JavaScript sin necesidad del molesto alert().

Yo siempre habia utilizado la función de Firebug console.log(), e incluso si quería hacer debug de PHP, la extensión FirePHP, que aunque falle mucho, es muy interesante. Pero el problema que es sólo para Firefox, hace que la opción de Blackbird gane enteros.

Como podeis ver en la imagen (y si vais al sitio hay una demo expléndida) consta de una ventana translúcida en la esquina superior izquierda de la pantalla donde va apareciendo todo el log que lleve el código. Además la manera de utilizarlo es muy cómoda:

PLAIN TEXT

JavaScript:

log.debug( 'Mensaje de debug' );
log.info( 'Mensaje de informacion' );
log.warn( 'Mensaje de warning' );
log.error( 'Mensaje de error' );

Por ponerle una pega, la ventana de log no puede cambiarse de sitio, con lo que a veces puede llegar a ser incómoda, pero el filtrado de tipo de mensaje es muy potente.

Blackbird

Redimensionado líquido con PHP

Shox — Sat, 11 Oct 2008 17:37:40 +0000

No hace ni dos años, un grupo de investigadores presentaban un algoritmo de redimensionamiento sin distorsión de las partes más importantes de la imagen. El llamado Seam Carving o redimensionamiento líquido consigue eliminar linias horizontales o verticales poco relevantes en la imagen, para así poder cambiarle el tamaño. Pero lo mejor es ver un vídeo para ilustrar de lo que hablo.

Como me toca inplementarlo en C++, habia pensado si alguien se le habia ocurrido integrarlo en librerías de imágenes de PHP. La respuesta es que sí

La libreria ImageMagick añadió esta funcionalidad en la versión 6.3.8-2. No he tenido tiempo de provarla, pero la verdad es que más fácil de utilizar, imposible.

PLAIN TEXT

PHP:

/* Create new object */
$im = new Imagick( 'test.jpg' );
/* Scale down */
$im->liquidRescaleImage( 500, 200, 3, 25 );
/* Display */
header( 'Content-Type: image/jpg' );
echo $im;
?>

Seam Carving for Content-Aware Image Resizing [Artículo original]

Validar un email mediante PHP

Shox — Mon, 08 Sep 2008 11:43:10 +0000

Una de las cosas que muchas veces se pasan por alto en los formularios de registro, es el validar que el email sea lo más válido posible. No conseguimos hacer maravillas (emails como example@example.com seguirán siendo posibles) pero restringimos tener información incorrecta en la DB.

Hay miles de formas de hacerlo, pero yo propongo esta para PHP:

PLAIN TEXT

PHP:

define("REGEXP_MAIL_1", "^.+\@(\[?)[a-zA-Z0-9\-\.]+\.([a-zA-Z]{2,4}|[0-9]{1,3})(\]?)$");
define("REGEXP_MAIL_2", "(@.*@)|(\.\.)|(@\.)|(\.@)|(^\.)");
if( eregi(REGEXP_MAIL_2, $email) or !eregi(REGEXP_MAIL_1, $email)) {
// La dirección de e-mail es incorrecta
}

Como Extra bonus, he sacado una imagen de archivo, de las típicas que se solían poner en todas las páginas webs para linkar con el mail. Viva la web 1.0

Acentos en los subjects de los emails. Ampliado

Shox — Fri, 15 Aug 2008 08:42:32 +0000

Como pudimos ver en otro post, poner acentos o carácteres extraños en los subjects de los emails ya no es un misterio.

Leyendo el fabuloso libro "Building Scalable Web Sites - The Flickr way" he profundizado más en el tema.
El formato se compone de lo siguiente:

=?utf-8?Q?hello_=E2=98=BA?=

que corresponde a:

=?charset?encoding?encoded-text?=

Vamos por partes, el charset utilizaremos siempre utf-8, ya que es nos posibilita enviar cualquier tipo de cadena de carácteres, sin limitar el alfabeto o idioma.

El encoding, puede ser B o Q, y depende de su codificación, el texto codificado será de una manera o otra:

B - Codificación en Base64: Es la que utilicé en el anterior post, codificando todo el string posteriormente en base64.

Q - Codificación en Quoted Printable (RFC 3548): Cada byte representa un literal comenzando por el símbolo igual (=) seguido por dos dígitos hexadecimales. Por ejemplo el byte 0x8A se representaría con =8A. Los espacios (0x20) serán substituidos por el literal underscore (_, byte 0x5F). Los demás carácteres alfanuméricos se quedarían como están.

¿Cual es la mejor opción? Ambas generarán un subject bien formado, peró quizas en modo Q, el texto codificado final es un poco más human-friendly, que el codificado en base64.

Amazon - Building Scalable Web Sites; de Cal Henderson (O'Reilly)

Hacer llamadas a funciones PHP desde XSL

Shox — Tue, 12 Aug 2008 17:32:53 +0000

Hace poco me dijeron que podia hacer llamadas a funciones PHP desde XSL que devolvieran strings. Hoy mismo he investigado un poco el tema, y ha sido más fácil de lo que me esperaba:

1.- Añadir a la hoja de estilo XSL el namespace de PHP para que valide:

PLAIN TEXT

XML:

:stylesheet version="1.0" xmlns:xsl="http://www.w3.org/1999/XSL/Transform" xmlns:php="http://php.net/xsl">

2.- En el parser PHP, habilitar las llamadas en PHP con esta línea, justo después del constructor

PLAIN TEXT

PHP:

$xslt->registerPHPFunctions();

Ahora solo hay que llamar a la funcion PHP desde el código XSL:

PLAIN TEXT

XML:

:value-of select="php:function('getMessage','welcome',string($id))"/>

Donde getMessage es el nombre de mi funcion, i los demás párametros son añadidos a dicha función. Generaría algo así:

PLAIN TEXT

PHP:

getMessage('welcome',id);

donde id es una variable de XSL, de ahí lo de string($id).

Con simplemente esto, podemos hacer llamadas a PHP, posibilitando que generen incluso XML, el cual será tratado por el XSL.

XSLTProcessor

registerPHPFunctions

Firebug Lite, por fin inspector de DOM i HTML para IE

Shox — Sat, 02 Aug 2008 16:12:16 +0000

La nueva versión de Firebug Lite, 1.2, ha añadido a su funcionalidad de sólo como uso de consola de debug JavaScript, y ahora se comporta de una manera más parecida a la de su hermano mayor. Ahora es capaz de inspeccionar el DOM, hacer track de los XHRs, y navegar por el HTML, CSS y JavaScript.

Por fin una versión que será muy útil a los desarrolladores web, para superar la dificil tarea de programar en Internet Explorer. Funciona en todos los navegadores, como Safari y Opera.

Para instalarla en cualquier página web sólo tienes que poner el siguiente código:

PLAIN TEXT

HTML:

type='text/javascript'src='http://getfirebug.com/releases/lite/1.2/firebug-lite-compressed.js'>

Firebug Lite

Vía: No al IE6 - Navegadores web

El lento gethostbyaddr de PHP

Shox — Sat, 02 Aug 2008 15:57:54 +0000

La función gethostbyaddr‏ de PHP devuelve el host name de una IP dada. Puede ser útil por ejemplo para saber si el visitante es un bot de Google o Yahoo, para poder contabilizar bien las visitas o tener un control más profundo del visitante.

Todo sería perfecto si esta función funcionara correctamente. Utilizandola en un proyecto, me di cuenta que tardaba demasiado tiempo en generar toda la web, y en un principio pensaba que fuera un error mio, ya que se hacian consultas a una DB y se generaba una caché, pero resulto ser esta aparente inofensiva función. Quitandola he dividido entre 10 el tiempo de generación, lo que nos puede dar una referencia de lo poco bien planteada que está dicha función.

En el foro de PHP, otros usuarios también se han dado cuenta del echo, y hasta han echo alguna propuesta para solucionar el problema que puedes ver aquí

El problema parece que viene que va a buscar la información a varios DNS y al haber algunos de ellos caidos, se demora el proceso. El usuario que hizo el script, propone una conexión UDP, pero para ello necesitamos saber la IP del DNS