Webmaster Libre

Desarrollo web con software libre

Buscador

Archivo de December de 2006

Quizá necesito un poco de ayuda

Ya lo sabéis, llevo 4 días peleada con el WordPress o con Dreamhost, o puede que con el universo. Después de pasar un fin de semana de mierda intentando arreglar lo que quiera que sea que le pasa al blog, sigo en el punto de partida: no lo sé.

Como ya no me quedan ni ideas ni paciencia, os voy a tratar de explicar lo que yo creo que pasa:

Todo esto empezó sin comerlo ni beberlo hace 4 días. Me levanté por la mañana y ops! error 503. Me fui a comprobar los logs de recursos del servidor pero como vamos un poco a destiempo el server y yo, aún no estaban los que me interesaban así que puse un ticket. Esperé unas cuantas horas hasta que me contestaron que había un error en el .htaccess, lo rectifiqué pero no solucionaba nada. Desde el soporte seguian diciendo que era el htaccess, en fin, supongo que era más fácil echarme a mi la culpa que ir a mirar…

Como tengo otro hosting decidí mudar el blog, a ver si era simplemente que me había visto en uno de esos famosos excesos de consumo de CPU de Dreamhost. Sólo hicieron falta 10 minutos desde que el dominio empezó a funcionar para que me avisasen del soporte que el dominio estaba consumiendo muchisimos recursos de mysql. Con esto saqué dos conclusiones: el .htaccess no era el problema pero si desencadenaba el pandemonio y el problema era de mysql.

Entre pruebas y no pruebas descubrí que me estaban haciendo un hotlinking algo raro desde un sitio de pr0n, en castellano para mas INRI, habilité la protección anti hotlinking y borré los archivos que supuestamente estaban aprovechando de mi. Nada, en menos de 5 segundos la carga del servidor pasa de 1 a 17, chorrocientosmil procesos de php etc.

Pronto descubrí la forma de que parase la carga rápidamente, renombrando el htaccess desaparecen las redirecciones y, por tanto, los artículos (de la vista) así que con eso voy parando los desbordamientos de CPU para poder hacer pruebas sin que nadie me amenace (no estoy de humor). He instalado wp-cache, he desinstalado todos los plugins, he reinstalado el wordpress, he probado con varias versiones de la base de datos (copias de seguridad antiguas y nuevas), he instalado Bad Behavior pero nada. Según renombro el htaccess para que todo vuelva a estar usable tiro la máquina y, para más huevos, en cuestión de segundos…

Ya no sé que más hacer, según mis propias conclusiones o bien hay alguna conexión a la base de datos que no tira bien o bien me están friendo a spambots. Si alguien tiene alguna idea (la que sea, total, peor que ahora va a ser dificil que lo pongamos) le agradeceria mucho que me la enviase a endlessgrief at gmail.com (no hay htaccess = no hay permalinks = no hay comentarios, ni articulos, ni paginas)

Edito:

He hecho oncemil pruebas, cambios de theme y cosas así y, al final, parece que la causa de todos mis males es el mod_rewrite. Si activo cualquier cosa que incluya redirecciones se dispara el uso de cpu. He dejado las url por defecto de wordpress para hacer unas cuantas pruebas estos días. Sigo abierta a sugerencias porque ¿por qué iban a fallar de repente las redirecciones? Mi vida es extraña…

Problemas con Dreamhost

Bueno, yo ya no se si pensar que soy gafe pero, parece que Dreamhost está fallando más que una escopetilla de feria… ¡Sólo llevo 10 días aquí y ya tengo un drama!
Lo siento mucho, he enviado un ticket a soporte hace algo más de dos horas y no dan respuesta. En 30 minutos volveré a enviar otro ticket con un tono algo menos amistoso…

Arreglo rápido para los PNG en Internet Explorer 6

Ya hemos hablado por aquí de algunas soluciones para que el Internet Explorer 6 trabaje adecuadamente con los PNG, no obstante, se trata de soluciones que requieren «bastante trabajo» por nuestra parte.

Via dzone descubro que Angus Turnbull hace tiempo que había dado con una solución mucho más sencilla y rápida: IE PNG Fix

Nos descargamos el archivo iepngfix.zip y subimos a nuestro servidor los archivos iepng.htc (el script en si mismo) y blank.gif (una imagen gif transparente). Editamos el archivo iepng.htc, si es necesario, para que sepa donde está situado el gif transparente e introducimos algo como la siguiente línea en nuestro css:

  1. img { behavior: url(#topofpage); }

Simplemente con eso, ya está. Además soporta las imágenes utilizadas como fondo, simplemente añade la propiedad a cualquier elemento que tenga establecido un fondo en PNG de la forma habitual.

  1. img, #header, .class, blockquote { behavior: url(#topofpage); }

En el archivo que nos descargamos viene incluida una demostración con una explicación bastante clara del funcionamiento del script. Sin duda simple y muy cómodo. ¡Se acabaron los GIFS de mala muerte!

CSS3.info: El futuro un poquito más cerca

¿Quieres saber como maquetaremos nuestros sitios en unos años? ¿Te intriga conocer las nuevas características que traerá la especificación de CSS 3?
En CSS3.info encontrarás un weblog con noticias y artículos sobre las novedades, ejemplos de atributos soportados actualmente por los navegadores y una sección sobre los módulos de CSS3 y su desarrollo.

CSS3.info: http://www.css3.info/

Tooltip.js versión 0.2

Hace algún tiempo tocamos por encima unos cuantos scripts javascript que nos permitían crear atractivos tooltips para nuestros sitios web. Hoy ha aparecido la versión renovada y mejorada de uno de ellos: tooltip.js de Jonathan Weiss.

tooltip.js en accion

Esta versión introduce dos mejoras fundamentales:

  1. Sigue correctamente al ratón cuando usamos Firefox. Muy útil cuando usamos posicionamiento absoluto en nuestras hojas de estilo
  2. Gracias a Xabier Lepaul, ahora podemos crear tooltips de un texto existente. Esto nos permite, por ejemplo, crear tooltips para los atributos tittle

Puedes ver una demo o descargar el archivo tooltip.js del blog del autor.

tooltip.js - version 0.2

Via Ajaxian

Total Validator: Validando nuestros sitios en un sólo paso

Total Validator es una interesante herramienta que te va a permitir comprobar numerosos aspectos de tu sitio web de una sola vez. Comprueba la validez de tu código, la accesibilidad, los errores gramaticales, los enlaces rotos e incluso puede hacer capturas de pantalla para comprobar como se ve el sitio en diversos navegadores. Sus principales características son:

  • Un validador de etiquetas que comprueba la estructura general de la página
  • Auténtica comprobación de HTML usando los DTD oficiales
  • Comprueba tu sitio contra las normas de la seccion 503 y del W3C WAI Accesibility Guidelines
  • Busca enlaces rotos en tu sitio
  • Comprueba la ortografía para varios idiomas: inglés, francés, italiano y español
  • Captura el sitio en diversos navegadores y a diferentes resoluciones de pantalla
  • Dispones de una herramienta para el escritorio para hacer comprobaciones offline (sólo la versión pro funciona en Linux, la gratuita es sólo para Windows y Mac)
  • Puedes, ademas, validad páginas desde tu navegador Firefox con un solo click mediante una extensión

El servicio es gratuito pero limitado a 5 páginas de cada vez para el servicio online. Además, para mayor comodidad podremos recibir el análisis en nuestro correo electrónico.
Además, para próximas versiones está proyectado poder validar también nuestras hojas de estilo.

Total Validator:
http://totalvalidator.com/
Total Validator Firefox Extension:
http://totalvalidator.com/tool/extension.html

SWFObject: Detectando e insertando Flash en nuestros sitios

Utilizar flash en nuestros sitios es siempre una elección controvertida, su incompatibilidad con ciertos SO, etiquetas que no funcionan en algunos navegadores, sus defectos en el campo de la accesibilidad y SEO…

SWFObject (anteriormente conocido como FlashObject) es un script Javascript que pretende disminuir tus dolores de cabeza. Este script puede detectar automáticamente el plugin en la mayoría de navegadores y está pensado para facilitar la tarea de embeber contenido Flash en nuestros sitios. Además es amistoso con los buscadores, degrada sin inconvenientes para navegadores sin javascript o flash, pude insertarse en páginas HTML y XHTML válidas (siempre que el XHTML se sirva como text/html) y será compatible con subsiguientes versiones de navegadores y plugins.

SWFObject: http://blog.deconcept.com/swfobject/

Edición:

Me recomiendan que os comente que el script creado por David y que podeis encontrar en: http://armonia.spiral-static.org/?2006/09/19/144-activar-contenido-embebido-con-javascript es una mejor alternativa a SWFObject.

El marcado de las Nubes de Etiquetas

Las nubes de etiquetas son, sin duda, una de las señas distintivas de la web 2.0. Están por todas partes, páginas pequeñas y grandes pero, a pesar de su proliferación, parece no haber una forma definida de crear una. Cada desarrollador hace su propia aproximación al problema y, en general, los resultados son algo desalentadores (código sin sentido, malos usos de determinadas etiquetas, errores de accesibilidad…)

En 24ways (interesante forma de pasar el Adviento), Mark Norman Francis hace un estudio pormenorizado de los múltiples y muy graves errores que podemos encontrar en las nubes de tags de sitios tan populares como del.icio.us, Flickr o Technoratti y, además, nos ofrece unos cuantos consejos para que nuestro Tag Cloud sea amistoso con todos nuestros usuarios sin excepción.

Marking Up a Tag Cloud

Pagerank +: Otro servicio más para comprobar tu pagerank

A pesar de que el campo de la comprobación de Pagerank está bastante completo de soluciones, aparece un nuevo servicio.
Pagerank + te permitirá conocer tu Pagerank, los resultados en los diferentes motores de búsqueda (Google, Yahoo y MSN) tu ranking de Alexa y, ahí estriba la novedad, te ofrece cómodos botones para tu sitio web y firmas para foros y emails.

Pagerank +: http://www.pagerankp.com

Via Wwwhat’s new?

Webmaster Libre en Stylecrunch

Webmaster Libre en Stylecrunch
Estoy emocionada, este humilde blog ha aparecido en una de esas galerías de diseños CSS: Stylecrunch. Desconozco quien o por qué la ha enviado pero acabo de encontrarmela ahí (mil gracias, que ilusión). Puntua bajo, lo sé y lo comprendo, es más, me da un poco de vergüenza que no valide el xhtml y que no sea «Internet Explorer 6 friendly», son esas cosas que dejas «para mañana» hasta que llega un momento así y te cogen con la retaguardia al viento.

Stylecrunch: http://www.stylecrunch.com/
Webmaster Libre en Stylecrunch: http://www.stylecrunch.com/2006/webmasterlibrecom/