Similar Posts
Picasa jQuery Plugin
A simple jQuery plugin to get albums and images from Picasa without the need for PHP, Ruby, or any other server side language. Makes it easy to create a simple, dynamic, free, client-side-only image gallery. …
Detección de caras con Javascript y Canvas
Interesante script que usa canvas para detectar rostros en las fotografías. Se basa en openCV y en el post de John Resig para evitar un captcha.
Permite la opción de reconocer una cara o varias caras, este último lo he probado con una foto y no me ha funcionado, pero como bien dice el autor, aún tiene que mejorar más el script.
Interesante opción para servicios como Facebook o Flickr para sus opciones de asociar elementos (usuarios, comentarios, …) a las fotografías. También es útil para avisar de que no se ha subido una cara cuando alguien cambia de avatar.
Face detection in javascript + canvas
Vía / @rafabayona
jsMSX: emulador de MSX con Javascript y Canvas
MSX es un ordenador de hace la tira de años que cuando eramos pequeños nos parecía increíble y que ahora nos parece paleolítico. jsMSX es un emulador realizado en Javascript y Canvas que permite ejecutar juegos para ese sistema.
En sí la aplicación no tiene mucha utilidad, pero es interesante desde el punto de vista de lo que se está consiguiendo mediante Javascript y Canvas.
jsMSX
Via / @lardissone
Reglas para maquetar varios elementos con CSS
Un tutorial bastante interesante que nos responderá varias preguntas sobre maquetación de varios elementos. Nos ayudará a comprender cómo apilar capas, alinear elementos inline, propiedades float y collapse, hasta un total de 15 preguntas:
- ¿De cuántas maneras se puede relacionar un objeto con otro?
- ¿Cómo se posicionan lateralmente los elementos inline?
- ¿Cómo se formatean los bloques apilados?
- ¿Cómo dos elementos bloques son formateados en una pila?
- ¿Cómo se formatean los elementos flotantes?
- ¿Por qué no se muestra el margen superior?
- ¿Cómo se colapsan los márgenes verticales entre dos bloques?
- ¿Cómo se colapse el padding entre un elemento padre y sus hijos?
- ¿Cómo se relaciona el ancho de un elemento padre con el de sus hijos?
- ¿Cómo se extiende el ancho total de un elemento?
- ¿Cómo pobrar el ancho total de un elemento hijo?
- ¿Cómo se puede probar el ancho del contenido de un elemento padre?
- ¿Qué se considera espacios en blanco en un documento HTML?
- ¿Cómo se formatean los espacios en blanco?
- ¿Qué ocurre con varios espacios en blanco en elementos inline?
CSS Tutorials – Understanding Multiple Element Formatting Rules
VÃa / Pixel Groovy
Formatear el código como en Sentido Web
Para aquellos que les guste como formateamos los comentarios en Sentido Web, vamos a explicar el código creado por Choan:
El proceso que sigue es el siguiente:
- Obtener todos los elementos pre.
- Para cada pre leer el primer elemento code que tenga.
- Obtenemos el texto que contiene.
- Dividimos el texto en líneas.
- Por cada línea comprobamos si hay algun tipo de comentario, si hay comentario lo separamos en dos partes para luego darle distintos estilos, diferenciando así el formato del comentario.
- Nos creamos un elemento ol, y en cada li insertamos una línea obtenida anteriormente.
- Sustituimos el elemento pre por el ol.
Indicar calidad de la password con Javascript
Ya hace tiempo comentamos como indicar la calidad de una contraseña mediante Javascript y esta vez vamos a mostraros otro ejemplo de cómo hacerlo.
En esta ocasión se van a usar dos scripts, uno de ellos está basado en el algoritmo de Javascript Password Strength Meter, el cual mide que la contraseña tenga más de 8 caracteres, tenga minúsculas y mayúsculas, algún número, use caracteres especiales y use L33t.
En este caso el formulario se realiza con Ext Form, una gran librerÃa, pero no me gusta que el formulario se cree mediante javascript.
Password Meter
VÃa / WebAppers