ModalBox, mejora tus ventanas de diálogo

ModalBox es una librería basada en Prototype que permite crear cuadros/ventanas de diálogo imitando las de la interfaz de Leopard (OS X), esto es, con un cuadro que se despliega desde el tope de la ventana en la que estamos.

modalbox-example

Si bien no me agrada que se basen en Protoype/Scriptaculous hay que reconocer que es una excelente forma de mejorar los clásicos alerts en javascript para confirmar acciones, como por ejemplo eliminar un archivo, o acciones mas complejas como validar un usuario.

Smooth scrolling degradable y válido

Ayer me rompi la pera y me dieron 4 puntos, asi que hoy tuve un dia tranquilo trabajando desde casa. Mientras esperaba la cena hice un script que andaba necesitando y no conseguia, para poder lograr el efecto de scroll suave para los links internos de un documento HTML.

Me base en un script algo viejo y lo adapte a los tiempos que corren, para usarlo, hay que seguir estos sencillos pasos:

Primero

Descargar el archivo (smoothscroll.js) y subirlo a su servidor, les aconsejo hacerlo en la carpeta /scripts (sean ordenados caramba!)

Segundo

Incluir el archivo en el documento donde lo necesitan, recuerden que va dentro del tag <head>.

<script src="scripts/smoothscroll.js" type="text/javascript"></script>

Tercero y último

Creen sus links relativos a elementos del tipo div dentro del documento mismo, por ejemplo:

<a href="#autor">Autor</a>
<div id="#autor">
  <p>Datos del autor</p>
</a>

Update: Pueden ver un ejemplo andando bien simple, lo unico que se carga es el script, e lestilo, es cortesia de su navegador.

Es todo

Deseenme una feliz recuperacion de pera :P.