flShow Carousel es una aplicación flash que puedes utilizar para mostrar pequeñas galerías de imágenes dónde las mismas “se pasean” por la pantalla simulando un carrusel o tiovivo.

Su utilización es muy sencilla ya que sólo se requiere crear la lista de imágenes a mostrar en un fichero .xml e insertar unas líneas de código en la página web dónde quieras mostrarla.

Sus características principales son:

• Total personalización vía fichero xml
• Soporta imágenes en formatos gif, jpg, png (transparencia 8 bit o 24 bit) y swf
• Enlaces en las imágenes para cualquier URL, función javascript y FSCommand.
• Control automático de rotación, dirección, velocidad y punto de vista o manejo a través de ratón o teclado.
• Personalización de fondo de la página (incluyendo fondo transparente) y reflejo de las imágenes.
• Modo de pantalla completa.
• Posibilidad de integrarlo con LightBox 2.0 y Highslide 4.0
• Se puede integrar en foros y powerpoint.
• Posibilidad de añadirlo a cualquier theme wordpress mediante un plugin de Adam Freetly, como template de picassa de Paul Van Roekel o como componente de joomla de AlexRed & Ste

Entre las posibles descargas encontramos ejemplos de utilización con fondo transparente, en blanco o negro, en unión con lightbox, … Su uso es libre, tan solo pide el autor una donación para aquellos que vayan a utilizarla comercialmente.

Enlace.- flShow Carousel

Desde el blog sobre diseño deziner folio presentan una galería en flash lista para descargar y usar. Entre las características más interesantes estan:

• Soporta Flickr, Picasa, Fotki, Photobucket además por supuesto de las imágenes personales que añadamos.
• Activa o desactiva “Impr Pant“
• Diseño líquido, es decir, se adapta al tamaño de la pantalla
• Fácilmente personalizable
• Modo de Pantalla Completa
• Permite fondo musical en mp3

Enlaces.-

• Galería dfGallery
• Documentación en línea

..

Hace algunos meses escribí un post en el que comentaba una herramienta llamada Voki que leía por nosotros con el inconveniente de que los textos tenían que ser muy cortos. Bueno, pues esto ha cambiado. No en Voki sino en la utilidad que hoy traigo a estas páginas llamada “Read The Word“.

Read the word es capaz de convertir en audio textos de hasta 80.000 caracteres introducidos en un formulario de texto, de hasta 800 kb o 12 hr. en caso de provenir de documentos .doc o .pdf, páginas web completas (desconozco el tamaño máximo) o de fuentes rss.

Una vez convertido el texto, puede compartirse o incluirse en tu web o blog mediante el código correspondiente que se suministra o bajarlo en formato mp3 a tu disco duro.

El proceso es bastante sencillo y podemos ver un esquema del mismo en la imagen que acompaña a esta entrada.

En español disponemos de dos voces, una masculina, que se entiende poco a mi parecer, y otra femenina. Ambas tienen el mismo problema propio de este tipo de aplicaciones, suenan impersonales y algunas veces cuesta algo entenderlas. Aún así los resultados me parecen bastante decentes. Puedes juzgar por tí mismo oyendo este texto.

Powered By ReadTheWords.com

Se trata de una herramienta online para generar menús con aspecto web 2.0 en tan solo unos clics de ratón. Su uso es rápido y muy fácil, no requiere de registro y tiene una colección amplia de menús ya diseñados para que no tengas que empezar desde cero a crear el tuyo.

Permite generar menús con o sin submenús tanto horizontales como verticales, añadir las opciones y organizarlas arrastrándolas para crear la estructura de tu sitio. Una vez terminado, puedes descargarlo clicleando sobre el botón de download o guardarlo para que forme parte de la base de datos (para esto último debes registrarte previamente) y compartirlo.

La descarga consiste en un archivo .zip que contiene las imágenes, un fichero .js (javascript) y uno .html (página de ejemplo de uso), además de una carpeta llamada IzzyWebsite CMS con el contenido necesario para utilizarlo con la herramienta CMS izzyWebsite (esta no es gratuita) de la misma casa cuya utilidad es la generación de sitios web (si estás interesado, puedes probar una demo en la dirección http://www.demo.izzywebsite.com/admin.php).

Una herramienta con interfaz agradable, rápida y sencilla que puedes ser de utilidad en tus proyectos.

Enlace.- IzzyMenu

Desde el magnífico blog Kabytes leo esta entrada explicada con todo lujo de detalles sobre cómo instalar un servidor APM (apache+php+mysql) junto con algunas aplicaciones interesantes -como phpmyadmin, wordpress, drupal o joomla entre otras seleccionadas por el usuario- en un pendrive con un peso de tan solo unos 150 Mb.

Aunque el proceso se hace en inglés, siguiendo las explicaciones del blog será de lo más sencillo finalizar la instalación con éxito.

Las utilidades de esto van desde las pruebas de distintas soluciones web (blogs, cms, …) en local, hasta convertir nuestro pendrive en un soporte de aplicaciones dinámicas con los más diversos datos (agendas, bases de datos, encuestas, …) transportables entre ordenadores.

Visto en Kabytes - Guía: Como instalar un servidor Apache + Mysql + PHP en un pendrive | Kabytes

De la mano de Xybernéticos encuentro esta web ‘phatfusion‘ con diversas aplicaciones o experimentos como los llama su autor Samuel Birch, escritas en javascript listas para poder ser descargadas y usadas en el desarrollo de tu web.

Todas ellas utilizan el conocido frameworks mootools, por lo que además del código de éstas, deberás tener también dichas librerías.

Entre las herramientas encontramos un menú de imágenes con rollover de cortina horizontal bastante atractivo, un formulario con validación, acceso a contenido multimedia desde una caja similar a lightbox que el autor llama multibox, un slideshow con distintas transiciones entre imágenes, una tabla con ordenación de elementos y filtro de contenido, etc.

La integración de estos efectos en nuestra web se hace de la manera habitual, es decir, añadiendo la llamada al archivo o archivos con el código javascript (.js) en la cabecera de nuestra página. El código necesario para llamar a las funciones y los parámetros de cada uno se explican en la página del efecto en phatfusion.

Para el seguimiento de los cambios y mejoras en la herramientas el autor ha abierto un blog que puedes visitar para estar al día.

Enlace.- Phatfusion

Visto en Xybernéticos

Mootools es un framework en javascript que podemos utilizar para crear aplicaciones web dinámicas que corran en distintos navegadores. Está pensado para desarrolladores con un nivel intermedio o avanzado, es modular, compacto y está orientado a objetos.

Su API o conjunto de librerías está bien documentada y abarcan desde el trabajo con capas, el manejo de datos mediante Ajax, la aplicación de efectos, etc. Al utilizar mootools podemos estar seguros que no encontraremos errores ya que está testado por una gran cantidad de programadores de todo el mundo.

Posee una licencia de código abierto MIT, es decir, podemos usarlo con libertad y cambiar partes del código si así lo deseamos y podemos comerciar los trabajos realizados con él.

Enlace.- Mootools

Lo que menos me gusta de la creación de una web es pasar del diseño -que generalmente hago en photoshop- a la definición de las propiedades en la hoja de estilos CSS. Como comenta Alex Barros en su artículo “Trucos para hacer diseños en CSS más rápido y mejor“, enfrentarse a la página en blanco de nuestro editor y empezar a escribir el código necesario, aún cuando se disponga del diseño del sitio, es un fastidio y desmoralizante en muchos momentos debido al comportamiento dispar y errático de los distintos navegadores con según qué reglas. En esos momentos viene bien tener una plantilla con la que empezar, en la que podemos incluir….

Esto es lo que nos ofrece el artículo de Alex, algunos consejos y reglas muy útiles para incluir en nuestra plantilla.

Hablamos de cuatro herramientas muy útiles a la hora de diseñar web:

1. Grid o rejilla totalmente ajustable y configurable que nos puede ayudar en el desarrollo de las hojas de estilos CSS.
2. Regla que permite extraer líneas guía para un mejor ajuste de nuestro diseño.
3. Línea y distancia entre dos puntos. Nos permite marcar dos puntos cualquiera en la web que estemos viendo y nos informará, entre otras cosas, de la distancia entre ambos.
4. Cruz que nos informa de la posición medida en pixeles en la que se encuentra el cursor en todo momento.

Para utilizarlas, debemos visitar la web del autor Allan Jardine y guardar el enlce del botón ‘design‘ con favorito, marcador o bookmark. Cada vez que nos encontremos en una web y queramos utilizar las herramientas debemos seleccionar el marcador guardado y aparecerá la imagen/menú de las mismas en la zona inferior derecha de la página.

Es sistema se basa en la descarga de las funciones javascript necesarias cada vez que lo llamamos, por lo que para su utilización debes tener activado en el navegador el uso de javascript. No requiere de instalación de ningún tipo de software o plugins y funciona bajo firefox 2+, IE 7, Safari 2.0.4+ y Opera 9.2+

Enlace.- Allan Jardine | Design

Capturadores de web he probado muchos, pero este que comento hoy tiene varias características que lo hacen más que interesante. A saber, es un una herramienta online, es gratuito y ,como característica más importante, te devuelve un fragmento de código html junto con la imagen de tal manera que conserva los enlaces que hubiera en ella.

Aunque la web está en inglés, su funcionamiento es simple. Introducimos la url o dirección de la página a capturar, elegimos el tamaño deseado, seleccionamos la parte deseada mediante un rectángulo que dibujaremos con el ratón, y hacemos clic en el botón ‘cut out’. A continuación se nos presenta la imagen y el código html con los enlaces dentro de la misma. Podremos seleccionar si queremos un borde, las esquina redondeadas o una sombra.

Para que el proceso sea lo más rápido posible, en la parte inferior de la página se nos ofrecen unos enlaces para convertirlos en marcadores o favoritos de tal manera que cuando estemos en una web que nos interese podamos capturarla simplemente pinchando en ellos.

Link.- kwout