Si usas Chrome o Rockmelt y eres usuario Hotmail entonces puede que tengas este problema: la publicidad en hotmail es tal que oculta los botones de avanzar a otros correos y en algunos hasta te oculta parte del contenido. Lo curioso es que no pasa siempre, quizá por el tamaño de la pantalla o si el correo tiene una lista de imágenes adjuntas, a mi sucede y no me gusta, además que los anuncios de hotmail son fastidiosos, tenemos hasta publicidad con imágenes ’muy sugerentes’.

¿Una forma rápida de dejar ver estos anuncios? Pues sólo dale clic en Install al script Windows Live Ad Remover y listo, no te aparecerá más publicidad. ¿Nada más? Ajá, nada más.

¿Y para firefox? Usa también ese script, pero antes tienes que instalar Greasemonkey.

¿Y para internet explorer? No hay.

Muchos pasamos muchas horas al día leyendo en la computadora: noticias, post, cuentos, etc, y podemos estar de acuerdo en que son pocos los sitios que priorizan la comodidad de la lectura al diseño. Leer en la computadora cansa y es muy incomodo, letras pequeñas, colores chillones, fondos de igual tonalidad a la letra … la lista es larga, y para ello llevo usando por mucho tiempo un plugin creado por Samabox llamado iReader.

La funcionalidad de iReader es emular el efecto del Safari Reader en Firefox, Chrome y Rockmeit (el navegador social basado en Chrome): abre algún artículo en un cómodo formato para leer con letras negras en fondo blanco y con buen tamaño, eliminando todo el resto del contenido, esto sin refrescar la página, se abre con un efecto de Lightbox.

Es realmente útil, desde que lo uso cada post interesante (y largo) que encuentro en el Google Reader lo abro en el blog que corresponda y lo leo de esta forma.

border-radius, box-shadow, y linear-gradient son propiedades de CSS3 que todo navegador respetable puede interpretarlo, pero ie6, ie7 e ie8 no. Internet Explorer 9 al fin si lo reconoce.

Si quieres usar estas propiedades en Internet Explorer existe una sencilla solución, se llama Css3Pie. Por ejemplo, si quieres usar esquinas redondeadas hacemos lo siguiente:

#ejemplo{
-webkit-border-radius: 1px;
-moz-border-radius: 1px;
border-radius: 1px;
}

Pero el efecto no se ve en IE, entonces a estos códigos le agregamos behavior:url(PIE.htc)

#ejemplo{
-webkit-border-radius: 1px;
-moz-border-radius: 1px;
border-radius: 1px;
behavior: url(PIE.htc);
}

donde PIE.htc es un archivo que podemos descargarlo desde css3pie.com el cual debemos subirlo donde queramos.

El mismo método se usa para box-shadow y linear-gradiente (con sus variantes para Firefox y Safari), siempre usando behavior: url(PIE.htc);

Actualmente lo vengo usando en algunos sitios con buenos resultados. Sólo he encontrado un problema, cuando necesito usar el border-radius y una imagen o color de fondo es necesario agregar position:relative; para que las esquinas redondeadas se vean bien.

#ejemplo{
-moz-border-radius:0.5em;
-webkit-border-radius:0.5em;
border-radius:0.5em;
background:url('img/ejemplo.jpg');
position:relative;
behavior: url(PIE.htc);
}

Facebook es una de dos: Una real tontería o un sitio demasiado importante en tu vida. Para la mayoría de los segundos esta aplicación será de utilidad: Un plugin que nos mostrará todas las fotos de Facebook en tamaño original sin tener que entrar en cada una de ellas.

Me explico mejor, entras a Facebook y ves que alguien ha subido una nueva foto, lo normal es que le des clic para ver la foto completa, pero ahora podrías ver la foto pasando el mouse por encima de ella. Funciona tanto para las fotos que aparecen en el muro como en álbumes.

El plugin que te permite realizar esto es Facebook Photo Zoom, y está disponible para Firefox, Chrome y Safari. ¿Internet Explorer? No gracias.

Facebook al renovar su API nos ofreció nuevos códigos para insertar un botón Like (Me gusta) en cualquier web, para hacerlo solo tenemos que colocar el siguiente código donde quieran que aparezca:

<iframe src="http://www.facebook.com/plugins/like.php?href=http%253A%252F%252Fbraulioaquino.com&amp;layout=standard&amp;show_faces=true&amp;width=450&amp;action=like&amp;font&amp;colorscheme=light&amp;height=80" scrolling="no" frameborder="0" style="border:none; overflow:hidden; width:450px; height:80px;" allowTransparency="true"></iframe>

Pero para mayor funcionalidad nos recomiendan usar un código propio de Facebook el cual consiste en dos partes:

<div id="fb-root"></div>
<script>
  window.fbAsyncInit = function() {
    FB.init({appId: 'your app id', status: true, cookie: true,
             xfbml: true});
  };
  (function() {
    var e = document.createElement('script'); e.async = true;
    e.src = document.location.protocol +
      '//connect.facebook.net/en_US/all.js';
    document.getElementById('fb-root').appendChild(e);
  }());
</script>

que se tiene que colocar luego de </head>

<fb:like href="<a href="http://braulioaquino.com">http://braulioaquino.com"</a>></fb:like>

que se coloca donde quieras que aparezca el botón

Todos los pasos son sencillos, pero resulta que algunas veces el código del Like Buttom no funciona en Firefox, esto se soluciona colocando el código SDK luego de <body> ya que a quienes se les presenta este error lo colocaron de la forma … </head> Código de Facebook <body> …

En WordPress la forma de colocarlo en header.php es

…
</head>
<body>
<div id="fb-root"></div>
<script>
  window.fbAsyncInit = function() {
    FB.init({appId: 'your app id', status: true, cookie: true,
             xfbml: true});
  };
  (function() {
    var e = document.createElement('script'); e.async = true;
    e.src = document.location.protocol +
      '//connect.facebook.net/en_US/all.js';
    document.getElementById('fb-root').appendChild(e);
  }());
</script>
...

y luego donde quieras (probablemente en single.php)

<fb:like href="<?php echo urlencode(get_permalink()); ?>" font="tahoma"></fb:like>

Google Chrome es un navegador muy ligero y veloz, nacido principalmente para que visitar diferentes sitios webs sea lo mas fácil posible.

Visitar páginas webs no debería llevarnos a usar varios clics ni esperar tiempo a la carga. Todo muy bonito en Google Chrome, pero hay algo que en ocasiones llega a fastidiar: Las sugerencias de traducción.

Cada vez que uno visita un sitio en ingles Google Chrome te muestra un mensaje para traducir el sitio a tu idioma, algo muy útil pero que a algunos les lleva a usar un clic mas. ¿Capricho del usuario? Quizás sí, por suerte esto se puede desactivar.

¿Cómo desactivar el traductor de Google Chrome?

Leer más…