Archive for the ‘I+D’ Category
El extraño caso de IE7 y los enlaces con rollover de fondo blanco y borde 0
photo credit: jeffwilcox
Reporto lo que parece un bug de IE7, por que en el resto de versiones de Internet Explorer parace que no se da el mismo error.
Y es que en IE7, y solo en IE7, cuando un enlace tiene el estilo border: 0, y el estado :hover contiene background-color: #FFF, no funciona dicho background-color.
Pero no funciona solo en el caso de que el color de fondo sea blanco. Si sustituimos #FFF o #FFFFFF por otro color, incluso cercano, como #FEFEFE, se ve perfectamente.
Ojo, si declaramos el border: 0 en un estilo reset del tipo “*{border:0}” estamos condenados.
Dejo un enlace y el código de ejemplo para comprobarlo:
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml" lang="es" xml:lang="es">
<meta http-equiv="Content-Type" content="text/html; charset=iso-8859-1" />
<head>
<title>El extraño caso de IE7 y los enlaces con rollover de fondo blanco y borde 0</title>
<style type="text/css">
body {
background-color:#999; }
a{
border: 0;
}
a:hover{
background-color: #FFF;
}
</style>
</head>
<body>
<a href="#">Enlace con border: 0 y color de fondo #FFF en el estado :hover. En IE7 no se verá el color de fondo al hacer rollover.</a>
</body>
</html>
Bookmarklets con jQuery
No voy a explicar que es un bookmarklet porque entiendo que este blog no es generalista.
Hace un tiempo hice algunas pruebas para crear bookmarklets cargando la librería jQuery para luego ejecutar alguna función aprovechando su versatilidad. Llegué incluso a meter toda la librería en una sola línea javascript. Pero estaba claro que la solución más práctica consistía en cargar la librería y luego ejecutar la función con las acciones.
Aprovechando la aparición de la utilidad online Sunday Morning que traduce textos mediante un marcador que precarga jQuery, he editado su propio script para que sirva a mis propositos.
javascript:void((function(){
// función para cargar archivos javascript
function load(type, src){
var s=document.createElement('script');
s.setAttribute('src',src);
s.setAttribute('type','text/javascript');
document.getElementsByTagName('head')[0].appendChild(s);
};
// función que establece un tiempo de espera y luego ejecuta el script que se defina
function whenLoaded(callback){
if(typeof(window['jQuery']) != 'undefined'){
callback();
}else{
setTimeout(function(){whenLoaded(callback)},100);
}};
// se carga la librería jQuery desde las Apis de Google
load('src','http://ajax.googleapis.com/ajax/libs/jquery/1.2.6/jquery.min.js');
// se ejecuta el script después de un tiempo prudencial de carga
whenLoaded(function(){
// evitar conflictos con otras librerias, incluida la propia jQuery
var $jqbm = jQuery.noConflict();
// Aquí se pone lo que uno quiera en sintaxis jQuery
$jqbm('img').toggle('slow');
});
})());
Y todo esto en un link, que al pulsarlo alterna entre ocultar y mostrar las imágenes de la web activa.
Ocultar/mostrar imágenes en foto de prueba:
Arrastrando el enlace hasta la barra de marcadores de tu navegador, tendrás siempre a mano esta utilidad en cualquier página que estés viendo.
Modificando el código las posibilidades son muuuuchas.
Algunos navegadores no cargan imágenes JPG en modo CMYK
photo credit: louise lynn
A veces uno se vuelve loco para encontrar fallos en el código Html cuando en realidad las causas son otras.
Si tu navegador habitual no quiere cargar una imagen que sin embargo otro browser no tiene problemas en visualizar, comprueba que el modo de la imagen está en RGB, por que si es CMYK, podría aparecer el típico recuadro de “aquí va una foto pero no la encuentro”.
Desconozco que navegadores muestran ese comportamiento. Mi Firefox3/WindosVista carga los jpg en CMYK, pero IE7 no.
Menos mal que la experiencia es un grado y damos antes con las soluciones.
Yo también estuve en Subflash 2008
Este es el primer año que asisto a los talleres Subflash. Estuve como oyente ya que se celebró en Alicante, de donde soy oriundo.
Tenía una pequeña idea preconcebida por la información que me llegó de ediciones en años anteriores. Pensaba que sería una especie de cursillo de actualización de Flash a nivel IDE y ActionScript, y me encontré con una jornada y media de charlas sobre desarrollo web, pero de temáticas variadas, a saber, JSFL, Posicionamiento WEB, Migración a AS3, Constructivismo Blog, y Redes Sociales.
El nivel de las charlas fue del tipo “te enseño lo que hay, que es interesante, y luego ya tu mismo …”. Es normal, en una hora y poco no se puede profundizar, pero siempre descubres información valiosa.
Lo interesante de estos talleres es sin duda la cantidad y calidad de los contactos que puedes hacer.
Lo malo de residir en la misma ciudad donde se celebra el evento es que te pierdes mucho de esa convivencia. El viernes ni asistí por que no había ninguna charla, de copas nada que me espera mi family, y el domingo me tuve que marchar antes del sorteo final por una movida en la empresa donde trabajo y ni siquiera salí en la foto de grupo.
¡¡¡ Que sí !!! Que yo estuve allí, en el Subflash 2008 de Alicante. Que aunque me he buscado en las fotos y no me he encontrado, yo soy el que le hizo una de las preguntas clave a Armando de Criterion:
Pero tú, ¿Cuánto ganas con Adsense?