El SysAdmin Day.

Es nuestro día!! :’)

Estoy contento, alguien se acuerda de nosotros, no sólo para corrernos agorrazos, o nunca acordarse de nosotros hasta que se el departamento de naveagadores de internet no puede imprimir las fotos de las vacaciones.

Aupa!!

Gracias Leandro.

Siempre he tenido una fé casi mística en que no existan miles de isos en la codificación de carácteres aunando todo en un ‘pack’ de carácteres.

Parece ser que WordPress versión 2.2 se ha decidido totalmente a estar ‘viviendo’ en esa codificación.

Por mi parte me parce un gran acierto.

g30rg3 ha desarrollado un plugin para convertir la base de datos de WordPress a codificación UTF8 (incluyendo los collation de las tablas).

Previamente lo he probado en 3 instancias de WordPress para verificar su funcionalidad y fiabilidad.

Debo decir que hay que felicitar a g30rg3 ya que el plugin es muy sencillo de usar y ha funcionado sin ningún problema

Enlace para bajarse el plug-in:

utf8_db_converter_20.zip

Reproduzco fielmente el post de g3org3 aunque el enlace esté citado más arriba.

Fuente directa: http://g30rg3x.com/2007/06/06/una-solucion-formal-al-problema-con-wordpress-22-y-utf-8/

En otro de mis tan productivos sábados de los cuales ya parecen costumbre (que racha llevo XD…) de hacer algo -lo que sea- me dio por abordar el famoso problema de las codificaciones o mejor dicho juegos de caracteres que se ha tenido con el reciente lanzamiento (ya ni tanto) de WordPress 2.2 y que se ha hablado muchísimo en diferentes blogs.
Cada blog, cada usuario, en fin cada quien propone una solución diferente al problema e incluso el Codex (la carta magna sobre WordPress) ofrece también una y no es para mal, ya que desde que en WordPress 2.2 se puso por defecto que las codificaciones o juegos de caracteres vengan en UTF-8 a levantado un poco de desanimo y problemas sobre todo en aquellos -como su servidor- que venimos desde versiones donde Latin1 era el defecto.
Pues bueno en fin este sábado que paso me propuse al fin pasar toda mi base de datos que estaba en Latin1 hacia la famosa UTF-8, el resultado se dio pero tarde cercano a 2 horas para realizar, me seguí la guia o el borrador que el codex nos proporciona junto con uno que otro truco en mano recién sacado de la Sintaxis de ALTER en la documentacion oficial de MySQL para evitar uno que otro molesto paso repetitivo.

Al poco rato de terminar y de tener este blog (si este mismo) y otros mas que mantengo en local (para cuestiones de pruebas de betas, alfas, rc’s, etc…) se me ocurrió la idea de que puedo volver toda esa labor automatizada y asi como fue que termine por hacer lo que bautice con el nombre de…

“UTF-8 Database Converter“

Este plugin para WordPress 2.2.x (y también para 2.1.x) se encarga de realizar toda esa labor fea -y muy repetitiva- todo de manera transparente al usuario, solo basta 1-click para tener tu base de datos perfectamente convertida.
Asi que otro sábado “productivo” mas y creo que terminare haciendo el sueño guajiro del michoacano y sus captchas solo para matemáticos en versión para WordPress XDDD

Estoy seguro que si diste click en leer mas es por que esperabas para comentar/preguntar:
Y cual es ese truco que nos ahorra trabajo?

Y seria injusto que no les conteste…
Pues es muy simple si sigues el borrador del codex en el te dice que pases 1×1 por cada campo de las tablas y lo conviertas a BLOB/Binario una tarea por de mas repetitiva y en muchos casos trabada (sobre todo con los valores index etc..), ahora el chiste consiste en convertir directamente toda la tabla a binary:

“ALTER TABLE nombre_tabla CONVERT TO CHARACTER SET binary”

Esto convertiría toda la tabla de la base de datos a binario y de paso los campos de tipo texto los convertiría a sus representaciones o equivalencias binarias esto quiere decir que nos hemos ahorrado por lo menos unas 10 a 15 sentencias de mas y ni al caso que decir que todo el problema de ciertos campos.

Como todos sabemos PNG es un formato gráfico libre y parece ser que a IE, le escuece

Un PNG puede de ser de dos tipos: con paleta (8 bits o menos) o true color (24 bits). En el primer caso el comportamiento es el de un GIF, es decir, para la transparencia se usa un color de la paleta. En el segundo se utiliza otra técnica más avanzada llamada canal alfa con la que se obtienen mejores resultados.

Si utilizamos un PNG con paleta y transparencia se mostrará como se espera en IE. Sin embargo si es true color el canal alfa lo representa con un color gris o azulado, en vez de transparente.

Una característica propia del IE son los filtros visuales, y gracias a uno de esos filtros, AlphaImageLoader, podremos utilizar imágenes PNG sin restricciones. Veamos el siguiente código cortesía de Bob Osola:

Código:

function PNG_loader() {

for(var i=0; i<document.images.length; i++) {
var img = document.images[i];
var imgName = img.src.toUpperCase();
if (imgName.substring(imgName.length-3, imgName.length) == “PNG”) {
var imgID = (img.id) ? “id=’” + img.id + “‘ ” : “”;
var imgClass = (img.className) ? “class=’” + img.className + “‘ ” : “”;
var imgTitle = (img.title) ? “title=’” + img.title + “‘ ” : “title=’” + img.alt + “‘ “;
var imgStyle = “display:inline-block;” + img.style.cssText;
if (img.align == “left”) imgStyle += “float:left;”;
if (img.align == “right”) imgStyle += “float:right;”;
if (img.parentElement.href) imgStyle += “cursor:hand;”;
var strNewHTML = “<span ” + imgID + imgClass + imgTitle
+ ” style=\”" + “width:” + img.width + “px; height:” + img.height + “px;” + imgStyle + “;”
+ “filter:progid:DXImageTransform.Microsoft.AlphaImageLoader”
+ “(src=\’” + img.src + “\’, sizingMethod=’scale’);\”></span>”;
img.outerHTML = strNewHTML;
i–;
}
}

}
window.attachEvent(“onload”, PNG_loader);

Enlace directo a png.js

Con este código, una vez cargada la página, se recorren todas las imágenes del documento, y si son PNG se sustituye la etiqueta img por otra span, donde se carga la imágen a través del filtro. Además la etiqueta span “heredará” los atributos id, class y title de la etiqueta img.

Si guardamos este código en un fichero llamado por ejemplo png.js podremos incluirlo en nuestras páginas de la siguiente forma (en la sección head):

De esta forma sólo se cargará y ejecutará en IE 5.5 o superior. Por último, apuntar algunas cosas:

• Como he dicho antes, este proceso se ejecuta una vez cargada la página, mientras se estén cargando las imágenes se mostrarán incorrectamente.
• No es recomendable abusar de este tipo de imágenes, o la carga se ralentizará en exceso.
• Existe una técnica similar desarrollada por Lloyd Dalton desarrollada en CSS, para los curiosos (yo recomiendo la aquí explicada, dejará las hojas de estilo libres de hacks).

Por supuesto lo ideal sería que IE tratase correctamente los PNGs y no tener que recurrir a este tipo de técnicas, pero mientras tanto ya tenemos una forma sencilla de incluir este tipo de imágenes en nuestra web. Y es que casi todo tiene arreglo…

Fuente principal: tomatoma.ws

La imagen en mención, normalmente es el logo o icono distintivo de la empresa, institución o persona para quien el sitio ha sido desarrollado. Sirve para promocionar su imagen, su marca y crear sitios más personalizados. Los desarrolladores profesionales, lo hacen para sus clientes.

Hay varias herramientas con las que se puede hacer un favicon, las que más he usado son Microangelo, Corel (creo que la versión 10 fue la última que un día probé), The Gimp, KIconEdit (el que más me ha gustado) y en la web, el Favicon from Pics.

¿Cómo agrego mi favicon en todas las páginas?

Bueno, la cosa es sencilla. Para que tu favicon se vea en una página, pues lo puedes poner en el mismo nivel de la página en la que quieres que se vea. Por ejemplo, si quieres que se vea en www.tudominio.com/blog/index.php entonces el favicon debe estar ubicado en ese mismo nivel (www.tudominio.com/blog/favicon.ico), esa será la primera dirección en la que el navegador la buscará. Sino lo encuentra en ese mismo nivel, pues buscará en el nivel superior: www.tudominio.com/favicon.ico; de allí que poniendo el favicon.ico en el “top-level” tendrás el favicon predeterminado para todas las páginas de tu sitio

Ahora, dependiendo del navegador y su configuación, el favicon podría no mostrarse (aún si lo tienes ubicado en las ubicaciones antes dichas); por ello, es necesario que lo declares entre las etiquetas head de tu código: