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…

    miércoles, marzo 04, 2009

    Sexy Alert Box

    Sexy Alert Box es un clon “sexy” del clásico alert de javascript. Está basado en PBBAcpBox — un script que lamentablemente el autor paró de desarrollar — sin embargo, el código fue publicado bajo una licencia libre, con lo cual pude mejorarlo y adaptarlo a la versión 1.2 de Mootools.

    Entre las características de SexyAlertBox encontramos:

    • Estilo: Mostrar mensajes de error de una manera más bonita.
    • Compatibilidad: Funciona tanto en navegadores modernos, como en Internet Explorer.
    • Requiere: Mootools 1.2
    Puedes descargar Sexy Alert Box desde el blog www.coders.me

    Leia Mais…

    martes, marzo 03, 2009

    Animated JavaScript Slideshow

    Posted by Michael in JavaScript

    This dynamic JavaScript slideshow is feature packed and under 5KB. It is the long awaited update to my previous script here. A few new features include description support, link support, no naming restrictions, portrait image support, graceful degradation and active thumbnail status. This script was built ground-up and will soon be included at scriptiny where all my scripts will be added as they are updated, debugged and incorporated in the new TINY namespace. I will also document the scripts more thoroughly and publish multiple examples. I will continue to publish scripts there and support as I have time via the new community forum. I will try and post more frequently here on a wide range of web development related topics.

    Images

    imgSpeed = int; (10) navOpacity = int; (25) navHover = int; (70) letterbox = “string”; (#000) required color for letterbox on portrait images link = “string”; class name for link hover state

    Auto Slideshow

    auto = boolean; (false) speed = int; (10)

    Information Dialog

    info = boolean; (true) infoID = “string”; required for information dialog infoSpeed = int; (10)

    Thumbnail Slider

    thumbs = “string”; id of thumbnail slider, disabled if not set scrollSpeed = int; [1-20] (5) thumbOpacity = int; [0-100] (70) active = “string”; required for thumbnail active border spacing = int; (5) spacing between thumbnails left = “string”; id of left navigation link, required for slider right = “string”; id of right navigation link, required for slider

    Click here for the demo.

    Click here to download the source.

    Leia Mais…

    lunes, marzo 02, 2009

    Cajas en Vector

    Descargar Cajas en Vector

    Leia Mais…

    Iconos gratuitos en DryIcons.com

    En DryIcons.com podemos encontrar unos cuantos sets de iconos gratuitos y de gran calidad. Todos los paquetes contienen los iconos en formato PNG en los tamaños más usuales (16×16, 24×24, 32×32, 48×48) y en formato PSD. Los iconos se distribuyen bajo varias licencias de uso, la versión gratuita de los iconos lo hace bajo una licencia Creative Commons Attribution 3.0. Lo que significa que podemos utilizarlos en proyectos personales o comerciales, siempre y cuando inluyamos el enlace pertinente a DryIcons. DryIcons.com | Free Icons » »

    Leia Mais…

    domingo, marzo 01, 2009

    Neositios, creador de sitios web con aspecto profesional, deja de estar en fase beta

    Neositios Siempre es agradable conocer como muchos proyectos de Internet evolucionan con el tiempo, e incluso algunos de ellos quitan esa etiqueta tan característica de muchas aplicaciones online: beta.

    Y quien ha retirado el cartel de beta no es otro que Neositios, una interesante aplicación online en español que nos permite la creación de sitios web. Como bien nos comenta su CEO, Alejandro Trybiarz, Neositios destaca precisamente por la calidad de sus diseños, disponibilidad de suficientes aplicaciones, y también importante, la sencillez de uso.

    Pues eso vamos a comprobarlo ahora mismo, que no se diga. Eso si, tenemos que tener en cuenta que Neositios dispone de diferentes planes según nuestras necesidades, con lo que nosotros vamos a optar por la versión gratuita, con 100 Mb de espacio y 1 GB de transferencia mensual. Con las cuentas pro puedes tener dominios propios con cuentas de correo, más capacidad de espacio y transferencia, editor de logos o incluso acceso a su banco de imágenes, entre otras características.

    Cuando nos registramos y accedemos a nuestra cuenta, accedemos primeramente a nuestro panel de administración, desde donde podemos empezar a editar nuestra web, acceder al webmail, a las estadísticas, o a otras muchas funciones. Pero nos vamos a centrar en la edición, que es lo que verdaderamente nos interesa.

    Para ello disponemos de un asistente inicial, que nos permitirá la creación de nuestro sitio web desde cero, guiándonos paso a paso. Elegiremos la categoría, seleccionaremos uno de sus diseños de calidad que tienen disponibles, y posteriormente iremos añadiendo los diferentes tipos de páginas que disponemos, modificando el menú de acceso. Ya sólo nos quedará editar cada una de las páginas, de forma visual, que dependerá su edición del tipo de página que hayamos seleccionado.

    Lo último que nos queda es publicar, seleccionando aquellas páginas que queramos que sean publicadas, con lo que ya sólo nos queda por acceder al sitio y ver lo bien que nos ha quedado, sin conocimientos de programación ni de diseño, con resultados que saltan a la vista.

    Una opción a tener en cuenta para crear nuestros sitios web, y la verdad, uno de los mejores y más completos.

    Enlace | Neositios

    Leia Mais…

    Entradas populares