Archivo

Entradas etiquetadas ‘zoom’

Magnifying Glass Effect – Implementa una lupa sobre tus imágenes

28-07-2009

magnifying-glass-effectLa gente de Flabell ha liberado un nuevo componente Flash que como es habitual, es completamente gratis e incluye el código fuente.

Se trata de Magnifying Glass Effect un recurso en Flash que permite mostrar un magnificador o lupa sobre una imagen, ideal para apreciar los detalles de las imágenes en alta definición. Sigue…

Desarrollo, Diseño, Internet, Recursos, Software libre , , , , , , ,

Dojo Zoomer – Script para implementar efecto zoom sobre imágenes

22-01-2009

Dojo Zoomer - Demo

Dojo Zoomer es otro script que se suma a la larga lista de recursos que nos permiten implementar un sistema de zoom o acercamiento sobre imágenes.

La propuesta es simple, mostrar una imagen que al poner el puntero de mouse por encima, muestra un cuadrado, el contenido que queda comprendido dentro de este, se muestra amplificado en una nueva imagen. El cuadrado que muestra la porción a ampliar, se puede arrastrar sobre la imagen para mostrar el acercamiento de la porción de dicha imagen .

Este recurso es gratis y sólo hay que enlazar el archivo JS, inicializar el script y definir los estilos en una CSS.

Dojo Zoomer:

Desarrollo, Diseño, Recursos , , , , , ,

Utiliza zoom en tus desarrollos con OpenZoom Framework

3-01-2009

A la enorme riqueza de recursos que podemos usar en la interfaz de nuestros desarrollos y así para potenciar y enriquecer la experiencia del usuario, hay que tomar en cuenta a OpenZoom

OpenZoom - LogoOpenZoom es un framework open source para crear interfaces de usuario con efecto zoom o acercamiento. Este está construido en la cima de Adobe Flash Platform y provee componentes personalizables que pueden ser usados incluso en Flash o Flex.

Características de OpeeZoom:

  • Soporta modo a pantalla completa.
  • Permite la navegación por ratón (mouse) incluída la rueda de desplazamiento.
  • Soporta la navegación por teclado.
  • Permite menús contextuales.
  • 100% Open Source.
  • Y algunas otras características más.

Sigue…

Desarrollo, Diseño , , , , , , , , , , ,

Agrega tus documentos a cualquier página con Embedit.in

2-01-2009
Embedit.in - Página principal

Embedit.in - Página principal

Si tenemos la necesidad de poner a disposición de nuestros lectores, documentos en los formatos habituales como Word, PDF, etc., ahora disponemos de una práctica herramienta, Embedit.in.

Embedit.in es un servicio en línea (online) que nos permite agregar en cualquier página, documentos para que nuestros usuarios los lean. Este posee interesante opciones como acercamiento/alejamiento (zoom), visualización a pantalla completa, etc.

Para usar este servicio sólo debemos subir el archivo o escribir la URL de este. Una vez alojado en el servidor debemos registrarnos usando nuestra cuenta en Google, AOL entre varios más, pero sin dudas la mejor opción es utilizar alguna identidad que tengamos en OpenID.

Una vez hecho esto obtendremos el código HTML que debemos agregar en la página en donde deseamos mostrar el documento:

<object data="http://embedit.in/FVuSPHwO8.swf" height="400" type="application/x-shockwave-flash" width="466">
            <param name="allowFullScreen" value="true" />
          </object>

Embedit.in nos permite usar los siguientes formatos de archivos:

  • Documentos: doc, docx, xls, xlsx, ppt, pptx, pdf, wpd, odt, ods y odp.
  • Imágenes: png, jpg, gif, tiff, psd, bmp, eps y a.
  • Texto: txt, rtf y csv.

Una de las características que más me gustó, es que permite subir varios documentos simultáneamente, de esta forma el lector puede cambiar entre ellos por medio de unas pestañas en la parte superior. Sigue…

Curiosidad, Recursos , , , , , , , , , , , , ,

Zoomy.js – Otra forma elegante de mostrar imágenes

11-11-2008

La verdad es que no se me ocurría usar en un proyecto alguna librería que me permitiera implementar algo similar al efecto Lightbox. Este ha sido usado hasta el hartazgo (y sigue siendo usado ampliamente) y su funcionalidad es imitada por múltiples librerías que ofrecen alguna variación de este efecto.

Por eso una interesante alternativa, simple y elegante es Zoomy.js. Se trata de una clase Prototype que permite crear una galería de imágenes. Esta se puede usar en ampliaciones de imágenes simples con varias opciones de personalización o como un popup y/o como unas ventanas superpuestas que se pueden arrastrar.

Zoomy.js es una opción que se caracteriza por:

  • Permitir hacer clic sobre una imagen miniatura para mostrarla ampliada, como esta es precargada el tiempo de reacción es rápido.
  • Opcionalmente puede mostrar título y un botón de cierre.
  • Depende de las bibliotecas Javascript Prototype y Scriptaculous.
  • Entre las opciones de personalización figuran: Sigue…

Desarrollo, Diseño , , , , , , , , , ,

TipCam – Crea fácilmente turoriales en video con este excelente programa gratis

11-07-2008

¿Debes hacer un tutorial o crear un paso a paso?

Con TipCam puedes crear fácilmente turoriales en video. Este registra toda la actividad en Windows y crea un video que además puedes subir a YouTube.

TipCam - Interfase - Captura de pantallaEs un programa gratis, con interesantes opciones como:

  • es muy fácil intuitivo;
  • graba audio y video;
  • permite registrar en varias resoluciones;
  • posee funciones que lo hacen muy atractivo como la posibilidad de hacer acercamientos (zoom) de una determinada área de la pantalla;
  • y permite compartir por correo o en YouTube muy fácilmente. Sigue…

Recursos, Windows , , , , , , , , , , , ,