SeaDragon : Incluir imágenes con Zoom en tu web

Muchas vece snecesitamos incluir una imagen grande y de excelente calidad en nuestra web, pero no podemos incluirla por su tamaño y si la redicimos, tambien reduce su calidad.

Un fecto interesante de zoom lo pueden ver aqui FancyZoom: Efecto zoom para tus galerías de fotos o si deseas optimizar tus imagenes Online Image Optimizer : Herramienta online para optimizar imágenes

SeaDragon es el proyecto de Microsoft Live Labs que nos hace posible incluir todas las imágenes que deseemos en un blog o página Web, sin importar el tamaño que esta tenga. Ya que gracias a sus características nos permite embeber las imágenes en alta resolución, y hacer zoom sobre ellas para verlas al Detalle.

Tendremos que indicar la dirección web de cualquier imagen, SeaDragon nos ofrecerá la animación interactiva con la fotografía y el código para que la incluyamos en nuestra página.

SeaDragon no aloja la imagen sino que la carga desde la URL original permitiendo desde aumentar o disminuir la visualización de dicho archivo, hasta verlo a pantalla completa.

Para desarrolladores, hay disponible un API que inluye bastante documentación y con la cual podemos personalizar los resultados y modificar el reproductor.

WaveMaker Visual Ajax Studio : Crear aplicaciones web con AJAX sin escribir código

Para quienes desean aprender AJAX, pero les da pereza empezar a descargar cientos de tutoriales de los que poco aprenden, aqui le spresento la solucion a sus problemas.

Papara aprender mas sobre Akax visiten Recursos AJAX para desarrollo web profesional y esta herramienta SWFUpload : Subir (upload) archivos multiples flash con AJAX

WaveMaker Visual Ajax Studio es un entorno de programación de aplicaciones basadas en Java y AJAX, desarrollado por la empresa WaveMaker; con esta suite puedes crear tus propias aplicaciones Web y usar efectos visuales gracias a AJAX sin programar una sola línea, ya que esta suite incorpora una interfaz muy visual que nos permite crear aplicaciones sin esfuerzo y todo mediante el uso del mouse.

Cuenta con un IDE integrado en el navegador, por lo que podemos desarrollar aplicaciones sin la necesidad de salir de este; se pueden lograr cosas básicas como cargar una imagen o mostrar un botón, hasta cosas más complejas como manejar bases de datos, buscar entre registros, interactuar con otros servicios y muchas opciones más que nos pueden ser de mucha ayuda, sobretodo si no somos virtuosos en la codificación.

Studio es una aplicación web que aprovecha las herramientas de Dojo para crear páginas que contengan widget y Dijits Dojo. Los usuarios con solo arrastrar y soltar pueden crear complejos diseños de páginas que contengan Dojo grid, Dijit based forms, Google Gadgets y una variedad de otros widget incluidos.

Este fabuloso paquete de desarrollo no tiene costo, y está disponible para su descarga para las tres plataformas más grandes; Windows, Mac OS X y Linux. Antes de descargar la aplicación, puedes ver el screencast en donde se explican las características básicas, o puedes unirte a la comunidad de desarrolladores.

Navegg : Analizar perfil demográfico de tus visitantes

Siempre es importante conocer el perfil y caracteriticas de nuestros visitantes, para asi saber si nuestra web esta recibiendo visitas de el mercado meta donde planeamos vender nuestros productos y servicios.

Un par de herramienta sque t epueden ayudar a posicionarte bien en internet las tienes en sktool una gran herramienta para elegir Palabras clave y en Visual Round Trip Analyzer: Analiza tu pagina web o blog para optimizar su diseño

Navegg nos permite analizar el tipo de visitante que accede a nuestra web mostrando datos estadísticos sobre el sexo, la edad, región, nivel educacional y temas de interés. Es un proyecto desarrollado en Brasil.

A diferencia de sus competidores, Navegg se focaliza mas en entender a tu audiencia, demográfica y geográficamente hablando. La idea de este servicio es entender correctamente quienes sin nuestros visitantes y de donde provienen. Entendiendo a nuestra audiencia es mucho más fácil encarar un análisis de mercado el día de mañana. Para tener el servicio instalado y funcionando, solo debemos añadir un pequeño script en nuestrz web o blog.

Tras un par de días tendremos los primeros informes demográficos que nos permitirán obtener datos. Navegg es un servicio gratuito todavía en fase beta cerrada que aun debe mejorar para alcanzar una mayor fiabilidad.

Scripts para menus desplegables para tu web

Los menús de navegación son importantes para cualquier sitio web. Una navegación en menus bien diseñados y fáciles de manejar suponen una mejora sustancial del aspecto y funcionalidad de un website.

Si deseas hacer menus desplegables con css puedes visitar CSS Menu Builder : Herramienta online para crear menus de manera muy sencilla y rapida

Los menus desplegables (Drop-down list). son elementos que permite a un usuario seleccionar de una lista desplegable una opción. Se distingue de una simple lista en el hecho de que el usuario debe presionar sobre el menú para que se muestren las opciones disponibles

Estos scripts, de uso libre, para crear menus desplegables vienen clasificados en categorías como menus jQuery y CSS, menus profesionales, menus desplegables Javascript y HV Menu v 5.5.

• jQuery Multi Level CSS Menu #1
• jQuery Multi Level CSS Menu #2
• All Levels Navigation Menu
• Smooth Navigation Menu
• Simple CSS Vertical Menu Digg-Like
• Professional Dropdown #1
• Professional Dropline #1
• Jim’s DHTML Menu v5.7
• Drop Down Tabs
• Suckertree Vertical Menu
• Superfish
• jQuery SuckerFish
• Ultimate Drop Down Menu
• JavaScript Dropdown Menu with Multi Levels
• MenuMatic
• Sliding JavaScript Dropdown Menu
• jGlide Menu
• Dropdown Menu Made with Scriptalicious/Prototype
• Chrome CSS Drop Down Menu
• Professional Dropdown #2
• Hover Drop #2
• Skeleton Dropdown
• HV Menu v5.5
• Simple Drop Down Menu v2.0
• Horizontal Drop Down Menu Script

SWFUpload : Subir (upload) archivos multiples flash con AJAX

Existen muchas librería de JavaScript en internet que nos ayudan a mejorar y simplificar nuestro trabajo como diseñadores o programadores web, algunas son algo complicadas de aplicar y toras son muy sencillas.

Si desean conocer otras librerias en javascript los invito a vistar Reflection JS: Imagenes con reflejos para trabajar con imagenes y swfIR : Agregar efectos a imagenes con Flash y JavaScript

SWFUpload es una pequeña librería realizada con Javascript y Flash que permite subir ficheros a internet de un modo sencillo. Entre sus principales funcionalidades cabe destacar que: muestra sólo los tipos de archivo seleccionados en el diálogo, permite subir múltiples archivos a la vez presionando ctrl/shift, obtiene la información del archivo antes de iniciar la subida, da estilo a los botones de un modo personalizado, etc.

Sus principales características son:

• permite subir varios archivos al mismo tiempo (para esto hay que usar Ctrl/Shift);
• es pequeña;
• no se necesita recargar páginas;
• permite controlar el tamaño del archivo;
• se puede seleccionar la extensión de los archivos;
• posee cola de subidas en la que se puede remover/agregar archivos (antes de que comience la subida);
• trabaja en todas la plataformas que soportan Flash;
• muestra información mientras los archivos están siendo subidos;
• y algunas funcionalidades más.

Además se pueden crear barras de progerso-información mediante el uso de XHTML y CSS, y funciona con todas las plataformas que tienen soporte para Flash, y algunas características más.

En el sitio ofrecen documentación y un foro (en inglés). Se puede descargar desde: http://code.google.com/p/swfupload

99Chats : Crea una sala de chat para tu web

Internet nos permite varias pociones de interaccion en tiempo real y una de las opciones es el chat en un sitio web o blog para comunicarse entre los vistantes.

Si lo que deseas es incluir una sala de video chat en tu web o blog, vista Vawkr : Crear salas de videochat e incluirlas en tu pagina web o blog

99chats es una aplicación que permite crear salas de chat e incorporarlas en cualquier web, blog o perfil social gracias al código que ofrecen dos códigos a elegir, para integrarlo en nuestro sitio web, ya sea como sala en flash o en javascript y el enlace de acceso. Es necesario registrarse.

Cada sala de chat esta formada con una barra lateral a la derecha, donde se muestra los contactos, el área de las conversaciones y el campo donde escribiremos el texto, y entre ambos, las opciones para cambiar el estilo de nuestros textos, e incluso nuestros estados.

99Chats le permite extender su interacción con sus visitantes con mensajería en tiempo real. Es gratuito y puede ser personalizado, desde los colores, fondo y fuentes hasta el estilo de borde, tamaño y diseño, para ajustarse perfectamente a cualquier diseño de página web. Ttiene un peso ligero y solo ocupa 65 Kb, además soporta mensajería privada mediante pestañas con los miembros del chat e incluye detección de desbordamiento de memoria y mecanismos de prevención también.

ImageFlow - Sorprendente script para crear galerías de imágenes

ImageFlow es una bonita galería basada en JavaScript el cual queda muy bonito en cualquier web o blog. Nos permite navegar entre las imágenes utilizando el scroll de nuestro ratón o bien utilizando un sistema de navegación integrado a la galería y el cual se mueve con el mouse.

Es un script gratis y su utilización es sumamente fácil y los efectos que hacen a la galería muy agradables. Cabe destacar que las transiciones entre fotografías son muy fluidas y que el paquete completo en su versión 0.8 ocupa tan sólo 22Kb.

Visitar Imageflow Aqui

FancyZoom: Efecto zoom para tus galerías de imágenes

FancyZoom es un código JavaScript que permite aumentar y disminuir el tamaño de cualquier imagen de forma dinámica en una página web. Muy fácil de usar, la librería consigue un efecto de zoom muy atractivo que se consigue al enlazar una imagen en miniatura con su correspondiente versión en tamaño original.

Sus escasos requerimientos hacen que sea sumamente sencillo implementarlo en tu sitio web. Ahora ya no hará falta abrir las imágenes de tu página web o blog en una nueva pestaña del navegador, sino que podrás ampliarlas.

FancyZoom se puede instalar con solo agregar dos líneas de código a tu sitio web, y también hay disponible un plugin para Wordpress. El script es compatible con Safari, Internet Explorer 6 y 7, Firefox y ahora Opera.

Principales características:

• Escala la imagen automáticamente desde cualquier enlace a una imagen, sin cambios en el HTML;
• Precarga las imágenes en tamaño real en segundo plano;
• Dibuja una sombra debajo de la imagen a tamaño completo;
• Requiere solo dos líneas de código en el HTML;

Es muy sencilla de implementar, solo hay que bajar un archivo que solo ocupa 53KB y en su sitio encontrarás toda la documentación necesaria. Basta copiar el contenido de la librería al directorio raíz de tu servidor y añadir tres líneas al código fuente de la página donde quieras utilizar FancyZoom. Agregando la propiedad 'title' a la etiqueta 'a href' es posible añadir un texto a modo de título que se mostraá en la imagen cuando se haga zoom en ella.

La librería es gratuita para uso no comercial.

Puedes descargar la herramienta AQUI