No es un hecho aislado que a mi me vaya lento al ver videos de youtube, vimeo y demás - o cualquier otro flash en pantalla completa - cuando lo veo desde Ubuntu (en teoría desde cualquier distribución de GNU/Linux), de hecho es una de las quejas que mas veces se repite por los usuarios… pero eso no volverá a pasar, ya hay solución.

Hoy mismo ha salido una actualización de Flash, la versión 10 que ha salido a la vez para entornos Windows, Mac, y Linux (aunque aún falta FreeBSD y las versiones de 64bits…).

La mejora más importante, almenos para los usuarios de Ubuntu, es que ahora podemos ver videos a pantalla completa de manera fluida sin tener que soportar esos trompicones que mataban los ojos… además, espero que le quite un poco de carga al procesador por que el mío se pone a unos 70ºC cuando carga mucho Flash.

Esa es la más importante, pero no la única, también se mejora muchísimo el tema de las tipografías, la carga y descarga de archivos desde Flash, se añaden efectos 3d y se preparan filtros, tanto para imagen como para sonido. Lo que quiere decir que no tardaremos en ver aplicaciones Web basadas en Flash que tengan unas características que no se alejen demasiado de cualquier aplicación de escritorio…

Quien quiera actualizar su Flash a la versión 10, puede hacerlo desde este enlace:

• Descargar Adobe Flash Player 10.0.12.3

Son muchas las veces que me hubiese gustado personalizar algún Checkbox, bien para hacerlo más grande, cambiar algún color o cualquier cosa para conseguir que llamase más la atención o simplemente que cuadrase mejor con el resto del diseño de la Web. Cuando se intenta hacer esto con atributos de CSS se tarda bien poco en rechazar la idea por que el navegador hace lo que quiere, y además como es costumbre cada navegador hace una cosa diferente.

Hay varias posturas, los - por decirlo de alguna manera - puristas del diseño y la Web acostumbran a decir que lo mejor, en pro de la usabilidad, sería no confundir al usuario en cuanto al uso de estos elementos… para que no le parezcan elementos diferentes en cada sitio que visite, aún siendo exactamente lo mismo.

Y en cierto modo… en alguna ocasión he tenido ese mismo punto de vista, el problema viene cuando la página en cuestión tiene un diseño muy llamativo y los checkbox rudimentarios pueden “romper” el conjunto, evidentemente no sería conveniente modificar el diseño de los checkbox en la intranet de un banco, o en el carrito de compra de una tienda online, pero si es la página de un videojuego, una red social o cualquier otro portal mas destinado a este tipo de ocio, no estaría de más que con un diseño lógico que no buscase confundir a nadie hiciese que los formularios de una página mantengan una “harmonía” con el resto de la página.

Elementos como las áreas de texto ya se pueden personalizar suficiente - aunque como siempre iría bien que todos los navegadores interpretasen de la misma manera - pero los Checkbox y los Radio Buttons han quedado “apartados” en cuanto a diseño, por eso Stéphane Caron ha desarrollado un script que apenas ocupa 2kb, y permite utilizar las imagenes que queramos para modificar tanto Checkbox como RadioButton, afortunadamente funciona en todos los navegadores de uso común.

Desde aquí podéis descargar el script, que necesita jQuery para funcionar.

Su uso es dificilmente simplificable, lo primero que hay que hacer es incluir la librería jQuery - si no se ha incluido ya - el código del script en la cabecera de la página donde se vaya a usar.

<script src="js/jquery.js" type="text/javascript"></script>
<script src="js/prettyCheckboxes.js" type="text/javascript"></script>

Un detalle importante es que para que el script funcione correctamente todas las etiquetas necesitan el atributo for enlazando con la ID de su checkbox / radio button correspondiente.

Iniciamos el script:

$(document).ready(function(){
$('input[type=checkbox],input[type=radio]‘).prettyCheckboxes();
});

Si solo se quiere iniciar el script con un elemento especifico, se puede hacer así:

$(document).ready(function(){
$('input.myCheckbox').prettyCheckboxes();
});

Una vez ya está iniciado, habría que definir algunos parametros para personalizarlo:

$(document).ready(function(){
$('input[type=checkbox],input[type=radio]‘).prettyCheckboxes({
checkboxWidth: 17, // The width of your custom checkbox
checkboxHeight: 17, // The height of your custom checkbox
className : ‘prettyCheckbox’, // The classname of your custom checkbox
display: ‘list’ // The style you want it to be display (inline or list)
});
});

Si se quieren marcar todos los checkbox que forman parte de un grupo, se puede utilizar la función checkAllPrettyCheckboxes().
Esta función necesita 2 parametros, el primero es una referencia al elemento que está llamando la función - casi siempre es “this” - y el segundo parametro hace referencia al contenedor de los checkbox, como por ejemplo $(’#checkboxDemo’).

<input id="checkbox-all" onclick="checkAllPrettyCheckboxes(this,$('#checkboxDemo'));" name="checkbox-all" type="checkbox" value="checkbox-all" />

Y ya está, la verdad es que es un buen script que facilita muchísimo el trabajo… y para facilitar aún más dan hasta unas imagenes para facilitarnos la tarea de diseñarlas.

Esta es la página del proyecto prettyCheckboxes, donde se encuentran los mismos códigos que yo he posteado aquí, y además algunos ejemplos (en inglés).

Desde luego, que basura de producto ha sacado Apple… ¿una aplicación Web que requiere un sistema operativo especifico? …¿para qué la hacen basada en Web entonces?

Hace ya un mes o dos que salió Firefox 3, y con él algunos temas que había notado que cambiaban respecto a Firefox 2, me refiero - además de las evidentes mejoras - al borde punteado que aparece al clickar en enlaces y objetos flash, el punteado se puede eliminar mediante CSS, con una sóla linea.

Este fin de semana he empezado algo que no tenía pensado hacer hasta septiembre, que tengo unas merecidas (creo) vacaciones que significan tiempo libre para poder hacer mis cosillas; como un nuevo theme para Wordpress, mucho más simplificado, sin degradados ni motivos, incluso sin colores.

El nuevo theme pretende ser algo más que eso, es un intento de definir el modelo de post que llevará el blog de ahora en adelante, mucho más preparado para texto, centrado sobretodo en el contenido.
Los cambios principales son la supresión de colores (el rojo, referenciado de la versión anterior) para no desviar la mirada a elementos que al fin y al cabo no son importantes. La disminución de elementos de la barra lateral (o sidebar en Wordpress) que ahora tiene sólo páginas y enlaces (más adelante pondré el historial). Un mayor interlineado para facilitar la lectura… y poco más, por que aunque el cambio es bastante bestia, los cambios en si son pocos.

…la motivación de cambiar de aires venía desde hace tiempo - de hecho nunca había acabado de gustarme el estilo que usaba antes, aunque reconozco que el toque vintage me gustaba bastante xD - y era hacer mi bitácora algo más profesional, centrarme en un tipo de contenidos, pasar por alto otro tipo de contenidos y publicar de otra manera los que se publiquen, lo que viene a ser buscar la calidad ante la cantidad, ¿por qué? bueno… ya he conseguido 1 de pagerank, hay algunas personas que conocen el blog y lo visitan con relativa frecuencia, y estas pocas personas son las únicas que me importan, no me sirve de nada tener muchas visitas por que no me dan ningún tipo de fruto, de hecho en este theme he eliminado la publicidad de AdSense.

En los próximos días acabaré el theme y lo dejaré listo.

Y poco más, como siempre dar las gracias a quien de alguna manera haya participado en lo que viene siendo el blog desde sus principios, y también un agradecimiento cargado de sarcasmo y acritud a quien lo merezca.

Sobre el titulo, es una frase de una canción de System Of A Down, si mal no recuerdo Boom!.

Edito: la canción no es Boom!, es P.L.U.C.K. de SOAD.