Archivo

Entradas etiquetadas ‘recurso’

Mootools Filemanager – Administrador de archivos

30-04-2009

mootools-filemanagerMootools Filemanager es un administrador de archivos que hace uso de la biblioteca Mootools.

Se trata de un desarrollo open source que se destaca por la cantidad de funcionalides que ofrece:

  • Examina archivos y carpetas.
  • Renombra, borra, mueve (con Drag& Drop – arrastrar y soltar), renombra, copia y descarga archivos.
  • Previsualiza imágenes, archivos de textos, archivos comprimidos, archivos de audio, etc.
  • Herramienta para administrar la carga de archivos.
  • Redimensiona automáticamente las imágenes.

También posee integración con el editor web de HTML TinyMCE, puede ser integrado fácilmente en otros desarrollos y funciona en los navegadores: Firefox 3+, Safari 4, Opera e IE6+. Sigue…

Desarrollo, Diseño, Internet, Javascript, Recursos, Software libre , , , , ,

Captify – Una forma elegante de mostrar los títulos en las imágenes

5-03-2009
Captify - Ejemplo

Captify - Ejemplo

Captify es un plugin jQuery con el que podemos, de una forma elegante, mostrar los títulos en las imágenes de una página web.

Cuando posamos el puntero de mouse sobre una imágen, se desliza un fondo semitransparente que contiene el título a las leyendas con información sobre dicha imagen.

Las principales características de Captify son:

  • Es muy liviano, simple y sobre todo vistoso.
  • Funciona en los navegadores: Firefox, Chrome, Safari, e IE.
  • También posee efectos de desvanecimiento, siempre visible, etc. Sigue…

Desarrollo, Diseño, Recursos , , , , , , , , , , , ,

Widgit – Un Date-Picker no invasivo

11-02-2009
Date-picker no invasivo

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:

Desarrollo, Diseño, Recursos, Software libre , , , , , , , , ,

JS Chart – Otro excelente recurso para graficar datos

7-02-2009
JS Chart - Gráficos de ejemplo

JS Chart - Gráficos de ejemplo

Hace sólo unos días escribía sobre 10 Poderosos recursos para graficar datos y ahora le presento JS Chart.

JS Chart es un script Javascript gratis para graficar datos que permite crear fácilmente gráficas: lineales, torta y barras.

Principales características:

  • No es necesario escribir código.
  • Es muy sencillo de integrar en cualquier página.
  • Permite personalizar la apariencia.
  • Permite la edición online de las gráficas generadas.
  • Opcionalmente permite alojar las gráficas en el servidor.
  • Permite almacenar las gráficas.
  • Es compatible con la mayoría de los navegadores modernos.
  • No es necesario ningún módulo/extensión del lado del servidor.

Para descargarlo es necesario registrarse y en el archivo vienen varios ejemplos. En el sitio está detallado los navegadores para Windows y Mac en los que ha sido probado con éxito. Hice mis pruebas en en Linux y también funcionó sin problema alguno.

JS Chart está liberado con una licencia Creative Commons Attribution-No Derivative Works 3.0 Unported License que permite su uso sin restricciones y además no usa ningún tipo de marca de agua.

JS Chart:

Desarrollo, Diseño, Recursos , , , , , , , , , , , ,

Efecto Fade In/Out con jQuery

30-01-2009

fade-in-out-jQuery

jQuery Fade In.Fade Out es un script que utiliza la biblioteca jQuery y que podemos usar en nuestros desarrollos para aplicarle a cualquier elemento de la página un efecto fade.

Básicamente el elemento al que le aplicamos el efecto se ve borroso, cuando ponemos el puntero del mouse sobre este, se visualiza claramente.

En el sitio está la explicación (en inglés) bien detalla sobre su implementación.

jQuery Fade In.Fade Out:

Desarrollo, Diseño, Recursos , , , , , , ,

Drop Shadow Effect – Plugin jQuery para generar sombras

26-01-2009
jQuery Drop Shadow Effect

jQuery Drop Shadow Effect

Muchos de los script que hoy en día están disponibles para usar en nuestros desarrollos web, incluyen redondear esquinas, hacer animaciones, presentaciones, etc. Ahora también, hay uno disponible para generar sombras al vuelo.

Drop Shadow Effect es un plugin jQuery que podemos utilizar para generar sombras tanto en textos como en imágenes. Este requiere enlazar la biblioteca jQuery y posee parámetros como:

  • Definir el desplazamiento tanto horizontal como vertical.
  • Si la sombra posee bordes afilados o borrosos.
  • El nivel de transparencia.
  • Y el color con opción de intercambiarlos.

En la página de Drop Shadow Effects hay 2 demos, uno que permite generar la sombra de un texto en el que se pueden probar todas las opciones que este recurso ofrece.

jQuery Drop Shadow Effect - Ejemplo 2La documentación es poca y está todo explicado en el mismo archivo que se descarga desde la página demo, así todo es muy sencillo de implementar.

Drop Shadow Effect:

Desarrollo, Diseño , , , , , , ,