En otros post, ya había escrito sobre recursos para implementar contenidos deslizantes como Sliding Top Menu que utiliza jQuery. Toggling Announcement Slider es similar pero está desarrollado con Mootools.
Es muy sencillo de implementar, primero hay que enlazar Mootools en la sección header: Sigue…
CSS, Desarrollo, Diseño, Internet, Javascript, Recursos, Software libre, Tutoriales, Usabilidad
anuncios delizantes, contenido deslizante, crear contenido deslizante, desarrollar, implementar, Javascript, MooTools, programcion web
Otras veces escribí sobre soluciones para implementar contenido organizado en pestañas y también, sobre imágenes o contenido que rotan, en esta ocasión, una combinación de ambas.
Tabbed Content Rotator es un tutorial que explica paso a paso y ofrece los archivos para descargar sobre cómo implementar con jQuery una rotación automática de imágenes y con pestañas, haciendo que con sólo un clic, poder acceder directamente a una una parte del contenido mostrado. Sigue…
CSS, Desarrollo, Diseño, Internet, Javascript, Recursos, Software libre, Tutoriales
content tabbed rotator, extension jquery, implementar, jQuery, jquery ui, pestañas, rotar contenido, rotar imagenes
A la extensa lista de recursos para implementar menus deslizantes, hay que agregar BySlideMenu.
BySlideMenu es un plugin Mootols para implementar un vistoso menu deslizante.
Se destaca por ser altamente configurable, por ejemplo permite que el deslizamiento pueda ser tanto vertical como horizontal, además es muy liviano y sobre todo muy sencillo de implementar.
Para personalizar su comportamiento, ofrece 12 parámetros, para el resto es sólo cuestión de tener conocimientos básicos de HTML , Javascript y CSS. Sigue…
CSS, Desarrollo, Diseño, Internet, Javascript, Recursos, Software libre, Usabilidad
crear, extension, implementar, Javascript, menu deslizante, MooTools, plugin
Existen muchas formas de mostrar una ayuda, un mensaje o cualquier otro tipo de información que requiera llamar la atención del usuario. Un forma vistosa es usar un tooltip, estos son esas pequeñas burbujas que generalmente contienen textos y que definitivamente, son un recurso visual, mucho más elegante que los diálogos tipo alert que se pueden crear con Javascript.
Desarrollo, Diseño, Internet, Javascript, Recursos
crear tooltips, desarrollar, extesnion, implementar, Javascript, jque, plugin, prototype, recusros, script, tooltips
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:
Desarrollo, Diseño
biblioteca, date, descargar, fechas, framework, implementar, jQuery, libreria, picker, range, selector
Simple Progress Bar - Demo
La barra de progreso o algún indicador que mantenga informado al usuario sobre la ejecución de una tarea, es un recurso importantísimo, ¿o no te molesta cuando la pantalla se queda en blanco y no sabes que es lo que está sucediendo?
En JCargoo.org publican un interesante tutorial en donde explican paso a paso como implementar una barra de progreso con CSS y una librería Javascript disponible para descargar.
Este recurso muy sencillo de implementar, sólo se necesita:
- Agregar un pequeño código HTML.
- La CSS con los estilos de la barra de progreso.
- Enlazar el archivo JS e inicializar el código.
Es muy sencillo de implementar y además, con sólo probar la demo, te darás cuenta de lo visto y valioso de este recurso.
Progressbar:
CSS, Desarrollo, Diseño, Recursos, Usabilidad
bar, barra, descargar, implementar, Javascript, progreso, progress, recurso, script