HNKweb

Hoy 9 de Abril de 2008 se celebra el 3er CSS Naked Day, es decir, eliminar los archivos de estilos [CSS] de nuestras webs para ver simplemente el contenido, que se supone que es lo importante de una página.

Para participar elimina o comenta la llamada a tus archivos CSS en la cabecera de tu página. Opcionalmente puedes añadir el texto:

¿Que ha pasado con el diseño?

Para conocer más acerca de por que están deshabilitados los estilos de esta página, visita

Annual CSS Naked Day.

Con tanta gente hablando sobre declarar la guerra al navegador Internet Explorer de Microsoft, he aprovechado para actualizar y subir a los repositorios de Wordpress Extend mi plugin NoIE.

NoIE lo único que hace es simular en la parte superior de la pantalla una barra de alerta de seguridad al entrar en el blog con una versión del navegador Internet Explorer. Al hacer click en esta barra se visualiza un documento comentando en detalle los problemas del IE.

Así que si estais hartos de llenar el CSS con hacks para que las webs se vean correctamente en el navegador de Microsoft pero piensas como la gente de kabytes que, como yo, creen que prohibir no es la solución, pues súmate a la causa y monta el plugin!

Para más información y descarga puedes dirigirte a la página del plugin en mi web o a su entrada en el Wordpress Extend.

Recientemente he subido la versión 1.2 de mi plugin mBox a los repositorios de Wordpress Extend.

Uno de los inconvenientes a la hora de programar plugins para Wordpress que usan archivos css o javascript es que esos archivos se tienen que incluir en la función de cabecera de Wordpress para que nos añada las llamadas en el head. En el plugin lo veríamos tal que así:
add_action('wp_head', 'nuestra_funcion');

Lo malo de esta llamada es que esos archivos se incluyen siempre, aunque en las entradas que estemos visualizando no se use nuestro plugin. Si estamos programando un plugin con una cantidad considerable de javascript, provoca un aumento de tiempo de carga de la web excesivo total para no ser utilizado.

En mi plugin he podido solucionar ese inconveniente haciendo uso del objeto Assets que nos ofrece el framework mootools.

Assets nos permite proporcionar una carga dinámica de imágenes, hojas de estilo y ficheros javascript. En mi caso, en la función de mi plugin, si se detecta la llamada a la galería, se inyectarán el archivo JS y el CSS necesarios.

Tan solo tendremos que crear un nuevo objeto Asset y llamar a su propiedad javascript, pasándole la ruta del archivo a incluir en la página y un identificador:
new Asset.javascript('/js/mbox.js', {id: 'mBox_script'});

Otro de los usos del objeto Asset de mootools, y puede que el más utilizado, es el método images. Images nos va a permitir hacer una pre-carga de un archivo de imagen y devolvernos el elemento img, pero sin inyectarlo en la página.
Este método dispone de las opciones onComplete y onProgress, permitiendo trabajar con el array de elementos img una vez cargados en el cache del navegador:
new Asset.images(['/images/001.png', '/images/002.gif'], {
onComplete: function(){ alert(’se han cargado las imagenes!’); }
 });

Mootools Documentation: Assets.js