Tool per generare sitemap

Riporto un link utile per generare il file xml da inserire nella root del sito, utile per essere tracciati dai motori:

http://www.xml-sitemaps.com/




Altra interessante operazione per rendere più leggibile la mappa, è quella di dargli una sistemata con i css.

Questa è una soluzione che utilizza javascript e css: http://cssglobe.com/post.asp?id=903


Altra risorsa, da cui scaricare direttamente il file xsl: http://enarion.net/google/sitemaps/stylesheet/

Come si può vedere, è sufficiente inserire il seguente tag per associare il foglio di satile alla mappa, direttamentre sotto al tag di apertura dell'xml stesso:

< ?xml-stylesheet type="text/xsl" href="gss.xsl"? >




Continua...

Gli Sprite menu con i CSS

Le immagini sprite erano usate nei vecchi giochi della nintendo per evitare di dover caricare imamgini ogni volta che si susseguiva una scena.

Praticamente veniva caricata uan unica grande immagine che poi veniva spostata nella griglia di gioco alle coordinate opportune.

Sul web si vedono abbastanza frequentemente dei menu che usano tecniche simili, grazie ai CSS e alle immagini impostate como sfondo degli elementi di una lista non ordinata, a delle coordinate specifiche.

Tutto può essere poi reso più invitanter grazie agli effetti di movimento resi possibili dai metodi di librerie come jquery

Per saperne di più:

http://stylemeltdown.com/2007/10/22/image-sprite-navigation-with-css/#more-53
Continua...

Tracciare i click e gli eventi in un filmato per inviarli a google analytics

L'argomento è ormai abbastanza noto. Lo riporto comunque perchè mi fa comodo averlo sotto mano ... :) e magari può far comodo anche a chiunque dovesse imbattersi nel mio blog....






Facciamo l'esempio di un sito flash monopagina html, il cui filmato in realtà presenta un sito completo, con tutti i vari link come se fosse un sito tradizionale. Essendo monopagina, non abbiamo chiamate a url differenti da quello che ospita il filamto. Quindi, nella normalità delle cose, Google analytics rileverebbe gli accessi ad una sola pagina, sballando di fatto utte le statistiche.

Supponendo di utilizzare il codice javascript di ultima generazione per le statistiche, ma il link che vi riporto sotto menziona anche il vecchio codice js, dentro a flash, non dovremo fare altro che chiamare, negli eventi e dai gestori desiderati, un javascript che invii una stringa al js di analytics.

Per esempio, se abbiamo nel filamto flash, tre pagine, home, prodotti, servizi, i bottoni della pulsantiera, riporterebbero:

var googlePage:Array=new Array("index.html", "prodotti.html", "servizi.html");


homeBtn.onRelease=function(){

getURL("javascript:pageTracker._trackPageview('/html/"+googlePage[0]+"');");

}

prodottiBtn.onRelease=function(){

getURL("javascript:pageTracker._trackPageview('/html/"+googlePage[1]+"');");

}

serviziBtn.onRelease=function(){

getURL("javascript:pageTracker._trackPageview('/html/"+googlePage[2]+"');");

}

Provate voi stessi, le statistiche tracceranno i click mostrando gli accessi a delle pagine html "virtuali" che si trovano nella cartella /html e hce si chiamano come gli indici dell'array.

Per sapenre di più: http://www.google.com/support/analytics/bin/answer.py?hl=it&answer=55520



Continua...

Prototype e Scriptaculous per aggiornare i contenuti di una pagina

In questo post riporto invece un link a un bel tutorial che serve per realizzare menu e/o link che aggiornino i contenuti in un elemento di una pagina senza ricaricarla, con effetti di fading:

La risorsa è su blog.makernet
Continua...

Risorse per creare menu in stile Apple

Come noto il sito di casa Apple è sall'avanguardia sia per l'usabilità e semplicità di utilizzo, che per le soluzioni tecniche adottate.

Di seguito riporto un pò di link che potrebbero essere utili per realizzare effetti interessanti:



Accordion menu

menu orizzonatale con sliding interno

Menu con breadcrumbs


Raccolta di siti in stile Apple

Tutorial per creare la grafica del menu apple










Continua...