Creación de Galerías Web V | Simpleviewer y Lightbox JS desde Photoshop

Esta es la última entrega de la serie de tutoriales dedicados a la Creación de Galerías Web:

La mejor forma de mostrar y compartir nuestras fotografías es a través de una página web. Pero no sólo fotografías también portafolios con tus mejores trabajos para añadir a tu CV. Cada día aparecen nuevos sitios, métodos, aplicaciones online o librerías AJAX en los que el trabajo del usuario casi se limita a subir sus imágenes.

Introducción

Veremos paso a paso cómo crear galerías web con Simpleviewer y Lightbox JS. Ambas opciones son gratuitas, la primera se basa en XML y Flash y en la segunda trabajaremos con algo de Ajax. Este tutorial va a faciliatrte las cosas integrando estas herramientas en Photoshop.

Puedes ver ejemplos de lo que vamos a crear en estos enlaces:

No hacen falta conocimientos de programación para realizar el tutorial, simplemente siga los pasos.

Una vez creadas mostraremos cómo colgarlas en un sitio web, gratuito o de su propiedad, de forma que sea accesible a través de Internet.

Paso nº 1: Preparar y seleccionar imágenes

Seleccionaremos las imágenes que vamos a mostrar en nuestra galería. Lo mejor es copiarlas todas en una carpeta. Estas imágenes NO se modificarán por lo que no hay que tener miedo a perderlas.

Seguir leyendo >

Añadir comentario 15 de Mayo, 2008

SecondBrain | Agrega todos tus contenidos en un solo sitio

Second | Brain - All your contents es una fantástica beta, un proyecto 2.0 cuyo objetivo es que sus usuarios agreguen todos los contenidos que tienen esparcidos en diversos sitios. Regularmente van añadiendo nuevos servicios de forma que en una sola página tienes:

  • los artículos de tus blogs,
  • tus fotos de Flickr y Picasa,
  • tus vídeos de Youtube y Revver,
  • tus documentos de Box y Google Docs,
  • tus marcadores de delicious y Stumbleupon y directamente de Secondbrain,
  • y muchos más.

 

Seguir leyendo >

Añadir comentario 15 de Mayo, 2008

Publicidad de sitio 2.0 en la blogosfera con halo misterioso | Metroo

Este pequeño banner es la idea que ha lanzado Alianzo para crear interés e inquietud de su nuevo proyecto metroo. Es un proyecto 2.0 del que no han dado ninguna información aún, la idea es muy simple los webamasters o bloggers colocan este banner, que por cierto a mi se me han quitado las ganas de ponerlo por su diseño poco trabajado.

Metroo

Como la imagen está alojada en sus servidores, un día va a aparecer el verdadero logo de metroo, entonces el primero que haga clic y rellene un formulario se llevará un iPod y el propietario de la página desde donde han pinchado también. Lástima lo del diseño, la idea es buena.

Añadir comentario 15 de Mayo, 2008

El libro de la semana | El mejor diseño editorial | SPD

Esta vez nuestros amigos de Diseñadero nos recomiendan un libro inspirador, una recopilación del mejor diseño editorial de 2006. Su precio son 59€ pero como sabes si lo pides a través de yotambienquiero@disenadero.com obtendrás como siempre un 5% de descuento.


Seguir leyendo >

Añadir comentario 13 de Mayo, 2008

5 invitaciones más para las Beta de Aviary | 5 more Free Invitations for Aviary | Phoenix y Peacock

Hace poco más de 10 días os ofrecí 5 invitaciones para las Beta Phoenix y Peacock de Aviary, se agotaron rápidamente así que he conseguido 5 más que vuelvo a poner a vuestra disposición. Igual que antes los primero 5 que añadan un comentario serán los agraciados.

Los que ya la habéis probado podéis dejar vuestra opinión en:

El mejor editor de imágenes online

6 comentarios 13 de Mayo, 2008

El panel de WP 2.5 uno de los 15 sitios web que hacen buen uso de la tipografía | Logo en CSS

15 Great Examples of Web Typography | i love typography, the typography blog es una recopilación con capturas de web y ampliaciones del buen uso de la tipografía en el diseño web, como en casi todos los listados de sitios web ni están todos los que son ni son todos los que están.

Está hasta el panel de aministración de Wordpress 2.5.x está, curioso.

De los 15 me llamó la atención este sitio, cuyo logo NO es una imagen, es simple CSS:

logo css

陳 Jon Tan:

Añadir comentario 13 de Mayo, 2008

Para ver y leer, en ese orden

Tu mente sucia

Es sólo una lámpara. ¿Qué creías que era?

Añadir comentario 12 de Mayo, 2008

Herramientas gratuitas de Usabilidad

Si quieres ver cómo te mueves por una web, o testear cómo otros navegan por tu sitio puedes instalar esta aplicación AIR gratuita de eye tracking.

StomperNet Scrutinizer: DOWNLOAD StomperScrutinizer Beta NOW! | StomperNet.com:

Es una navegador basado en Safari donde la navegación sigue el ratón, sacando de foco el resto de la página. Es una forma de medir la usabilidad y accesibilidad de tu sitio, imprescindibles para el éxito de tu sitio. Este vídeo muestra cómo funciona:

Si quieres probar más herramientas gratuitas de usabilidad, este listado está muy completo:

Free Usability Tools online | CSSAddict

1 comentario 11 de Mayo, 2008

Extensión para Firefox que graba tus movimientos para después repetirlos | DejaClick

DejaClick by AlertSite es una extensión para Firefox que graba tus pasos en este navegador de forma que si necesitas reproducir de nuevo todos tus movimientos no tienes más que darle al “replay”.

Descarga:

DejaClick :: Firefox Add-ons:



Añadir comentario 11 de Mayo, 2008

Crazyegg | Herramienta de usabilidad web | Mapas de calor

Crazy Egg – visualize your visitors es una herramienta para testear la usabilidad de tu sitio web. Para incorporarla te creas una cuenta y añades una línea de código a la(s) página(s) que quieres testear.

Lo que podrás ver en modo mapa de calor, listado o superposición: Visitas y el número de clics en cada ítem o todo en uno con la función Confetti. Hay varios planes, la opción gratuita está limitada a 4 páginas y 5000 trackbacks por mes.

Añadir comentario 11 de Mayo, 2008

Inserte su dirección de e-mail para recibir todas las noticias directamente en su correo:

Entradas más recientes

Enlaces

Sindicación

Inserte su dirección de e-mail para recibir todas las noticias directamente en su correo: