Eressea Solutions - La web en tus manos

Despliega tus imágenes con un fondo blanco en Firefox

Rene Silva — Wed, 28 Mar 2012 15:53:57 +0000

Me encontraba debuggeando en Firefox y al momento de abrir una imagen en una pestaña vi que esta tenía un fondo gris oscuro y la imagen centrada.

Recordé que actualizé Firefox a su versión 11 y esta es una de sus nuevas características.

Para volver a un nuestro ~~estado anterior~~ espacio de comfort, la solución es instalar un plugin, Old Default Image Style, que quita el stylesheet que centrea la imagen y le pone fondo gris oscuro.

Como pueden leer en el review del plugin muchos consideran a esta feature como un bug o algo peor.

Si deseas leer muchos más artículos acerca de Diseño y Desarrollo Web, Tecnología y Social Media puedes suscribirte via RSS y seguirnos en Twitter.

Artículos relacionados

Google vs Bing

Rene Silva — Fri, 09 Dec 2011 01:37:32 +0000

En SEOMoz nos comparten una interesante infografía acerca de Google vs Bing (basado en un estudio de Slingshot SEO) en varios aspectos como por ejemplo el Clickthrough rate, market share, etc. Disfrútenlo:

Si deseas leer muchos más artículos acerca de Diseño y Desarrollo Web, Tecnología y Social Media puedes suscribirte via RSS y seguirnos en Twitter.

Artículos relacionados

Cómo afectan las palabras a la tasa de conversión

Rene Silva — Fri, 29 Jul 2011 22:02:49 +0000

ZippyCart nos ofrece una infografía muy interesante acerca de las diferentes palabras que se utilizan al momento de promocionar un producto y cómo estas afectan las tasas de conversión de nuestros productos.

Si deseas leer muchos más artículos acerca de Diseño y Desarrollo Web, Tecnología y Social Media puedes suscribirte via RSS y seguirnos en Twitter.

Artículos relacionados

Firebug 1.8 es lanzado

Rene Silva — Fri, 29 Jul 2011 12:40:45 +0000

Firebug es uno de los addons indispensables en una instalación de Firefox, si de desarollo web se habla. Firefub 1.8 solamente puede ser utilizado desde Firefox 5 para adelante, de todos modos para versiones inferiores podemos utilizar Firebug 1.7.3.

En esta nueva versión, 1.8, nos traen mejoras como:

Las IPs son mostradas en el tab/pestaña de Net/Red.

Vuelve la vista HTML

Y otros cambios importantes como:

Un nuevo método, console.timeStamp()
Mejor visualización de la locación de los scripts
Nuevas opciones en el panel DOM
Shortcuts para cambiar los valores CSS (shift+up/down de 0.1 en 0.1 y control+up/down de 10 en 10)

Descargar

[Post Original]

Si deseas leer muchos más artículos acerca de Diseño y Desarrollo Web, Tecnología y Social Media puedes suscribirte via RSS y seguirnos en Twitter.

Artículos relacionados

Google nos presenta a Google Picker API

Rene Silva — Wed, 20 Jul 2011 22:50:39 +0000

Google Picker API nos permite “escoger” fotografías, videos y documentos desde Google Images Search, Google Docs, Picasa e incluso subirlas en ese momento.

Este API tiene un gran potencial, por ejemplo en este momento utilizamos un plugin de WordPress para seleccionar fotos desde Picasa, pero pronto aparecerá un plugin que lo sustituya y que no solamente nos permita seleccinar fotografías sino adicionarlas directamente desde WordPress.

Si tienen iniciada la sesión de una cuenta en Google pueden probarlo acá o probarlo con el siguiente código (algo modificado):

<!DOCTYPE html>
<html xmlns="http://www.w3.org/1999/xhtml">
	<head>
		<meta http-equiv="content-type" content="text/html; charset=utf-8"/>
		<title>Google Picker Example</title>
		<script src="http://www.google.com/jsapi?key=API_KEY"></script>
		<script type="text/javascript">
			google.setOnLoadCallback(createPicker);
			google.load("picker", "1",{"language":"es"});

			function createPicker() {
				var picker = new google.picker.PickerBuilder().
					addView(google.picker.ViewId.IMAGE_SEARCH).
					addView(google.picker.ViewId.PHOTO_UPLOAD).
					addView(google.picker.ViewId.PHOTOS).
					setCallback(pickerCallback).
					build();
				picker.setVisible(true);
			}

			function pickerCallback(data) {
				var message = "Escogiste: " +
					((data.action == google.picker.Action.PICKED) ? data.docs[0].url : "nothing"); //thumbnails[1].url
				document.getElementById("result").appendChild( document.createTextNode(message) );
			}
		</script>
	</head>
	<body>
		<div id="result"></div>
	</body>
</html>

Via Google Code Blog

Si deseas leer muchos más artículos acerca de Diseño y Desarrollo Web, Tecnología y Social Media puedes suscribirte via RSS y seguirnos en Twitter.

Artículos relacionados

Las 20 “palabras clave” más costosas en Google Adwords (según WordStream)

Rene Silva — Tue, 19 Jul 2011 21:37:48 +0000

En Wordstream nos comparten una infografía muy interesante acerca las 20 palabras clave (keywords) más caras en Google Adwords (además de un artículo acerca de que hacer cuando el CPC es muy alto.). Los porcentajes corresponden al número de palabras clave entre los 10,000 top keywords que pertenecen a esa categoría.

“Insurance”, 24 por ciento, $54.91
“Loans”, 12.8 por ciento, $44.28
“Mortgage”, 9 por ciento, $47.12
“Attorney”, 3.6 por ciento, $47.07
“Credit”, 3.2 por ciento, $36.06
“Lawyer”, 3 por ciento, $42.51
“Donate”, 2.5 por ciento, $42.02
“Degree”, 2.2 por ciento, $40.61
“Hosting”, 2.2 por ciento, $31.91
“Claim”, 1.4 por ciento, $45.51
“Conference Call, 0.9 por ciento, $42.05
“Trading”, 0.8 por ciento, $33.19
“Software”, 0.8 por ciento, $35.29
“Recovery”, 0.7 por ciento, $42.03
“Transfer”, 0.6 por ciento, $29.86
“Gas/Electricity”, 0.6 por ciento, $54.62
“Classes”, 0.5 por ciento, $35.04
“Rehab”, 0.5 por ciento, $33.59
“Treatment”, 0.4 por ciento, $37.18
“Cord Blood”, 0.4 por ciento, $27.80

Si deseas leer muchos más artículos acerca de Diseño y Desarrollo Web, Tecnología y Social Media puedes suscribirte via RSS y seguirnos en Twitter.

Artículos relacionados

Utiliza botones idénticos a los de Google+ en tu sitio web

Rene Silva — Tue, 19 Jul 2011 12:57:33 +0000

De la mano de Pixify, podemos utilizar botones idénticos a los de Google+ y al nuevo diseño de los productos de Google, ya alabado por muchos por su simpleza y uso del whitespace.

Funciona con IE7+, Google Chrome y Firefox. Pueden descargarlo y ver el demo en la misma página.

Si desean ver un poco de discusión acerca del tema, no hace mal pasar un minuto por Hacker News.

Si deseas leer muchos más artículos acerca de Diseño y Desarrollo Web, Tecnología y Social Media puedes suscribirte via RSS y seguirnos en Twitter.

Artículos relacionados

La final de la Copa Mundial Femenina marca un nuevo record en Twitter

Rene Silva — Mon, 18 Jul 2011 01:56:38 +0000

Twitter nos informa de que tenemos un nuevo record de tweets por segundo y fue lograda por la final de la Copa Mundial Femenina entre las selecciones de Japón y EEUU (felicitaciones Japón btw). Este record deja atrás el anterior record marcado segundos después del año nuevo en Japón.

El segundo lugar ahora lo tiene el partido entre Paraguay y Brasil por la Copa América (felicitaciones a Paraguay también). Cabe notar que tanto en EEUU, como en Japón y Brasil, Twitter tiene una cantidad inmensa de usuarios.

Si deseas leer muchos más artículos acerca de Diseño y Desarrollo Web, Tecnología y Social Media puedes suscribirte via RSS y seguirnos en Twitter.

Artículos relacionados

Nueva actualización para WordPress, 3.2.1

Rene Silva — Wed, 13 Jul 2011 01:47:25 +0000

Una nueva actualización para WordPress está disponible, 3.2.1, y trae ciertas correcciones de un problema con JSON en ciertos casos. Descárgalo directamente desde su website:

O visita el “Escritorio” (o Dashboard) e instálalo. Y no olviden tener siempre actualizado WordPress.

Si deseas leer muchos más artículos acerca de Diseño y Desarrollo Web, Tecnología y Social Media puedes suscribirte via RSS y seguirnos en Twitter.

Artículos relacionados

16 trucos y guías para la impresión con CSS

Rene Silva — Thu, 30 Jun 2011 20:44:04 +0000

En muchos casos nuestros usuarios necesitarán la impresión de nuestras páginas web y generalmente tendremos que dar un estilo aparte a las impresiones también. La creación de estos estilos se puede convertir en un infierno si no conocemos algunas técnicas.

En SloDive nos comparten una lista de trucos y guías para obtener una impresión de página que se ajuste a nuestras necesidades con CSS:

[Via 15 Important CSS Print Page Tricks]

Si deseas leer muchos más artículos acerca de Diseño y Desarrollo Web, Tecnología y Social Media puedes suscribirte via RSS y seguirnos en Twitter.

Artículos relacionados