Javascripts


curvyCorners, esquinas redondeadas con javascript sin complicaciones

Martes, Mayo 13th, 2008

curvyCorners es una librería gratuita de javascript que permite generar esquinas redondeadas para cualquier DIV HTML en nuestra página web.

esquinas redondeadas javascript

Entre sus características están:

  • Es gratis
  • De fácil uso
  • No requiere ninguna imagen o edición de imagenes.
  • Soporte para imágenes de fondo.
  • Entre otras.

Enlace: curvyCorners | Modo de empleo | Demostración

También te puede interesar:

ShadowBox, Visor multimedia estilo lightbox

Viernes, Marzo 7th, 2008

Ya hemos visto varias alternativas a lightbox muy buenas para mostrar imagenes o contenido multimedia en nuestra página. Hoy toca el turno de ShadowBox un script en javascript que nos permite mostrar contenido multimedia en nuestra página web con un estilo “lightbox”.

Con ShadowBox podemos mostrar imagenes, archivos swf, videos, incluso páginas web dentro de nuestro sitio. Tambien permite crear galerías de todos esos tipos de contenidos multimedia.

Galeria de imagenes javascript

Segun el siio de ShadowBox estan son características que lo hacen diferente de los demas scripts:

  • Standards ya que Shadowbox utiliza HTML válido para presentar el contenido.
  • Adaptable: facilmente poemos adaptarlo a cualquier plataforma.
  • Skins: Podemos personalizar la apariencia de shadowbox mediante skins construidos en base a CSS
  • Formatos: Shadowbox soporta los formatos mas populares de multimedia.
  • Manejo de errores
  • Opciones de configuración

Sin duda una buena alternativa para mostrar contenidos multimedia en nuestros sitios.

Enlace: ShadowBox

Otros scripts estilo lightbox:

Galeria 3D en Javascript

Domingo, Diciembre 16th, 2007

Excelente galeria 3D que podemos encontrar en dhteumeuleu y esta completamente creada en Javascript. Impresionante las cosas que se pueden hacer hoy en dia con Javascript.

Galeria de Imagenes 3D En Javascript

Enlace: http://www.dhteumeuleu.com/

Vía: WebAppers

Insertar Mapas de Google Estilo LightBox

Jueves, Diciembre 13th, 2007

Ya hemos mencionado de varias librerias en javascript que emulan el estilo de LightBox, pero hasta ahora ninguno incorporaba esta funcionalidad que es la de poder mostrar mapas mediante Google Maps con un estilo similar a LightBox.

Google Maps Estilo Lightbox

Esto es algo que sin duda le dará un toque diferente a nuestros sitios web, para su uso hay lo único que tenemos que hacer es incluir los scripts necesarios en la cabecera de nuestra página y a los enlaces dejarlos con el siguiente formato:

<a href=”%google_maps_url%” rel=”gmap” title=”Title”>Ver Mapa</a> 

- Descargar

*El autor ha indicado que esta trabajando en una nueva versión de la librería, que espera liberar antes de finalizar el año asi que estén pendientes.

Enlace: Google Maps LightBox

Vía: Anieto2k

MOOdalBox - Ventanas Modales Con Javascript Estilo LightBox

Miercoles, Diciembre 5th, 2007

MoodalBox es una librería creada para el framework Javascript MooTools que permite desplegar contenido cargado remotamente en una ventana modal con un estilo similar a la famosa librería LightBox. Esta basado en SlimBox y su peso es apenas de 4.2KB (comprimido).

Ventanas Modales en Javascript

Requerimientos

MOOdalBox requiere mootools 1.0 o superior y utiliza los siguientes módulos de MooTools:

  • Core: Moo, Utility
  • Native: Array, String, Function, Element, Event
  • Addons: Common, Dom
  • Window: Window.Base, Window.Size
  • Effects: Fx.Base, Fx.CSS, Fx.Style, Fx.Styles
  • Remote: XHR, Ajax

[Ver Demo] [Descargar MoodalBox (comprimido)] [Descargar MoodalBox (Completo)]

Enlace: MOOdalBox

Date JS - Manejo de Fechas en Javascript

Viernes, Noviembre 30th, 2007

Date JS es una librería que nos permite manipular las fechas en Javascript de una manera mas potente y mucho mas fácil. Con esta librería podemos llegar a hacer esto:

  1. // ¿Qué fecha es el próximo jueves?
  2. Date.today().next().thursday();
  3. // Añadir 3 días a la fecha de hoy
  4. Date.today().add(3).days();
  5. // ¿Es hoy viernes?
  6. Date.today().is().friday();
  7. // Hace tres días
  8. (3).days().ago();
  9. // Dentro de 6 meses
  10. var n = 6;
  11. n.months().fromNow();
  12. // Ponerlo a las 8:30 AM del día 15 de este mes
  13. Date.today().set({ day: 15, hour: 8, mintue: 30 });
  14. // Convertir un texto a una fecha
  15. Date.parse(‘today’);
  16. Date.parse(‘t + 5 d’); // hoy + 5 días
  17. Date.parse(‘next thursday’);
  18.  
  19. Date.parse(‘February 20th 1973);
  20. Date.parse(‘Thu, 1 July 2004 22:30:00);

Muy buen recurso que irá directo a mis favoritos para cuando se necesite :)

Enlace: Date JS

Vía: Sentido Web



Tu banner aquí

Recibir Artículos Por Email