Web Designer & Web Developer WordPress, SEO, HTML5, JQuery e molto altro. Piccoli articoli per grandi progetti!



CSS Minifier/Compressor

La compressione CSS

La Compressore in linea del CSS oggi diventa sempre più essenziale, per garantire un lavoro professionale e preformante.
Non solo per ridurre le dimensioni, quindi ottenere tempi di download più bassi (che ci farebbe risparmiare la larghezza di banda)

ma anche in ottica SEO, inquanto lo stesso Google ci ricorda che per essere performanti e posizionati nel suo motore di ricerca, il caricamento delle pagine Web devono essere adeguate hai suoi parametri.

Nel web ci sono molti siti che offrono questo servizio gratuitamante, uno di questi e:csscompressor.com
È possibile scegliere tra 4 livelli di compressione, a seconda di delle esigenze di compressione per file CSS.

 

How to Embed Video Using HTML5

Inserire Video all'interno del nostro sito Web

Implementare video all'interno della nostra pagina HTML5 nulla di più semplice.
Oggi è sempre più usato visto le connessioni molto più veloci rispetto a qualche anno fa.
Questo lo rende sempre di più un ottimo strumento da implementare per rendere la nostra web site più accattivante sia dal punto di vista visivo che a livello di comunicazione.

Usando il tag <video> </video> dell'html5 siamo in grado di inserire un video.
Facendo sempre attenzione lato SEO (grandezza del file per caricamnto della pagina) e buttando un occhio al mobile.(Che vederemo più avanti)

Questo il codice base:

<video autoplay loop poster="/img/IMG.jpg">   
<source src="PATH_TO_MP4" type="video/mp4" />Your browser does not support the video tag. I suggest you upgrade your browser.             
<source src="PATH_TO_WEBM" type="video/webm" />Your browser does not support the video tag. I suggest you upgrade your browser.
</video>
           

Nel prossimo articolo andremo più nel dettaglio. Considerando e implementando l'auto play e la visione nel Mobile, Android e IOS. Al prossimo step ;-)

Email Address Encoder JQuery

Come rendere invisibili le nostre email con jQuery

Abbiamo sempre più la neccessità di nascondere la nostra email da eventuali spam o frodi informatiche.
Questa potrebbe essere una soluzione:  (adattabile anche all'interno del nostro wordpress)

Questo e il nostro codice html:

<a href="mailto:me@mysite.com"&gtme@mysite.com</a>

Adesso andremo a lavorare con JQuery:

<a href="#"> <span id="my-email">please enable javascript to view</span></a>

a seguire il nostro script:

$('#my-email').html(function(){
	var e = "me";
	var a = "@";
	var d = "mysite";
	var c = ".com";
	var h = 'mailto:' + e + a + d + c;
	$(this).parent('a').attr('href', h);
	return e + a + d + c;
});
Home