by nax
Hace unos días me llego un tweet sobre este script de JS.
Se trata de dar un punto de vista diferente a nuestros formularios, algo elegante, simple y vistoso.
La demo así como la descarga se encuentran en su página oficial:
Uniform - Sexy forms with jQuery
by nax
Login Rainbow es un efecto del borde con varios colores simulando un arcoiris.
Me parece muy bueno estéticamente y se le puede sacar gran partido.
El código no estaba al acceso público (los JS si pero la parte php no..)
Pero un usuario a simulado los PHP y nos ha dejado este gran efecto con JQuery.
Source code
forgot.php script:
http://www.manifestinteractive.com/usenet/login...
checklogin.php script:
http://www.manifestinteractive.com/usenet/login...
Demo
Página de
Dragon Labs
by nax
Este también me topé buscando sobre lightbox
Se trata de efectos de botones y fondos.
Están muy interesantes y bonitos
La
demo
La
descarga
En la demo vemos varios efectos, el primero es solo css
El segundo es css y jquery con el efecto blend
El tercero es css y jquery con blend y pulse (como si se encendiera y se apagara)
El cuarto es css y jquery con reverse (el mismo efecto pero al revés)
espero les guste
by nax
Cuando estaba escribiendo sobre Lightbox 2 topé con esta biblioteca que me pareció muy atractiva.
Funciona de forma similar a Lightbox 2 aunque en mi opinión es más rápida y estética.
La
demo
La
descarga
Para más información visiten su página web.
web:
www.colorpowered.com
by nax
Lightbox 2 es una de esas aplicaciones para poder ver la imagen en grande a partir de una miniatura en la misma página web sin necesidad de cargar un pop-up y de una forma elegante.
Lightbox 2 utiliza el framewor Prototype y Scriptaculous Effects Library.
La
demo
la
descarga
Un ejemplo de código:
<html>
<head> </head>
<body>
<script type=\"text/javascript\" src=\"js/prototype.js\"></script>
<script type=\"text/javascript\" src=\"js/scriptaculous.js?load=effects,builder\"></script>
<script type=\"text/javascript\" src=\"js/lightbox.js\"></script>
<link rel=\"stylesheet\" href=\"css/lightbox.css\" type=\"text/css\" media=\"screen\" />
<a href=\"images/image-1.jpg\" rel=\"lightbox\" title=\"my caption\">image #1</a>
<a href=\"images/image-1.jpg\" rel=\"lightbox[roadtrip]\">image #1</a>
<a href=\"images/image-2.jpg\" rel=\"lightbox[roadtrip]\">image #2</a>
<a href=\"images/image-3.jpg\" rel=\"lightbox[roadtrip]\">image #3</a>
</body></html>
Nota: el primer
<a href=""> hace referencia a una imagen unica
los siguientes lo hacen a un grupo de imagenes (por lo cual tenemos un botón next y prev.
Web del autor
