Category Archives: Programación

Crea un medidor de nivel de seguridad de passwords

Interesante y muy sencillo tutorial para crear un medidor de nivel de seguridad de passwords.

Password strength meters are becoming more and more popular amongst web services. Google uses one when creating a Google account. One can argue how useful these meters really are, but non-

the-less they are fairly cool for users. So how does one go about making one of these meters? Well it’s fairly straight forward.

Descárgalo aquí:

pwd_strength.js
Ver artículo aquí: http://www.codeandcoffee.com/

Cosas que no se debe hacer al desarrollar un sitio web

Bastante bueno el resumen, un poco crudo a veces. Podría decir que estoy de acuerdo con la mayoría de

afirmaciones. Incluyo comentarios breves.
Tomado de http://www.microsiervos.com/ y

http://www.josiahcole.com/

  1. Nunca cambies el tamaño de la

    ventana del navegador del usuario automáticamente, es molesto, irrespetuoso y típico de los sitos de spam. (Muy cierto!)

  2. Mal si tu página es de las que primero carga una página señuelo y ésta “lanza” un popup con la página

    real. Error muy habitual de los sitios hechos en Flash.

  3. Tampoco está bien preguntar al usuario si quiere ver una caca de página directamente o

    prefiere entrar a un sitio guay lleno de colorines y animaciones pero para el cual necesita aditamentos especiales y esperar un rato a que cargue.

  4. Si todo tu sitio

    está hecho en Flash despide al desarrollador de la página y hazla otra vez; si la has hecho tú colócala en el apartado “sitios inútiles que he

    hecho” de tu portfolio y hazla otra vez.

  5. No pretendas reinventar la navegación de los sitios web.
  6. El

    contenido es el rey: si tu página web no tiene suficiente contenido o ningún texto real que no esté en una imagen contrata a un copy y despide a tu webmaster

    ahora.

  7. Nada de texto parpadeando [<blink>, los navegadores con clase como Safari ya ni la interpretan], nada de usar

    FrontPage, nada de popups ni en enlaces ni automáticos, nada de texto en scroll, nada de intros en Flash. (También muy cierto, en especial el uso de Frontpage y

    blinks -esto creo que lo usé una vez en 1996-)

  8. Si la página contiene música asegurate de que el usuario puede detenerla o apagarla y

    mejor si no se inicia automáticamente —lo mismo para el vídeo.

  9. Los menús de navegación mejor en texto que en imágenes. (No necesariamente)
  10. Un flujo de navegación bien pensado con subsecciones siempre es mejor que

    utilizar menús desplegables.

  11. Si la única forma de encontrar la información importante de tu sitio web es utilizando el buscador,

    despide al tío que hizo el flujo de navegación —y que seguramente utilizó menús desplegables.

  12. Cuida el tiempo que necesita la página

    para cargarse.

  13. Si pretendes hacer pasar al usuario por alguna ruta predeterminada para llevarle a alguna página concreta o a la versión demo de tu producto

    es hora de que te compres una granja de hormigas para aliviar tus deseos de usurpador de voluntades con alguna especie que lo permita.

  14. Si vas a poner

    vídeo olvidate de pedirle a los usuarios que elija distintos anchos de banda y formatos de video perdedores como RealPlayer, Windows Media Player, Quicktime,… Utiliza un reproductor de

    vídeo en formato Flash como hacen YouTube y similares —si, Flash ganó esta única batalla hace tiempo.

  15. No utilices técnicas y

    tecnologías nuevas en tu sitio web simplemente porque puedes o porque son novedosas. Las tecnologías nuevas son chulas, pero utilizalas sólo si realmente mejoran de algún

    modo la vida a tus lectores / clientes / usuarios.

Código útil para tus proyectos! (Parte 1)

Aquí una colección de código muy útiles para el desarrollo de sitios. En su mayoría,

por no decir que todos, gratis y listos para descargar!

Un buen ejemplo listo para usar, de un formulario con todos los campos que se puedan necesitar.

Hecho con CSS y semánticamente correcto.

Web: http://nidahas.com/sandbox/form_template.html

Buena

colección de scripts de calendarios basados en Javascript y CSS!
Este sitio ofrece también varios

ejemplos de código abierto para descargar.

Web: http://dhtmlsite.com/

Galería de imágenes con Javascript: Esta galería crea una presentación con efecto de

cross fade entre imágenes/fotos de un mismo tamaño.

Web: Descargar

código | Demo

Crossfader de contenido: Este código

permite hacer un crossfade entre contenidos de información (sets) usando javascript, CSS y Script.aculo.us.

Web: http://mikeomatic.net/ | Demo

 

Creador de Preloaders de Ajax: Muy

útil herramienta para crear vistosos preloaders de Ajax. Ingresando parámetros basicos, genera un archivo GIF para descargar.

Web: http://www.ajaxload.info/

Tooltip para formularios: El título lo describe todo.

Este código crea un "tooltip" cuando se ubica el mouse sobre un campo específico del formulario.

Web: Info y descarga | Demo

Con este script puedes crear un Agregador de RSS similar al iGoogle (o Google Home), que es tu

página de partida en la cual puedes incluir los RSS de tus sitios preferidos. Tiene la capacidad de hacer "drag and drop" de las cajas creadas utilizando AJAX.

Web: Info y descarga | Demo | Más scripts de

drag and drop

Crea Encuestas con AJAX (Ajax Poller): Crea e incluye fácilmente encuestas

en tu sitio. requiere base de datos.

Web: Info y descarga | Demo

 

Layout o matic: Creador automático de layouts de sitios. Ingresa las variables necesarias en un pequeño formulario para poder

descargar y previsualizar el layout generado.

Web: http://www.inknoise.com/

ESWAT: Project Framework: Es un kit que contiene a manera de plantilla, la estructura de un

sitio típico, así como los directorios de diseño y desarrollo en un estructura lógica y muy útil. También contiene scripts predefinidos.

Web: http://eswat.ca/

Ajax Uploader: Script para subir archivos a un servidor, utilizando Perl, PHP y AJAX. Se puede customizar el "look" del script.

Web: Información | Descarga