framebox – Una rápida forma de hacer bocetos de aplicaciones web

Si necesitáis crear una página web con alguna aplicación para vuestra Intranet, por ejemplo, echad un vistazo en framebox.org.

Se trata de una herramienta que, sin necesidad de registro, ofrece la posibilidad de dibujar los componentes necesarios en la mayorí­a de aplicaciones, siendo ideal para sustituir el lápiz y el papel enfrente de los clientes que la están solicitando.

Creado con Javascript solo tenemos que arrastrar los elementos que deseemos y ponerlos en la posición adecuada, siendo posible añadir textos para tener un registro de lo que se está pidiendo.

ViewBook – Añade un libro, con páginas, en tu sitio web

ViewBook es un plugin jQuery, de muy fácil instalación, que permite mostrar información a los lectores de nuestras páginas web en forma de libro.

Después de importar los scripts correspondientes, sólo tenemos que escribir el contenido dentro de una clase determinada del css, consiguiendo resultados bastante interesantes en muy poco tiempo.

El código es de acceso libre distribuido bajo las licencias MIT y GPL, permitiendo agregar cualquier elemento HTML a sus páginas y modificar su tamaño, ancho, velocidad, página de inicio y numeración.

Podéis ver algunos ejemplos funcionando en su página y en redPE X.0.

WordPressto – Aumenta el tamaño de la caja de edición en WordPress

Entre todas las herramientas disponibles en Small Labs encontramos reproductores minimalistas de youtube, extensiones para obtener información sobre dominios, sistemas de ejecución de consultas SQL… pero, de todas ellas, mi preferida es WordPressto.

Los que escribimos artí­culos usando la plataforma de WordPress sabemos que existe un modo de pantalla completa en el sistema Visual, pero no en el modo HTML. WordPressto nos soluciona el tema con un script que, al pulsarlo desde nuestra barra de favoritos, aumenta el tamaño de la caja de edición, haciendo infinitamente más agradable el trabajo.

No hay necesidad de instalar nada, sólo tenemos que arrastrar el bookmarklet y pulsarlo cuando estemos editando. Al pulsarlo de nuevo volverá todo a su tamaño normal.

Una buena idea, igual que todas las publicadas en Small Labs.

Scripts para detectar caras y desnudos

webresourcesdepot.com es siempre un buen lugar para encontrar librerí­as y scripts que pueden ayudar mucho en el desarrollo de un proyecto web. Durante esta semana publicaron dos que me parecieron especialmente interesantes, capaces de detectar caras y desnudos en fotografí­as.

Nude.js

Librerí­a en JavaScript que usa canvas HTML para detectar si una imagen contiene desnudos o no. Ideal para evitar imágenes NSFW en nuestras redes sociales, por ejemplo.

El algoritmo se ejecuta en el cliente y puede ser activado para usuarios menores de cuerta edad. Aunque está aún en desarrollo para mejorar su función, ya promete bastante en el estado actual.

Face Detection

Extensión jQuery que devuelve las coordenadas donde se encontró un rostro en cualquier imagen que le indiquemos.

Usa un algoritmo llamado CCV , siendo muy fácil de usar e instalar en nuestro proyecto.

PGRFileManager – administrador de archivos en php open source


Y vamos de nuevo con las aplicaciones que podamos montar en nuestro servidor web. En este caso, os traemos a PGRFileManager, un script open source de administración de archivos en PHP que mediante su interfaz con la tecnologí­a ajax nos permite movernos entre directorios, ver las miniaturas de las imágenes albergadas, obtener información básica de los archivos al posicionarnos en ellas, subir nuevos archivos, arrastrarlos a otros directorios, descargarlos, y otras funciones más.

Además, se pueden integrar fácilmente con los editores FCKEditor y CKEditor de manera que desde la propia interfaz de PGRFileManager se puedan editar textos con estas soluciones. Para hacerse una mejor idea, desde la página oficial hay un acceso a su demo.

Ví­a: Webresourcesdepot

css3menu- Una forma rápida de crear menús en CSS3

En css3menu.com tenemos una nueva y sencilla herramienta que podemos usar para crear menús en CSS3 de forma rápida y profesional.

Sin necesidad de Javascript y con demostraciones de los ejemplos disponibles, sólo tenemos que bajar el que más nos guste e integrarlo en nuestra web, siguiendo los pasos que explican en css3menu.com.

Css3 y HTML5 son los protagonistas de esta nueva web, ahora es nuestra responsabilidad utilizar los recursos para ofrecer una mejor experiencia a nuestros lectores.

Touration – Para explicar a vuestros lectores cómo se usa vuestro sitio web

Touration es una aplicación que nos permite diseñar tours de cualquier sitio web para ofrecerlos a los visitantes en forma de guí­a interactiva.

Después de añadir el script necesario en nuestra web, podremos usar un sencillo editor con el que incluiremos textos y marcos en las partes clave de nuestras páginas, permitiendo que los visitantes, al acceder al tutorial, puedan navegar por el mismo de forma sencilla e intuitiva.

Aquí­ podéis ver un ejemplo, con la barra superior lista para ser usada en la creación del tutorial.

El resultado es bastante profesional, aunque el sitio se encuentra en beta cerrada, siendo gratuito durante esta fase, y necesitando una invitación para el uso.

Readability – Decide cómo quieres leer en Internet

Si os gusta personalizar el navegador para leer los artí­culos de la web con un formato determinado, con letras blancas y fondo negro, con márgenes personalizados y un formato semejante al mostrado en los libros electrónicos, os gustará Readability.

Se trata de un experimento de arc90.com que nos permite especificar el valor de algunas variables que afectan a la forma de mostrar el texto en la web. Después de configurado podremos añadir un marcador en la barra de favoritos y, al pulsarlo, cualquier contenido obedecerá a las normas especificadas inicialmente.

Está pensado para ser ejecutado en artí­culos de la web, no en portales ni en páginas iniciales con varios tí­tulos. Aunque no es perfecto, mostrando resultados extraños al detectar algunos scripts, la idea es excelente.

freethefoxes – Ofrece a tus visitas la posibilidad de usar otro navegador

Si tenéis alguna web que no puede verse correctamente con algún navegador determinado, os recomiendo la instalación de un script como el ofrecido por freethefoxes.com.

Se trata de un pequeño código que podemos incluir en nuestras páginas para que, al detectar un navegador incompatible con el contenido que quiere ser ofrecido, muestre un aviso con la posibilidad de instalar y usar una opción más adecuada.

Arriba os muestro un ejemplo de aviso en el que informa que está todo correcto. Sutil, práctico y poco agresivo.

Sikuli – Programa tareas automáticas usando capturas de pantalla

Sikuli es un proyecto del Instituto de Tecnologí­a de Massachusetts que permite a los programadores crear scripts que realicen automáticamente tareas en los ordenadores.

Lo original del proyecto es que usa capturas de pantalla para programar el script, dejando a una tecnologí­a de reconocimiento visual que interprete las accones que deben ser llevadas a cabo.

En la web tenemos varios ejemplos demostrando todo lo que se puede hacer, desde acceder a páginas web de forma automática hasta realizar configuraciones en PCs. Por supuesto también tenemos el clásico Hola Mundo para poder entender el paso a paso de un ejemplo sencillo.