Entradas etiquetadas como ‘AJAX’

Medir la seguridad de tu Password con JavaScript

Cuando realizamos una aplicación es común que tengamos algún control de usuarios, y que estos mismos definan una contraseña para entrar al sistema, pero muchas veces estas contraseñas no son seguras así que para dar un toque de profesionalismo y ayudar a los usuarios a tener passwords mas seguros podemos implementar un medidor de “Fuerza de passwords”.
image

¿Que tan seguro es tu clave / password?

Para no complicarnos la vida, podemos utilizar un medidor de fuerza de password Open Source como por ejemplo: Ajax password strength que gracias a jQuery puede medir la fuerza del password de forma visual , además que es sencillo de configurar, teniendo opciones como:
  • Mensajes personalizados
  • Definir minimo tamaño de password
  • Restringir palabras inseguras para que no puedan ser utilizadas como password
  • Colores personalizados
  • etc..
Que mejor … que ver un ejemplo de este maravilloso código.
2.-Descomprime
3.-Prueba
Update 01/02/2011 – Se corrigió el link http://simplythebest.net/scripts/ajax/ajax_password_strength.html (antes tenia una A mayúscula y no encontrava la pagina.)

Anuncios

Orangoo Labs – Proyectos Open Source

Cuando queremos hacer un proyecto web , usualmente buscamos no hacer las cosas que ya están hechas 😉 , para esto buscamos herramientas open source que nos ayuden en la tarea.

En esta ocasión traigo la recomendación de una pagina: http://orangoo.com/ , en la pagina se presentan algunos proyectos como son:

 

image

Corrector ortográfico – Corrector ortográfico en línea. Simple, libre y fácil de usar, ¡27 idiomas soportados!.

En lo personal se me hace muy útil, no tengo que instalar NADA solo descomprimir y modificar el código a mi antojo.

Prueba en línea | Descarga 

 

image

GoogieSpell es un comprobador de ortografía que puedes utilizar en tu propia aplicación web

Características de GoogieSpell:

  • Soporta alrededor de 27 idiomas
  • Probado sobre IE 5.5, IE 6.0, IE 7, FF 1.0+, Safari, Opera etc.
  • Genérico, extensible y fácil instalar
  • Basado en AJAX (sin recargar la página)
  • Peso ligero (alrededor 50 KB)
  • Bien documentado

Prueba en línea | Descarga

 

image

Skeletonz es un nuevo sistema de gestión de contenidos (CMS) basado en Python. Se distingue de otros por ser simples, pero muy potente y extensible. El sistema es de código abierto y liberado bajo licencia GNU GPL.

Prueba en línea | Ver código en línea | Descarga

 

image

GreyBox se puede utilizar para exhibir las imágenes de los Web site de una manera llamativa (un marco superior con ventana semi-transparente)

Porqué usar GreyBox:

  • No está en conflicto con los móviles
  • ¡Pesa solamente 22 KB!
  • Es fácil de implementar
  • Es fácil de utilizar
  • Se puede alterar fácilmente el estilo CSS

Prueba en línea | Descargar

Algunas Caps:

image image

Corrector ortográfico

GreyBox

 

Si deseas saber mas sobre sus proyectos puedes entrar a: http://orangoo.com/labs/ ó bien ver sus mini proyectos http://orangoo.com/labs/Mini_projects/

-También recomiendo: http://www.dynarch.com/projects/htmlarea/

Calendario jQuery

Pues ahora posteo una pequeña contribución personal; muchas veces en nuestros proyectos web necesitamos de un calendario y pues tenemos infinidad de opciones para hacerlo (de igual forma aquí dejo una pagina que enumera una lista de calendarios).

En este caso yo decidí probar jQuery UI Datepicker, mas que nada por que tenia un fabuloso Widget para Dreamweaver.

El instalarlo es sencillo simplemente lo bajas e instalas el archivo con Adobe Extension Manager con eso aparecerá una pestaña en Dreamweaver como la de la siguiente figura:

image

Al insertar este componente nos pedirá guardar algunos componentes

image

estos componentes tienen información importante para el calendario.

Y de igual forma esta el código fuente 🙂

 

 

El problema de usar el Widget, es que el calendario esta en ingles por lo que decidí traducirlo de forma parcial (“solo lo importante”) al español 😉 espero que sea de utilidad solo tienen que sustituir el siguiente archivo:ui.datepicker.js

Archivo_zip Descarga la traducción de ui.datepicker.js

Dreamweaver Web Widgets | Descargar calendario

Nube de etiquetas