bitelemental

Wallpapers del mes de Noviembre (2009)

 15/11/2009

Como todos los meses (aunque este un poco tarde), os dejo con los calendarios en forma de fondo de pantalla para personalizar vuestros escritorios. Como siempre, todo a cargo de Smashing Magazine.

» Enlace: Desktop Wallpaper Calendar: November 2009

Categoría(s): Diseño, Wallpapers
 noviembre, Wallpapers
  3 comentarios

Las funciones callback en jQuery

 14/11/2009

Todo aquel que esté aprendiendo a utilizar este framework seguro que, en repetidas ocasiones, ha echado mano de la documentación de jQuery a través de su página web (si alguien no lo ha hecho creo que debería empezar ya). Navegando entre sus muchas opciones puede que se haya encontrado con un concepto que le suene desconocido. Estoy hablando  del  vocablo “callback”.

Según la documentación de jQuery, una función callback es  una función pasada como argumento de otra función y su ejecución se realizará después de que el elemento padre termine de realizar sus acciones correspondientes. Dicho de esta forma parece un poco confuso, pero viendo un par de ejemplos podremos apreciar el resultado.

El objetivo de nuestros ejemplos es  ocultar un bloque de texto pulsando en un botón y, después de esto, ocultar el botón sobre el que hemos pinchado.

La primera aproximación se ha realizado sin aplicar ninguna función de callback. La ejecución de los efectos se realiza de forma paralela consiguiendo un efecto totalmente distinto al que buscamos (recordemos que primero queremos ocultar el bloque de texto y, después, el botón).
»Ejemplo sin utilizar una función de callback

Si observamos el segundo ejemplo podemos comprobar la funcionalidad deseada. El bloque texto se oculta y, después de esto, es el propio botón el que desaparece.
»Ejemplo utilizando una función de callback

El código javascript asociado a este último ejemplo es el siguiente:

<script language="JavaScript">
	$(document).ready(function() {
		$("#btn").click(function(){
			$("#content").hide('slow', function(){
				$("#btn").hide('slow');
			});		
		});
	});
</script>

Espero que estas pequeñas demostraciones hayan servido para comprender con un poco más de detalle algunos de los aspectos que jQuery nos brinda.

Categoría(s): jQuery, tutoriales
 callback, jQuery, tutorial
  2 comentarios

10 consejos para elaborar mejor tus CSS

 13/11/2009

Web Design Ledger nos recomienda seguir 10 pasos prácticos a la hora de realizar nuestras hojas de estilo. Siguiendo estos consejos, nuestra capa de diseño presentará mejor aspecto y nos resultará más fácil localizar elementos:

1. Empieza siempre reseteando todos los valores (reset.css).
2. Realiza sangrados en el código, separando las clases y los identificadores de sus respectivos valores.
3. Los comentarios son tu mejor amigo.
4. Una regla = una línea / Varias reglas = varias líneas.
5. Escribe código consistente: si empiezas desarrollando el código de una forma, no la cambies a mitad del documento.
6. Separa tus “hacks” y elementos condicionales.
7. Aprende a utilizar los “shorthands” o abreviaturas.
8. Crea una tabla de contenidos antes de iniciar el documento CSS (como forma de pequeño índice).
9. Utiliza nombres sencillos, tanto para las clases como para los identificadores, siempre serán más fáciles de encontrar.
10. Ordena tu código alfabéticamente.

Si estos consejos te han sido de ayuda, es hora de que leas atentamente los principios o reglas recomendadas por los mejores maestros del diseño web, puede que te resulten interesantes.

»Enlace: 10 Tips for Writing Better CSS

Categoría(s): CSS, Diseño, Programación
 consejos, css, Diseño
  Sin comentarios