Caputo's blog

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
});

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

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

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

Utilizzando la libreria javascript turn.js

Download

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

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

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.

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

1. 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

Tool online gratuito per effettare test speed di Pingdom.

3. Free Website Performance Test (BrowserMob)

4. Which loads faster?

5. WebPagetest

6. Web Page Analyzer

7. Show Slow

8. Site-Perf

9. Load Impact

10. OctaGate SiteTimer

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.