| 18 de Noviembre, 2008
Pictobrowser es una herramienta web gratuita web para crear galerías web, portafolios o slideshows de imágenes alojadas en Flickr.
Para crear el tuyo, visita la página de ejemplos, haz clic en el logo del que más te guste, abajo a la derecha e inserta el nombre de usuario de Flickr.
Luego decide qué imágenes vas a mostrar por sets, etiquetas o grupos.
Puedes personalizarlo con el PictoBuilder o copiar el código directamente en tu web o blog.
Ejemplo:
…
| 17 de Septiembre, 2008
Aunque mi galería favorita es faveup (logos, tarjetas y diseño web) en estas dos están categorizadas para buscar y enviar elementos específicos de diseño web:
- Páginas 404
- Bordes
- Formularios
- Comentarios
- Breadcrumbs
- Navegación
- Formas de presentar código,
- etc.
Elements of Design muestra imágenes de muestra que enlazan con el sitio original.
…
| 17 de Junio, 2008
Empecemos por Slideshow, una clase javascript para Mootools que créo Aeron Glemann y que ahora es open-source bajo licencia MIT License
Aquí tienes una demo, entre sus ventajas está la de poder integrar HTML directamente en las descripciones.
Si quieres de verdad usar algo más avanzado, no sólo para mostrar tus imágenes, utiliza LightWindow 2.0 de Kevin Miller, amante de Ruby on Rails, Prototype y Scriptaculous.
Él mismo la presenta como:
¿Por qué otro light – lo que sea? Refiriéndose a ligthbox y sus múltiples versiones.
Pues bien, LightWindow 2.0 tiene más que justificada su presencia:
…
| 15 de Mayo, 2008
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.
…
Entradas (RSS)