Si te gusta el diseño que usan en Apple Store, entonces te va a gustar la siguiente implementación.

Se trata de crear un selector de productos muy al estilo Apple que utiliza la biblioteca jQuery. Sigue…

CSS, Curiosidad, Desarrollo, Diseño, Internet, Javascript, Mac, Recursos, Tutoriales apple store, crear, Javascript, jQuery, selector, tutorial

Date-picker no invasivo

Sobre recursos para implementar un selector de fechas he escrito varias veces. Esta wez les traigo Widgit que creo sin duda alguna es el mejor todos.

Widgit es un date-picker o selector de fechas no invasivo que es ideal para ser usado en páginas tipo application/xhtml+xml.

Es vistoso, moderno y posee un sin número de características como:

• Es totalmente usable por teclado.
• Soporta un amplio rango de formatos de fecha.
• Su código no es invasivo y además el namespace es amigable.
• Totalmente personalizable por medio CSS.
• Se pueden especificar límites en las fechas.
• Permite deshabilitar ciertos días.
• También se pueden deshabilitar ciertas fechas.
• Incluye localización inteligente.
• Además funciona con entradas de texto.
• Está distribuido con una licencia Creative Conmmons Share Alike.

Basta con hojear un poco la documentación para darse cuenta de las pontentes opciones que brinda y basta con probar algunos de los demos para darse cuenta la calidad y versatilidad que este recurso ofrece.

No sólo me gustó mucho, sino que funciona increíblemente bien, nunca antes había usado algo que soportara tan bien el teclado.

Widgit:

• Sitio: www.frequency-decoder.com/2009/02/03/unobtrusive-date-picker-widget-v4
• Vía: www.webresourcesdepot.com

Desarrollo, Diseño, Recursos, Software libre date-picker, extension, fechas, Javascript, no invasivo, plugin, recurso, script, selector, widgit

Date Range Picker - Muestra

Date Range Picker es un vistoso recurso para implementar un selector de fechas. Este hace uso de jQuery UI 1.6 del framework Query UI CSS.

Principales características:

• Integra la biblioteca DateJS.
• Permite definir rangos para avanzar o retroceder.
• Es altamente configurable.
• También es altamente personalizable.

Entre las opciones de configuración, posee una gran variedad parámetros para configurar el comportamiento y definir estados como la fecha de inicio, el formato de la fecha, etc.

Sin dudas no sólo su funcionalidad es espectacular sino que también, es muy vistoso y moderno.

Estuve examinando el código y la verdad que es muy sencillo de implementar, ya que sólo requiere enlazar los archivos JS, inicializar el script y definir los estilos.

Date Range Picker:

• Sitio/descargar: www.filamentgroup.com
• Demo: Date Range Picker
• Vía: www.webresourcesdepot.com

Desarrollo, Diseño biblioteca, date, descargar, fechas, framework, implementar, jQuery, libreria, picker, range, selector

Vista Like Ajax Calendar es un selector de fechas (datepicker) implementado con Mootools.

Posee código no invasivo, estéticamente es muy agradable y además de Javascript, hace uso de Ajax, XHTML, CSS y PHP. Sigue…

Desarrollo, Diseño, Recursos ajax, biblioteca, CSS, Curiosidad, datepicker, Desarrollo, Diseño, fechas, Javascript, libreria, MooTools, PHP, Recursos, selector

Javascript Color Picker es una biblioteca (librería) Javascript que permite implementar un seleccionador de color similar al del Photoshop.

Sus principales características son:

• posee opciones HSB y RGB;
• usa Prototype;
• y es compatible con los navegadores más populares.

Este script puede ser una potente solución para aquellos que necesitan agregar a sus aplicaciones web un selector de color avanzado. Sigue…

Desarrollo, Recursos biblioteca, color, Desarrollo, herramienta, Javascript, libreria, picker, recurso, Recursos, selector, trabajar

Color Picker Widget (YUI Based) es un script que permite agregar selección de color a cualquier campo de un formulario.

Está basado en YUI’s Color Picker control y este soporta la habilidad de mostrar el selector de colores dentro del contenido o como una venta flotante. Posee muchas opciones de configuración lo que hace que sea altamente personalizable y adaptable a las necesidades del proyecto. Sigue…

Desarrollo, Diseño, Recursos color, Desarrollo, Diseño, picker, programa, Recursos, script, selector, widget