sábado, mayo 23, 2009

"Page Peel" con jQuery

Tutorial que muestra como realizar el famoso efecto "page-peel" mediante jQuery y CSS. Aunque el tutorial está en inglés, es fácil de seguir y el código necesario está perfectamente detallado.

Efecto de Page Peel con CSS y jQuery

Simple Page Peel Effect with jQuery & CSS » »

Leia Mais…

lunes, mayo 18, 2009

Recursos del buen maquetador

Siempre digo que tengo que escribir un pequeño post con todos los recursos que suelo usar cuando trabajo, soy demasiado vago para meterlos en delicious y muchos los tengo por ahí guardados o listas de correo.

El caso es que pretendo que este espacio me sirva también para tener ordenado todos aquellos tutoriales, demos, prácticas varias o curiosidades con los que me he ido encontrado en estos tiempos, si de paso le sirve a alguien más, mejor que mejor.

Problemas con esquinas redondeadas, sean de la complejidad que sean:

Nifty Corners Cube: Los de toda la vida, los de la abuela, para hacer redondeos más o menos típicos

Shaded Border: Para los que buscan grandes emociones, con fondos degradados y demás historias.

Reemplazo de fuentes

Cufón: Mi nuevo muy mejor amigo, funciona generalmente bien (a veces se pega con otros niños-plugins) , es fácil de implementar y las librerias no ocupan demasiado

Sprites

CSS Sprite Generator: Reconozco que yo soy más de hacerlo a mano, pero una buena herramienta se agradece (no penséis mal leches)

Tooltips

Simpletip: Claro y consiso, para hacer tooltips, sin chorradas.

Beauty Tips: Todo lo contrario al anterio plugin, con todas las opciones y chorraditas varias que se puedan imaginar.

Lightboxs

Shadowbox: Muy chulo, con bastantes opciones

Thickbox: El rey de la selva, básico fundamental en todos mis proyectos

Retícula

Jquery-reticulator: Basada en el reticulator de Ale Muñoz, una creación de Manuel Muñoz, básico para cualquier maquetación que tenga que estar al pixel.

Transparencias en IE6

IE Png Fix: Mi otro mejor amigo, este es el que te salva el culo siempre, especialmente cuando llegan diseños puteantes complejos.

Tablas Ordenadas:

Tablesorter: Salvador para aquellos proyectos llenos de tablas con datos de ordenados de usuarios y demás rollos

Bola extra: Google Buttons Style: Fáciles de implementar y quedan chulísimos en cualquier proyecto

Leia Mais…

domingo, abril 19, 2009

IconPot


IconPot es un sitio web que recopila conjuntos de iconos que se encuentran disponibles para su libre descarga en Internet. La diferencias respecto a otros sitios son que:
1.- Únicamente se recopilan iconos que sean útiles para el desarrollo de aplicaciones web.
2.- Los iconos deben ser totalmente libres tanto para su uso personal como para su uso comercial. Ni siquiera se admiten aquellos que requieren crédito o backlinks a su autor.


IconPot » »

Leia Mais…

Tiny JS | scripts pequeños pero poderosos

TinyJS es un sitio que, según su 'tagline' recoge plugins pequeños y específicos que hacen una cosa bien. La máxima es recoger scripts tan pequeños como sea posible y desechar códigos 'hipertrofiados'. Se incluyen scripts para jQuery, YUI y Moo Tools.

TinyJS » »

Leia Mais…

jueves, marzo 26, 2009

ColorBox para jQuery 1.3


ColorBox es un plugin para jQuery 1.3 muy ligero (12kb) que permite hacer unos lightbox muy atractivos. Cada dia se utilizan mas los lightbox y son mas los plugins que se crean para ello. Este en especial es muy ligero, personalizable y facil de utilizar.

colorbox

Estas son unas de sus caracteristicas mas interesantes:

  • Soporta la utilización de fotos de forma individual o en grupos, Soporta ajax en línea, y contenido iframed.
  • Diversos Estilos. Apariencia completamente controlada a través de CSS, para que los usuarios puedan dar nuevos estilos a la caja.
  • EL comportamiento de los ajustes puede ser sobre-escrito, sin alterar el archivo de Javascript ColorBox.
  • HTML Totalmente discreto, no requiere cambios en los existentes HTML.
  • Efecto atractivo, con discreto degradado.
  • Precarga de imágenes de fondo para evitar la inflamación de unstyled.
  • Ligero: sólo 12kbs de JavaScript.
  • Escrito en jQuery.
  • Genera XHTML y CSS válido.
  • Hay varias demos para poder ver ColorBox en acción: Demo 1, Demo 2, Demo 3 y Demo 4. Por otro lado, para descargar ColorBox acceder al sitio web de los desarrolladores.

    Leia Mais…