Caputo's blog

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

Realizzare anteprime di prodotti con jQuery

ottobre 27th, 2012 by Giovanni Caputo

Oggi voglio proprorvi dei plugin per jQuery che permettono di realizzare delle anteprime di prodotti, di un eventuale sistema di e-commerce, in modo davvero particolare.
productColorizer è una semplice e utile soluzione che permette di visualizzare l’anteprima di un prodotto in diversi colori. Demo

threesixty è un fantastico plugin che permette di visualizzare immagini a 360 gradi. Demo

Category: Programmazione | No Comments »

Blocchi per la realizzazione di siti web

febbraio 4th, 2012 by Giovanni Caputo

Voglio proporvi un sito web dove è possibile visualizzare, trovare e scaricare dei blocchi predefiniti per la realizzazione di siti web. Ad esempio potrete scaricare codice HTML, Javascript e CSS per poter realizzare slideshow,menù, tabelle e griglie.

 

http://www.99lime.com/elements/

Category: Siti Web | No Comments »

Inserire tablature sul proprio sito in Javascript

novembre 22nd, 2010 by Giovanni Caputo

VexFlow è una API che permette di effettuare il rendering di notazioni musicali sul web.E’ completamente scritto in Javascript e può essere eseguito su tutti i browser. Supporta HTML 5, Canvas e SVG.

Category: Siti Web, Tecnologia | No Comments »

Appplicazione per creare una chat sul proprio sito

novembre 14th, 2010 by Giovanni Caputo

Holla e’ un applicativo opensource che permette di ottenere una chat dove è possibile creare canali, invitare amici e condividere file. Ha una interfaccia completamente realizzata in Ajax.

Holla si basa su Node.js per la chat realtime.

Category: Senza categoria | No Comments »

Individuare l’orientamento dell’iPhone

maggio 20th, 2010 by Giovanni Caputo

Vediamo come riconoscere in javascript l’orientamente dell’iPhone:

window.onload = function initialLoad() {
updateOrientation();
}

function updateOrientation(){
var contentType = “show_”;
switch(window.orientation){
case 0:
contentType += “normal”;
break;

case -90:
contentType += “right”;
break;

case 90:
contentType += “left”;
break;

case 180:
contentType += “flipped”;
break;
}
document.getElementById(“page_wrapper”).setAttribute(“class”, contentType);
}

Nel codice precedente viene inserita una classe differenti a secondo del tipo di orientamente dell’iphone per l’elemento html “page_wrapper”.

Category: Open Source, Programmazione | No Comments »

JavaScript Object Oriented

gennaio 20th, 2010 by Giovanni Caputo

Creare un oggetto: Constructor functions

 function myObject(){

    };

un altro modo Literal version:

    var myObject = {

    };

Definizione di metodi e proprietà
Constructor version:

    function myObject(){
        this.iAm = 'an object';
        this.whatAmI = function(){
            alert('I am ' + this.iAm);
        };
    };

Literal version:

    var myObject = {
        iAm : 'an object',
        whatAmI : function(){
            alert('I am ' + this.iAm);
        }
    }

Chiamare metodi e menbri
Se utilizziamo la Literal version:

myObject.whatAmI();

se utilizziamo la Constructor version:

  var myNewObject = new myObject();
    myNewObject.whatAmI();

Vediamo come instanziare dinamicamente

function myObject(what){
	this.iAm = what;
	this.whatAmI = function(language){
		alert('I am ' + this.iAm + ' of the ' + language + ' language');
	};
};

Category: Programmazione, Siti Web, Tecnologia | No Comments »

Modificare, testare e debug Javascript online in modo collaborativo

ottobre 23rd, 2009 by Giovanni Caputo

JS Bin è una webapp progettata specificatamente per aiutare lo sviluppo in Javascript e CSS . Permette di testare ed effettuare il debug del codice in modo collaborativo.

JS Bin permette di modificare e testare codice JavaScript e HTML. Una volta che si è contenti di ciò che si è realizzati, puoi salvare e inviare l’URL a peer per modifiche o chiedere aiuto.

Category: Programmazione, Siti Web, Tecnologia | No Comments »

Validare form con jQuery

giugno 12th, 2009 by Giovanni Caputo

Per vedere come realizzare un validatore di form come quello nell’immagine utilizzate il seguente tutorial

TUTORIAL

Category: Programmazione, Siti Web, Tecnologia, tutorial | 1 Comment »

APE: open source Ajax Push Engine

giugno 9th, 2009 by Giovanni Caputo

The first Open Source Ajax Push Engine

APE (Ajax push Engine) è una tecnologia open source che permette di scambiare i dati attraverso il browser tra vari utenti senza la neccessità di effettuare il caricamento della pagina.
Di seguito il video di presentazione ufficiale.

Utilizza lo standard web per garantire scalabilità, infatti, funziona con i più comuni browser.

APE is fully cross browser. Ajax Push Engine works with all the Internet browsers.

La parte principale di APE è il epoll-driven HTTP server interamente scritto in C. Attraverso particolari protocolli riesci a mantenere attiva la connessione tra client e server  tramite  XHR long-polling (cross browser), forever frame e altri meccanismi. Il server può essere esteso usando moduli scritti in C oppure JacaScript server-side.

La seconda parte di APE è il framework Javascript basato su MooTools.

Per maggiori informazioni visitate il sito ufficiale.

Website: http://www.ape-project.org/en/
Demo: http://www.ape-project.org/en/demos/
Download: http://www.ape-project.org/en/download/

Category: Programmazione, Siti Web, Tecnologia, tutorial | No Comments »

File manager in PHP, Ajax e Javascript

maggio 24th, 2009 by Giovanni Caputo

1. AjaXplorer

Ajax File Manager

2. fileNice

Ajax File Manager

fileNice is a free php file browser, particularly useful if you have a ‘dump’ folder on your server where you regularly upload files and you want to be able to see what’s there.

3. File Thingie

Ajax File Manager

4. MooTools based FileManager

Ajax File Manager

5. Relay

Ajax File Manager

6. Kae’s File Manager

Ajax File Manager

7. eXtplorer

Ajax File Manager

Read the rest of this entry »

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