mettere l'RSS in evidenza, ma senza assillare!

In molti sottolineano la necessità di evidenziare gli elementi importanti del vostro blog, uno degli elementi più importanti è l'iconcina del feed.
Alcuni suggeriscono di utilizzare icone grandi, ... molto grandi, invece del formato standard (32x32).
Non so voi, ma nel mio blog ho necessità di mettere tante cose, l'icona del feed piccolina mi piace così com'è perché non ruba spazio al resto. Ma allora come faccio a risolvere il problema?

Nel post di ieri vi ho detto come aggiungere al blog un messaggio per invitare ad iscriversi al feed. Quello che non vi ho detto è che quello script risolve proprio il problema che sto trattando oggi!
Oggi modificherò quello script solo nella parte grafica, per visualizzare un messaggio davvero grande, tanto sarà visualizzato solo una volta ogni 30 giorni!

Ecco come era prima il messaggio
che usava questo codice.

<p id="rsspopup" style="visibility: hidden;">
Ti sembrano interessanti i contenuti di questo blog?
<a href="http://feeds.feedburner.com/mad4murder" rel="alternate" type="application/rss+xml">Abbonati al feed! <img alt="" style="border: 0pt none ; vertical-align: middle;" src="http://www.feedburner.com/fb/images/pub/feed-icon32x32.png"/></a><a href="http://feeds.feedburner.com/mad4murder" rel="alternate" type="application/rss+xml"></a>
</p>

Ecco invece come è ora (Icona rss prelevata da sradesign.net)

con il nuovo codice da sostituire a quello di ieri

<div id="rsspopup" style="display: none;">
<a href="http://feeds.feedburner.com/mad4murder" rel="alternate" type="application/rss+xml"><img alt="" style="border: 0pt none ; vertical-align: middle;" src="http://web.tiscali.it/mcuccia/mediablog/abbonati.gif"/></a>
</div>

Mentre che c'ero ho utilizzato la proprietà display che mi consente di recuperare tutto lo spazio quando il messaggio non viene visualizzato.

Potete utilizzare questa tecnica per fare gli auguri per natale (è passato) per capodanno (accidenti è passato anche questo) o per quello che vi pare. Mi farete sapere per cosa l'avete usata?

Ok, ok, l'immagine non è di gran qualità, ma ... vi ho già detto che mi serve un grafico?

Invitare ad iscriversi al feed

Le pulizie di Natale si stanno protraendo più di quello che immaginavo, è che quando uno apre un armadio non sa mai quali e quanti scheletri ci trova dentro!

Per quelli che hanno un blog e vogliono invitare i loro lettori ad iscriversi al loro feed magari farà piacere trovarsi il codice pronto da incollare dove preferiscono

<p id="rsspopup" style="visibility: hidden;">
Ti sembrano interessanti i contenuti di questo blog?
<a href="http://feeds.feedburner.com/mad4murder" rel="alternate" type="application/rss+xml">Abbonati al feed! <img alt="" style="border: 0pt none ; vertical-align: middle;" src="http://www.feedburner.com/fb/images/pub/feed-icon32x32.png"/></a><a href="http://feeds.feedburner.com/mad4murder" rel="alternate" type="application/rss+xml"></a>
</p>

<script language="JavaScript">
function setCookie(sNome, sValore, iGiorni)
{
var dtOggi = new Date()
var dtExpires = new Date()
dtExpires.setTime(dtOggi.getTime() + 24 * iGiorni * 3600000)
document.cookie = sNome + "=" + escape(sValore) + "; expires=" + dtExpires.toGMTString();
}

function getCookie(sNome)
{
var asCookies = document.cookie.split("; ");
for (var iCnt = 0; iCnt < asCookies.length; iCnt++)
{
var asCookie = asCookies[iCnt].split("=");
if (sNome == asCookie[0])
{
return (unescape(asCookie[1]));
}
}
return("");
}

if (getCookie("rsspopup") != "yes")
{
setCookie("rsspopup","yes", 30)
document.getElementById("rsspopup").style.visibility = "visible";
}
</script>

Le due funzioni javascript di gestione dei cookie sono state copiate da WebmasterPoint, trovato grazie a google.

Il codice qui sopra utilizza un cookie per determinare se si tratta di un nuovo utente e quindi visualizza il messaggio.
Ovviamente potete dovete personalizzare il messaggio, magari facendolo esteticamente più carino oppure potreste integrarlo con il "welcome plugin"? che ne pensate?

Se utilizzate lo script qui sopra o vi piace questa idea lasciatemi un commento!

The Welcome Plugin anche su Blogger

Oggi ho visto il "Welcome Plugin" di Andrea Micheloni all'opera, mi è piaciuto ed ho deciso di riutilizzare qualche pezzetto del suo codice per adattarlo alla piattaforma blogger/blogspot.
Spero che ad Andrea non dispiaccia!
Ecco quello che ho fatto.

Subito dopo il codice di MyBlogLog ho inserito il codice javascript di Andrea opportunamente modificato

<script>
if(document.getElementById("tdd11") && !document.getElementById("tr0"))
{
if(!document.getElementById("tdd21") || !document.getElementById("tdd21").childNodes[0])
{
var str= document.getElementById("tdd11").getAttribute("onclick");
str=str.substring(4, str.length-3);
}
else
{
str = document.getElementById("tdd21").childNodes[0].innerHTML;
}
document.getElementById("usrnm").innerHTML=str;
}
</script>

mentre per la visualizzazione del nome ho predisposto uno span nel punto in cui mi serviva

<b><span id="usrnm"> </span></b> ci serve il tuo aiuto!

tutto chiaro?

Per adesso non ho considerato l'avatar, ma è semplice (visto il codice di Andrea) includerlo.
NB: se cercate il plugin per Wordpress andate al blog di Andrea!

Firebug: è ossigeno

Personalmente senza un decente ambiente di debug mi riduco a boccheggiare, in preda a crisi di astinenza potrei buttare a mare interi progetti!
Così mi sentivo prima, ... prima di che? prima che saltasse fuori Firebug con tutte le cose che riesce a fare.
Non riesco a farne più a meno!

Trovo eccezionali l'inspect che mi consente di arrivare direttamente al pezzo di html da "rivedere", ma anche avere la possibilità di editare online la pagina e i css è una cosa eccezionale: posso cambiare colori dimensioni e anche il codice stesso della pagina e vederne immediatamente l'effetto.
Inoltre è integrato con dojotoolkit: tutti i messaggi che dojotoolkit produce possono essere indirizzati alla console di firebug.
Vogliamo parlare anche della possibilità di intercettare tutte le chiamate ajax? no ... non è necessario che vi dica quanto è bello avere nella console tutte le chiamate fatte fino a quel momento, con tanto di risposta consultabile.

Insomma è un must per tutti quelli che lavorano con html e css e ajax.
Spero che Ricki e Peppe l'abbiano già istallata ... io non gli ho detto nulla fino ad ora ;-) voi non fate la spia!

Tecnologie client side

Per questo progetto sto, anzi stiamo utilizzando javascript per tutta l'interfaccia, affidandoci al framework dojotoolkit.org.
Dojo è un framework che trovo molto carino, perché offre contemporaneamente funzionalità di interfaccia e funzionalità Ajax, il tutto condito da una solida base di messaggistica, questo per me è risultata una novità nel mondo javascript.

In javascript, in tempi non sospetti (quando Ajax era ancora solo un detersivo), ho scritto diverse librerie per gestire l'input dell'utente, librerie potenti (per quel periodo) e che soddisfacevano le esigenze che si erano presentate, ma in confronto alle possibilità offerte oggi da dojo posso solo chinare il capo.

Tornando a Dojo, mi sono piaciuti fin da subito i widget che offriva e la semplicità d'uso degli stessi, ma in particolare ha attirato la mia attenzione la possibilità di creare nuovi widget.
Così è nata l'interfaccia di mad4murder, un widget dopo l'altro ne ho creati tanti, eliminati altrettanti e riscritti qualche volta ... almeno alla versione in cui si trova adesso.
Il problema fondamentale di Dojo è la carenza di documentazione, ma molto è stato fatto in questo senso.

Dojo andrà integrato con codice di terze parti, per adesso abbiamo individuato XmlforScript ma di questo ne parlerò meglio un'altra volta

stay tuned!