Caputo's blog

Informatica, tecnologia, programmazione, fai da te, papercraft e papertoy

Bellissima galleria fotografica in jQuery e CSS3!

Novembre 26th, 2009 by Giovanni Caputo

Demo: http://demo.tutorialzine.com/2009/11/hovering-gallery-css3-jquery/demo.php

Codice Sorgente: http://demo.tutorialzine.com/2009/11/hovering-gallery-css3-jquery/demo.zip

Tutorial: http://tutorialzine.com/2009/11/hovering-gallery-css3-jquery/

Category: Programmazione | No Comments »

Gallerie e player musicale in flash per il proprio sito

Aprile 15th, 2009 by Giovanni Caputo

Flash Gallery

http://www.flash-gallery.org/
Applicazione gratuita che permette di creare slideshow nel proprio sito. Facile da installare, generazione automatica e personalizzabile.

view demo 1

Flash MP3 Player
URL: http://www.flashmp3player.org/
Applicazione gratuita che permette di inserire un player musicale nel proprio sito. Anche questo facile da installare e da personalizzare.

Category: Siti Web, Tecnologia | No Comments »

Galleria fotografica con timeline e mappa

Gennaio 25th, 2009 by Giovanni Caputo

Vi segnalo una galleria molto simpatica che utilizza una time line e una mappa per poter ricercare le proprie foto.

Demo  OAT Gallery.

Screenshots dell’interfacci adi amministrazione: main settings, gallery edit, part edit, advanced settings.

Vedere il  manualee di amministrazione per le istruzioni di installazione.

Per il download  vedete qui

Category: Open Source, Programmazione, Siti Web | No Comments »

Script galleria fotografica in php

Gennaio 23rd, 2009 by Giovanni Caputo

Volevo proporre uno script molto utile e semplice da utilizzare per creare sul proprio sito una galleria fotografica.

Lo script, completamente scritto in php è grande appena 45Kb.
La sola cosa da fare per far funzionare questo script è copiarlo in una directory contenente immagini (supporta JPG, JPEG, PNG o GIF ).
Lo script gestirà anche le sottodirectory che troverà nel suo percorso.

Le miniature (thumbnails) verranno create al volo senza la necessità di ridurle a mano.
Le descrizioni delle foto posso essere facilmente aggiunte attraverso un semplice file .txt.

Lo script tra gli altri vantaggi non fa uso di nessun database.

Gli unici prerequisiti per installare e far funzionare questo scritp sono:
Un webserver con PHP 4 o 5  e  le librerie GD installate.
E’ possibile vedere una demo qui

:: SCARICA IL PROGRAMMA ::

Category: Arte, Open Source, Programmazione, programmi, Siti Web | 1 Comment »

I migliori link dove trovare idee per la realizzazione di un sito web

Maggio 6th, 2008 by Giovanni Caputo

Se siete web master, e avete bisogno di nuove idee, nuove ispirazioni, di nuovi layaoto di esempi di codice css ci sono siti che propongono questo tipo di aiuti. Ecco una lista

Cssmania

Cssvault

Cssremix

Cssglance

Bestgallery

Italianwebgallery

Read the rest of this entry »

Category: Siti Web, tutorial | No Comments »

Gallerie gratuite per fotografie in flash e in javascript

Maggio 5th, 2008 by Giovanni Caputo

Una lista di oggetti flash e javascript per la visualizzazione e gestione di fotogallerie su Internet.

La maggior parte usa l’XML per la gestione delle foto stesse.
Sono tutti gratuiti o quasi

Buon divertimento…

Ah, ovviamente se avete altri link da segnalare fatelo pure nei commenti

FLASH

Flash Gallery Demo

FREE usa XML per registrare le info

dfGallery

SimpleViewer

FREE . disponibile anche un pannello di amministrazione

Flash Photo StackDemo

AutoViewerDemo

FlashPageFlipDemo

Flash Carousel Slideshow Demo

Art Flash Gallery

Flash Image Gallery – FIGDemo

TiltViewerDemo

Photo ViewerDemo

usa XML

FlashGalleryGeneratorDemo


Agile Gallery

usa XML

Fullscreen Gallery Flash Class
Demo
usa XML

JAVASCRIPT

GalleriaDemo


LightWindow



(E)2 Photo Gallery
Demo


Spry



Imago
Demo


jQuery slideViewer



minishowcase
Demo


AJAX Image Gallery powered by Slideflow



Lightweight Image Gallery with Thumbnails
Demo


Live Pipe PhotoFolder
Demo


JaS
Demo

MooFlow


xImgGallery



mooCicle
Demo


Lightview

Live Thumbnail

Highslide

Couloir.org: Resizing, Fading Slideshow

JonDesign’s SmoothGallery

Read the rest of this entry »

Category: Arte, Siti Web | 2 Comments »

Creare una galleria sul proprio sito da Picasa con pwa.js

Maggio 2nd, 2008 by Giovanni Caputo

Screenshot: Sample implementation of pwa.js from bostonironsidesrfc.org

Screenshot

Se volete visualizzare foto e video di Google Picasa Web Album nel vostro sito web, dinamicamente basta aggiungere solo due righe di codice al sito web esistente.

Il link dell’utility java-script è: http://sourceforge.net/projects/pwa/

Per utilizzarlo basterà fare l’ap-loade del file che potete scaricare pwa.js dal sito precedente e inserire nella pagina dove volete visualizzare la galleria le seguenti righe di codice:

<script type="text/javascript">username='YourPicasawebUsername'; photosize='800'; 
columns='4';</script>
       <script type="text/javascript" src="http://www.yoursite.com/pwa.js"></script>

Assicurandovi di modificare YourPicasawebUsername al proprio nome utente Picasaweb noltre, www.yoursite.com dovrebbe essere modificato in maniera tale da avere il path completo dove è stato inserito il file pwa.js.

Lo script cerca le immagini back.jpg, next.jpg, e home.jpg, nel stessa directory dove è presente il file pwa.js, per creare le frecce di navigazione. Assicurati che esistano! Sono presenti alcuni nel repository di SourceForge ma potete sostituirle con delle vostre immagini personalizzate.

“Photosize” è la dimensione dell’immagine per essere visualizzato durante la visualizzazione di singole immagini, mentre, “colonne” è il numero di colonne di foto da visualizzare sul tuo sito nella galleria di album.
È possibile omettere uno di questi valori, se lo si fa, le impostazioni di default sono 800 per photosize e 4 per colonne.

Sempre su SourceForge allo stesso indirizzo è possibile scaricare anche una seconda versione di questo script con il nome:pwa-no-picasa-links.js

Funziona allo stesso modo di pwa.ja solo che questa versione nasconde tutti i link-back a Picasa.

Category: Open Source, Programmazione, Siti Web, tutorial | 2 Comments »

Mutapic – Generatore d’immagini con brainstorming visuale

Maggio 1st, 2008 by Giovanni Caputo

Mutapic è un’inconsueta applicazione web in grado di generare immagini utilizzando una sorta di brainstorming visivo. Uno strumento per creativi, artisti e web designer, utile per creare loghi suggestivi , icone particolari, illustrazioni, pattern o da usare soltanto per divertimento. Mutapic è anche un originale generatore di processi creativi in grado di proporre idee, abbozzi, schizzi che possono essere modificati fino a trovare una soluzione definitiva che soddisfi il gusto personale. L’applicazione può essere usata anche a schermo intero ed è possibile consultare la suggestiva galleria delle immagini create. Per caricare immagini personali è necessario passare alla versione Pro di Mutapic. Da provare!

Read the rest of this entry »

Category: Arte, Siti Web | 1 Comment »