2006-07-25

Comprimir javascript - compressor

Resulta muy útil en determinados proyectos reducir al máximo el tamaño de todos los archivos. También de los archivos javascript. Hace un tiempo mostré un compresor para css y hoy le toca el turno a comprimir los js.
En este enlace podéis encontrar un compresor de javascrit online bastante decente.

Sitemaps para google

sitemap google


Recientemente una de mis páginas más antiguas ( casi 10 años) ha desaparecido de google.

Al parecer introduje unos cambios que los robots de google no son capaces de leer. Básicamente la hice dinámica con php e incluía varios include con el menú cabecera y pie de página. También ha habido otros problemas pero esos no eran mios sino del servidor en la cual la tengo.

Como solución más rápida se me ha ocurido introducir un mapa del sitio. Es una página que casi no lo necesita sólo hay 4 páginas que no están en el menú principal.. pero se hace necesario su inclusión...

Para mejorar la lectura de los robots también voy a colocar un archivo especial llamado sitemap.xml y situado en la raíz del sitio.

Básicamente este archivo lleva información sobre las páginas que quieres que los robots indexen.

Un problema que he tenido es que el robot de google es bastante especial y no lee algunas especificaciones que otros robots si leen... son como pequeños gourmets con un gusto muy exquisito cada uno...

Dentro de su web Google sitemaps nos ofrece un variado grupo de soluciones tanto propias como de terceras partes como ellos las llaman.

Estuve probando una de estas soluciones realizada en java y te escaneaba la web en busca de todos tus archivos y te generaba un xml con toda la información, incluidos los links rotos, última modificación, nivel de jerarquía...pero google no entendía ese formato.

Al parecer google tiene su propio formato sitemap.

Al final cansado de buscar algún script que me resolviera el trabajo, me leí la especificación del archivo xml y lo generé con mi teclado.

Veremos lo que tarda Google en indexarme.

Tengo que decir que existen herramientas válidas para trabajar en local, como Simple Map, pero dada la vejez de mi página, la versión local que poseo es un cúmulo de parches y demás... también podría habver replicado la web...eso otro día

2006-07-12

Problemas con SpamAssassin

SpamAssassin es un filtro de correo que puedes configurar para intentar que te llegué poco correo basura.

En los últimos días he estando enviando boletines por correo.. era mi primera vez... y alguno ha sido devuelto por ser detectado como spam...

Este filtro te asigna una puntuación en función de una serie de criterios, algunos bastante curiosos, ya lo veréis. La puntuación va de 0 a 10 y por defecto el filtro está situado a 5. Por lo que si tu correo saca más de 5 es considerado spam y por lo tanto devuelto al remitente... lo que no sabe esta gente es que si te lo devuelven, aprendes de los errores y consigues engañar al filtro... es justo lo que he hecho.

Al ser devuelto, te devuelven también las cabeceras y mi boletín había sido calificado con un 5,3.. mierda un poco más y no es spam..

La puntuación más alta corespondía al criterio SUBJ_ILLEGAL_CHARS. Debe significar algo así como que en el asunto del mensaje existen unos carácteres "ilegales"... repaso mi texto y veo que tiene dos tildes y una eñe... veo que he colocado el charset adecuado y como no encuentro solución ( en algún sitio llego a leer que hay servidores de correo que no están bien configurados y no aceptan el uso de este tipo de carácteres tanto en el 'subject' como en el 'from'. Cómo han sido sólo un par de correos los devueltos (los dos pertenecientes a la misma compañía de hosting) opto por la solución más cómoda. En este caso cambio el texto para eliminar tildes y acentos tanto en el 'desde' como en el 'asunto' y voilà.. tenía un 3 con algo en ese criterio y ahora un 0 con lo que mi correo ya no es detectado como spam.

Si quisiera mejorar mi puntuación veo que hay un punto que también podría mejorar fácilmente:

SUBJ_ALL_CAPS 1.17

Vamos que tengo el 'asunto' en mayúsculas.. si le quitara eso me quedaría con un 0,70. Pero lo voy a dejar así. No creo que nadie haya configurado un servidor con tan sólo un 2.. no le llegaría casi ningún correo

2006-07-10

Rediseño de webs - diseño liquido css -

Un tema recurrente en el diseño web se da al encontrarnos con una web de hace 10 años con un diseño casi antediluviano. Enseguida la tarea de un buen comercial consiste en venderles un nuevo diseño.

A este recurrente tema hay que añadir que muchas webs adolecen de una falta casi total de tratameinto para su correcto posicionamiento en los buscadores.

Y como no, está el tema del diseño con tablas.. ahora hay que hacerlo con divs..

Para todo esto en mardiros han escrito un completo ejemplo de como convertir una web realizada con tablas a un diseño líquido basado en css.

ccs liquid layout

Comprimir hoja de estilos - css - javascript

Cuando subimos todo el contenido de una web a nuestro servidor siempre tratamos de optimizarlo , bien para que sea bien encontrado en función de las palabras de búsqueda que hayamos prefijado o bien en cuanto a su peso y su consiguiente velocidad de descarga.

En cdburnerxp, aparte de ser un sitio dedicado a un software de grabación de cd's también tienen un optimizador de nuestro código de hojas de estilo.

La base de su funcionamiento resulta bien sencilla hasta cierto punto. Por ejemplo, elimina todo los espacios en blanco y perdermos legibilidad del archivo css... pero eso a nuestros lectores no les debería importar. También transforma colores, formatos,.. a su forma escrita más liviana.

"CSS Formatter and Optimiser" está basado en csstidy 1.2, lo cual da bastante confianza.

Si es una hoja de estilos muy complicada con variedad de hacks para soporte de multibrowser... os recomiendo que marquéis la opción de "preserve css". Aunque no comprime tanto, respeta todos los hacks y hace que se siga viendo bien en todos los navegadores.

2006-07-03

Imprimir con css

Si alguna vez habéis realizado diseño multibrowser os habréis llevado muchos dolores de cabeza. Si encima os piden que se debe de ver correctamente al imprimir.. el resultado puede ser un caos.

Si habéis realizado el diseño con
css os habréis dado cuenta de que las características background-color y background-image no se imprimimen salvo que el usuario desee hacerlo y lo haya marcado de esa forma en sus preferencias. Por defecto no se imprimen.

Pero podéis definir una hoja de estilos con lo que intentar amañar un poco el resultado.

Dando el valor adecuado a la característica display:

Display:none; no mostraría el div o elemento al cual se refiere

Display:list-item; Válido para elementos de lista que por alguna razón no los hayas definido como tales.

En la definición de la hoja de estilos, dentro del código html debereís utilizar algo así:

<- LINK rel="stylesheet" type="text/css"
media="print" href="estilos-impresion.css">


<- LINK rel="stylesheet" type="text/css"
media="screen" href="estilos.css">


Si queréis que se imprima en una sóla hoja de tamaño A4, tendréis que poner algo similar a esto:

@media print and (width: 21cm) and (height: 29.7cm) {
@page {
margin: 2.5cm;
}
}

Pero ojito, el contenido debe estar entre esas medidas sino saldrá cortado.

Esto sería muy válido en navegadores como Internet explorer y Firefox. Pero en el otro gran navegador, Opera, no hace falta nada de esto. Le dáis a imprimir y "voilà" casi idéntico al diseño original.

Si no lográis imprimir algo o quereís probar la velocidad de este navegador(almacena las páginas que vas visitando y vuelves a ellas al instante) sólo tenéis que ir a su web y bajar el programa... es gratuito...Opera