Caputo's blog

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

Archive for the 'Programmazione' Category

Ridimensionare immagini con jQuery

dicembre 8th, 2012 by Giovanni Caputo

Voglio condividere un piccolo script jQuery che permette di ridurre le dimesioni di un ‘immagine con jQuery.

$(window).bind("load", function() {
	// IMAGE RESIZE
	$('#product_cat_list img').each(function() {
		var maxWidth = 120;
		var maxHeight = 120;
		var ratio = 0;
		var width = $(this).width();
		var height = $(this).height();

		if(width > maxWidth){
			ratio = maxWidth / width;
			$(this).css("width", maxWidth);
			$(this).css("height", height * ratio);
			height = height * ratio;
		}
		var width = $(this).width();
		var height = $(this).height();
		if(height > maxHeight){
			ratio = maxHeight / height;
			$(this).css("height", maxHeight);
			$(this).css("width", width * ratio);
			width = width * ratio;
		}
	});
	//$("#contentpage img").show();
	// IMAGE RESIZE
});

Category: Programmazione | No Comments »

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 »

Creare mappa interattive

marzo 27th, 2012 by Giovanni Caputo

Kartograph è un framework per creare applicazioni con mapper interattive senza google maps o alcun servizio di mapping.

Category: Programmazione | 1 Comment »

Realizzare una rivista sfogliabile per il proprio sito web

marzo 25th, 2012 by Giovanni Caputo

Oggi voglio proporvi una guida che spiega come realizzare una rivista sfogliabile per il proprio sito web.

Utilizzando la libreria javascript turn.js

Download

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

Favicons con contatore dinamico

marzo 25th, 2012 by Giovanni Caputo

La Favicons è l’icona che è possibile visualizzare accanto al nome del dominio di un sito web sul nostro browser e permette di identificare facilmente il sito web in un insieme di eventuali tab aperte.

Tinycon è una libreria JavaScript che permette aggiungere alla solita immagine statica alcune informazioni, come ad esempio dei contattori informativi.

Tinycon

Per fare questo è utilizzato il canvas HTML5 .

Tinycon è molto utile per i siti web con i refresh dei dati per mostrare gli ultimi valori (email non lette, nuovi ordini, ticket di supporto etc.)

Category: Open Source, Programmazione | No Comments »

Documentazione dettagliata su CSS

novembre 29th, 2011 by Giovanni Caputo

InstaCSS è un semplice sito che offre una grande documentazione delle proprietà CSS.

Dispone, inoltre, per ogni oggetto la compatibilità con i diversi browser.

 

Category: Programmazione | No Comments »

Guide SEO da studiare

novembre 20th, 2011 by Giovanni Caputo

Le prossime guide che dovrò leggere per quanto riguarda il seo, sono quelle consigliate da italianwebdesign.

La priame è la guida di Laura De Masi, la seconda è la traduzione italianda diìell’originale di seomoz: traduzione guisda seomoz italiana.

Category: Programmazione, Siti Web | No Comments »

Tool per eseguire test di velocità dei siti web

novembre 15th, 2011 by Giovanni Caputo

Di seguito una serie di tool molto utili per realizzare test di velocità su siti web.

1. Page Speed Online

Page Speed Online

Google’s Page Speed Online — è un adattamento web-based della popolare estensione per google Chrome Page Speed.

Effettua delle analisi delle performance secondo le best practice di web performance secondo google. Inoltre include un report per le ottimale performace per dispositivi mobili.

2. Pingdom Tools

Website speed testing tool: Pingdom Tools

Tool online gratuito per effettare test speed di Pingdom.

3. Free Website Performance Test (BrowserMob)

Free Website Performance Test (BrowserMob)

 

4. Which loads faster?

Website speed testing tool: Which loads faster?

 

5. WebPagetest

Website speed testing tool: WebPagetest

 

6. Web Page Analyzer

Website speed testing tool: Web Page Analyzer

 

7. Show Slow

Website speed testing tool: Show Slow

 

8. Site-Perf

Site-Perf

 

9. Load Impact

Website speed testing tool: Load Impact

 

10. OctaGate SiteTimer

Website speed testing tool: OctaGate SiteTimer

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

Scaricare localmente un sito che richiede login

novembre 5th, 2011 by Giovanni Caputo

Qualche tempo fa vi ho mostrato come è possibile scaricare localmente un sito web con un noto programma, disponibile per mac, windows e linux: httrack.

Oggi avevo la necessità di scaricare un sito che richiede il login. Questa necessità è necessaria quando si vuole cercare qualcosa all’interno di un sito, che non è indicizzato da google.

 

Vi mostro quindi un link che spiega come poter configurare e impostare httrack per porter scaricare interamente un sito che richiede username e password per accedere.

Il link è http://httrack.kauler.com/help/CatchURL_tutorial

in questo modo il programma catturerà la richiesta post del browser e permetterà di scaricare tutte le pagine con lo stesso tipo di richiesta post. Dopo aver fatto diversi tentativi ho notato, inoltre, che è necessario configurare il proxy, come scritto nella guida, in Firefox; internet explorer sembra non funzionare.

Category: Programmazione, programmi | No Comments »

Far visualizzare foto profilo nei risultati di ricerca

ottobre 10th, 2011 by Giovanni Caputo

google-profile-main

Google permette da alcuni giorni di far apparire accanto ai risultati di ricerca la fotografia del profilo dell’autore. Per fare questo è necessario impostare il profilo di Google.

E’ necesario inoltre impostare l’autore del proprio sito. Questo permette a google di conoscere l’autore del contenuto.  Per fare questo è necesario inserire un link al profilo di google Con il parametro “?rel=author”  in ogni singola pagine del proprio sito. Per esempio:

2. Before Google can display your profile picture, you need to establish authorship of your site. This is to let Google knows that you are the original author of your content. To do that, you just have to insert a link to your Google Profile with the parameter “?rel=author” in every single page of your site. For example, you can insert a link at the end of your content.

<a href="https://plus.google.com/113575029869702477155/?rel=author">Seguimi su  Google+</a>

Dove  https://plus.google.com/113575029869702477155/ è l'indirizzo del proprio profilo di google

Oppure inserire in linke vuoto che non mostra nulla come di seguito

<a href="https://plus.google.com/113575029869702477155/?rel=author"></a>

 

Inoltre è necessario andare sul profilo di google e modificare il profilo. Nel tab “Contributore di”” inserire l’indirizzo del proprio sito web. Salvare le modifiche.

Next, go to your Google Profile and click “Edit Profile”. At the About tab, click “Contributor to” and enter the name and URL of your website. Save the changes and click “Finished Editing”.

google-profile-contributor-to

 

Category: Programmazione | No Comments »