Eressea Solutions - La web en tus manos » Recursos de Diseño y Desarrollo Web

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

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

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

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

Es lanzada una nueva actualización para jQuery, 1.5.1

Rene Silva — Thu, 24 Feb 2011 21:49:37 +0000

Es lanzado un nuevo minor release para jQuery que básicamente elimina una serie de bugs de jQuery 1.5 y trae soporte para Internet Explorer 9.

Además trae 2 nuevas opciones para jQuery.ajax() isLocal y mimeType.

Descarga

jQuery Minified (29kb Gzipped)
jQuery Regular (212kb)

Y los CDNs de Google y Microsoft:

Microsoft CDN: http://ajax.aspnetcdn.com/ajax/jQuery/jquery-1.5.1.min.js

Google CDN: https://ajax.googleapis.com/ajax/libs/jquery/1.5.1/jquery.min.js (Pronto)

[Via el Blog de jQuery]

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

jQuery 1.5 es lanzado

Rene Silva — Mon, 31 Jan 2011 21:46:53 +0000

jQuery 1.5 ya está listo para descargarselo. Esta nueva versión nos trae una limpieza de bugs y problemas, además de que el módulo Ajax de jQuery fue reescrito. Otra de sus características son los Deferred Objects, cuya API nos permitirá trabajar con elementos (return values) que no esten presentes (por ejemplo un return producto de un llamado asíncrono via Ajax).

Como de costumbre jQuery nos provee su forma “minified” y la regular:

jQuery Minified (29kb Gzipped)
jQuery Regular (207kb)

También podemos utilizar los recursos que tanto Microsoft y Google ponen a disposición:

Microsoft CDN: http://ajax.aspnetcdn.com/ajax/jQuery/jquery-1.5.min.js

Google CDN: https://ajax.googleapis.com/ajax/libs/jquery/1.5.0/jquery.min.js

[Via el Blog de jQuery]

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

50 aplicaciones Open Source que puedes usar en la nube

allisonsilva — Fri, 26 Nov 2010 21:51:02 +0000

“Muchas aplicaciones Open Source están disponibles con base SaaS (Software -as-a-Service). Para los propietarios de los proyectos/aplicaciones, hospedarlas en la nube les brinda un nuevo nicho de mercado y para los usuarios esto siginifica poder acceder a excelentes aplicaciones y soporte en línea evitando así el costo de mantenimiento de hardware y del personal que lo administra. Además de ello, estas aplicaciones son accesibles vía un navegador (browser) convirtiéndose así en multiplataforma.”

Las aplicaciones desarrolladas en la nube están en su auge. Actualmente los desarrolladores de software Open Source están tomando ventaja de estas oportunidades de diferentes maneras. En Datamation nos presentan la lista de 50 aplicaciones Open Source que puedes usar en la nube:

Si quieres leer la lista completa pueder revisar el artículo completo en:

50 Open Source Apps You Can Use in the Cloud

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

6 tutoriales y plugins de efectos 3D para jQuery

Rene Silva — Thu, 25 Nov 2010 23:41:36 +0000

Gracias a efectos logrados con jQuery podemos lograr efectos 3D como los que veremos a continuación. Dichos efectos son utilizados como adornos en una página web y a veces por más cool que se vean tal vez no tengan un objetivo claro. Asi que cuidado desarrolladores/diseñadores, que estos efectos son buenísimos pero nos puede servir mucho más para conocer la matemática que va por detras en estos efectos :)

How to Create a 3D Tag Cloud in jQuery

Link

3D projection of plain HTML using Javascript/jQuery

Link

3D Sphere Using jQuery

Link

Flip!

Link

jQuery 3D Infinite Carousel

Link

Fancy faux-3D effect

Link

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

Ejemplos maravillosos de fotografías en blanco y negro

Rene Silva — Sat, 20 Nov 2010 12:15:02 +0000

Una foto en blanco y negro nos entrega el mensaje por la manera en la que está compuesta. La iluminación y la perspectiva tienen también un rol vital al momento de componer una fotografía en blanco y negro. Aunque no hayan colores en estas fotografías, no quiere decir que dejen de ser una inspiración. [...] Muchas de estas fotografías parecen surrealistas. El contraste las hace especiales.

En DPShots nos presentan una genial lista de 35 fotografías en blanco y negro, a continuación una muestra de la lista:

Balloon im Gegenlicht

One Shoot by Fotouczniak

Swirl Stairway by Ricardo Liberato

Vean el post completo acá

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

Eressea Solutions - La web en tus manos » Recursos de Diseño y Desarrollo Web

Despliega tus imágenes con un fondo blanco en Firefox

Firebug 1.8 es lanzado

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

Vuelve la vista HTML

Google nos presenta a Google Picker API

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

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

Es lanzada una nueva actualización para jQuery, 1.5.1

Descarga

jQuery 1.5 es lanzado

50 aplicaciones Open Source que puedes usar en la nube

Contabilidad

Backup

Presupuesto y Previsión

Inteligencia de Negocios

Business Process Management

Infraestructura en la nube

6 tutoriales y plugins de efectos 3D para jQuery

How to Create a 3D Tag Cloud in jQuery

3D projection of plain HTML using Javascript/jQuery

3D Sphere Using jQuery

Flip!

jQuery 3D Infinite Carousel

Fancy faux-3D effect

Ejemplos maravillosos de fotografías en blanco y negro