Archivi categoria: Programmazione

Ridimensionare immagini con jQuery

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

Realizzare anteprime di prodotti con jQuery

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

Favicons con contatore dinamico

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

Tool per eseguire test di velocità dei siti web

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

Scaricare localmente un sito che richiede login

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.

Far visualizzare foto profilo nei risultati di ricerca

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