destacados

Gabriel Da Silva

Portafolio del ilustrador y director de arte brasileño, aunque afincado en Madrid, Gabriel Da Silva.

B&W Helmut Newton

Selección de fotografías en blanco y negro de uno de los fotógrafos más conocidos de las últimas décadas, Helmut Newton.

Judith Erwes

Fotógrafa afincada en Londres con un estilo que combina la moda, el humor y la estética retro.

Jody Rogac

Nacida en Inglaterra y criada en Canadá, Jody Rogac en la actualidad vive y trabaja en Brooklyn. Sus trabajo ha obtenido diversos galardones.

Publicaciones

Open With Photoshop

, 17/11/2010 11:37:06

Open With Photoshop es una extensión de Firefox que permite abrir cualquier imagen de una web con Photoshop. Después de la instalación de la extensión, al hacer clic con el botón derecho sobre cualquier imagen dentro de una página web, aparece dentro del menú contextual la opción de abrir dicha imagen directamente en Photoshop. Una herramienta muy sencilla pero que puede llegar a ahorrar bastante tiempo a diseñadores y desarrolladores web.

Open With Photoshop » »

Style Switcher con jQuery

, , , , 06/03/2009 17:15:16

En Kelvinluck.com me he encontrado con una muy sencilla forma de hacer un style swither (o intercambiador de estilos) aprovechando la potencia de selección de jQuery. El ejemplo también utiliza cookies con lo que el estilo elegido por el visitante es almacenado para mostrarselo por defecto la próxima vez que visita la página.

La aplicación del ejemplo es muy sencilla. Primero incluimos el fichero de jQuery.

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

Incluimos tanto el estilo que se mostrará la primera vez que el visitante acceda a la página como los estilos alternativos que deseemos.

<link rel="stylesheet" type="text/css" href="Estilos.css" title="Normal" media="screen" />
<link rel="alternate stylesheet" type="text/css" href="EstiloRojo.css" title="Rojo" media="screen" />
<link rel="alternate stylesheet" type="text/css" href="EstiloNegro.css" title="Negro" media="screen" />

Lo importante es asignarle un atributo "title" con un nombre que posteriormente utilizaremos para identificarlo.

Lo siguiente es crear los enlaces, que deben tener la clase "styleswitch" y el atributo "rel" con el nombre que aparece en el "title" del estilo al que vamos a pasar.

<ul>
<li><a href="Ejemplo.html" rel="Normal" class="styleswitch">Estilo 1</a></li>
<li><a href="Ejemplo.html" rel="Rojo" class="styleswitch">Estilo 2</a></li>
<li><a href="Ejemplo.html" rel="Negro" class="styleswitch">Estilo 3</a></li>
</ul>

Ahora tan sólo queda incluir el script de Kelvinluck.com, que se ayuda de un par de funciones de Quirksmode.

<script language="javascript">
/**
* Styleswitch stylesheet switcher built on jQuery
* Under an Attribution, Share Alike License
* By Kelvin Luck ( http://www.kelvinluck.com/ )
**/
(function($){
$(document).ready(function() {
	$('.styleswitch').click(function()
	{
		switchStylestyle(this.getAttribute("rel"));
		return false;
	});
	var c = readCookie('style');
	if (c) switchStylestyle(c);
});
function switchStylestyle(styleName) {
	$('link[@rel*=style][title]').each(function(i) 
	{
		this.disabled = true;
		if (this.getAttribute('title') == styleName) this.disabled = false;
	});
	createCookie('style', styleName, 365);
}
})(jQuery);
// cookie functions http://www.quirksmode.org/js/cookies.html
function createCookie(name,value,days){
	if (days)	{
		var date = new Date();
		date.setTime(date.getTime()+(days*24*60*60*1000));
		var expires = "; expires="+date.toGMTString();
	}
	else var expires = "";
	document.cookie = name+"="+value+expires+"; path=/";
}
function readCookie(name){
	var nameEQ = name + "=";
	var ca = document.cookie.split(';');
	for(var i=0;i < ca.length;i++)
	{
		var c = ca[i];
		while (c.charAt(0)==' ') c = c.substring(1,c.length);
		if (c.indexOf(nameEQ) == 0) return c.substring(nameEQ.length,c.length);
	}
	return null;
}
function eraseCookie(name){
	createCookie(name,"",-1);
}
// /cookie functions
</script>

Ya tenemos realizado un intercambiador de estilos que recordará nuestra elección cada vez que carguemos la página.

Ver Ejemplo en funcionamiento » »

Guía SEO de Google

, , , 14/11/2008 11:00:01

Por lo que respecta a la optimización de nuestro sitio para los buscadores (SEO) hay veces que nos encontramos con opiniones e instrucciones contradictorias a la hora de buscar información. Al final, y tras haber consultado varias fuentes de información, es probable que todavía se nos puedan plantear dudas como: ¿son útiles los meta tags?, ¿qué factores penalizan nuestro posicionamiento?, ¿cómo nos puede llegar a banear Google?, ¿Los bots respetan el "rel=nofollow"?, etc. En este sentido nos puede ser muy útil recurrir una guía de iniciación que nos de un poco de luz. Si esa guía la ha publicado un buscador, mejor. Si además, el buscador que ha publicado la guía es Google, ni que decir tiene que todos los que andemos mínimamente preocupados por el SEO deberíamos leerla. Search Engine Optimization Start Guide abarca alrededor de una docena de aspectos que un webmaster debe considerar para optimizar su sitio: el título de la página, los meta tags, la estructura de las URL, la navegación por el sitio, .... La guía completa su información con enlaces que pueden ayudar a ampliar los temas abarcados.

Vía Google Webmaster Central Blog » »

Vertabase Timer

, , 04/11/2008 08:48:46

Los últimos días vengo utilizando este widget gratuito para controlar el tiempo que dedico a cada cosa. Es un programa muy sencillo y con una interfaz muy elegante, que cumple perfectamente con su tarea; que funciona tanto para Windows como para Mac y que permite exportar los datos de tiempo tanto a XML como a CSV. Permite gestionar el tiempo que le dedicamos a un cliente o proyecto y dentro de éste, también controlar el tiempo que le dedicamos a cada una de las tareas.

Vertabase Timer

El programa se ejecuta mediante Adobe AIR, por lo que lo deberemos descargar primero, antes de poder utilizar Vertabase Timer.

Vertabase Timer » »

Sumatra PDF

, , 25/06/2008 16:15:20

Sumatra PDF es un visualizador de archivos PDF muy sencillo pero que permite visualizar los archivos PDF con gran velocidad. El programa cuenta con las opciones justas y esto revierte en una mayor rapidez a la hora de abrir los PDF. También está diseñado pensando en un uso portable del mismo: es un único fichero sin dependencias externas.

Sumatra PDF » »

Los 10 errores principales en el dise駉 de aplicaciones

, , 08/05/2008 07:58:41

Hace un par de meses, Jakob Nielsen publicaba su lista de 10 errores principales en el diseño de aplicaciones. A diferencia de otras listas elaboradas por él anteriormente, esta no se centra exclusivamente en interfaces web, sino que se puede aplicar al diseño de todo tipo de aplicaciones. Os ofrecemos a continuación una traducción/resumen de ese artículo.

Es difícil hacer una lista de errores tan general, ya que los peores problemas son específicos de cada ámbito; no obstante, suelen caer en alguna de estas tres categorías:

  • la aplicación resuelve un problema inadecuado;
  • la aplicación tiene funcionalidades equivocadas para el problema adecuado;
  • la aplicación tiene funcionalidades adecuadas para el problema adecuado, pero son demasiado complicadas para que el usuario las entienda
    Seguir leyendo »»

Muy interesante artículo. Casi de lectura obligatoria.

CS Lite: Manejo de cookies con Firefox

, , 17/04/2008 11:54:06

Las cookies, en bastantes casos, son usadas para monitorizar nuestra actividad en internet. Una buena práctica es bloquear las cookies de aquellos sitios web donde no necesitemos estar autentificados. CS Lite es una extensión de Firefox que nos puede ser de gran ayuda a la hora de realizar un contrl de cookies. Tras instalarse añade un icono en la barra de estado, para acceder a sus características, pudiendo permitir cookies de una página, permitirlas temporalmente o bloquearlas. Uno de los aspectos más interesantes es que dispone de una lista negra de sitios, descargable y actualizable desde internet. Esta lista contiene cientos de sitios que utilizan las cookies para monitorizar la actividad de sus visitantes.
En el aspecto del desarrollo web, también dispone la posibilidad de ver y editar las cookies. Interesante si en nuestro desarrollo pensamos hacer uso de ellas.

CS Lite » »

IE7pro: add-on para Internet Explorer 7

, , , 06/04/2008 18:59:43

IE7pro es un add-on para Internet Explorer 7 que le proporciona algunas características extras tales como:

  • Gestor de servidores proxy.
  • Selección de identificación del navegador.
  • Bloqueador de anuncios y contenido en flash.
  • Super drag-drop.
  • Refresco automático de pestañas.
  • Recuperador de sesiones en caso de error.
  • Gestor de historial de pestañas.
  • Acceso a información detallada de la página visitada (imágenes,flash,CSS, etc.).
  • Guardado de imágenes rápido.
  • Guardar toda la página como una imagen.

IE7 Pro » »

Páginas: 1 2 3 4 Siguiente >