Lazy load delle immagini

by Andrea 16 September 2010 05:01

Per velocizzare il caricamente delle pagine del mio blog, ho modificato il template aggiungendo la funzionalità di Lazy Load delle immagini presenti nei post.

Mi è venuto in aiuto il Lazy Load plugin per jQuery.

Questo plugin permette di far caricare le immagini solamente quando rientrano nella parte renderizzata del browser, evitando quindi di eseguire il download di tutte le immagini al caricamento della pagina. Evitando di scaricare le immagini nn presenti nell'area visibile della pagina, si velocizza (e di molto) il caricamento, in quanto vengono notevolmente ridotti i byte trasmessi.

Le modifiche che ho dovuto fare alla Master-Page del mio tema sono le seguenti:

  • Aggiunta della libreria jQuery dalla CDN di google, e dello script del Lazy Load plugin, e il tutto in versione ridotta:
<script src="http://ajax.googleapis.com/ajax/libs/jquery/1.4.2/jquery.min.js" type="text/javascript"></script>
<script src="/scripts/jQuery/jquery.lazyload.mini.js" type="text/javascript"></script>
 
  • Aggiunta della funzione per attivare il Lazy Load delle sole immagini incluse nei post, agendo sul selettore jQuery, in modo da applicare questo comportamento alle immagini contenute nel div .text:
<script type="text/javascript">
  $(function() {
    $(".text img").lazyload({ 
      placeholder : "images/blank.gif",
      threshold : 200 });
  });
</script> 

Nel mio blog, come placeholder ho fatto uso di una gif trasparente dalle dimensioni di 1px per 1px, in modo da evitare la fastidiosa X rossa durante l'attesa del caricamento dell'immagine.

Tutte le informazioni del plugin le trovate a questo link: Lazy Load Plugin for jQuery

Tags: , ,

ASP .NET | Internet | Sito

Aggiungere il pulsante Like di Facebook ai post di BlogEngine

by Andrea 07 July 2010 06:58

Nel mio blog ho preferito sostituire il ranking dei post con il pulsante "Like" di Facebook.
Ho notato che non sono molti i post che hanno ricevuto una votazione, forse perchè il sistema di BlogEngine da 1 a 5 non era molto istintivo/immediato (veniva infatti richiesto all'utente di pensare quale fosse il corretto peso da dare, e forse non tutti ne avevano la voglia o il tempo), e quindi ho deciso di adottare una soluzione ben più istintiva e comoda.
Sembra una cosa da poco, ma a quanto pare non banale. Ora il metodo è davvero semplice, e consiste nel solo premere il pulsante Like nel caso il contenuto sia piaciuto.

Per fare questo è necessario modificare il file PostView.ascx contenuto nella cartella del proprio tema, ed iserire il seguente codice dopo il testo del post:

   1: <iframe 
   2:     src="http://www.facebook.com/plugins/like.php?href=<%=Post.PermaLink %>&layout=standard&show_faces=false&width=450px&action=like&font=verdana&colorscheme=light&height=25px" 
   3:     scrolling="no" 
   4:     frameborder="0" 
   5:     allowTransparency="true" 
   6:     style="border:none; overflow:hidden; width:450px; height:25px"></iframe>

Per chi (come me) volesse non far comparire il ranking di BlogEngine, è sufficiente andare nella pagina dei Settings e togliere il flag dalla voce "Enable post ratings".

Il risultato finale è quello che vedete ora nel mio blog, e se vi piace, non vi rimane che fare un semplice Like.
Open-mouthed smile

Technorati Tags: ,,

Tags: ,

Internet | Sito

Ciao ciao WebHost4Life…

by Andrea 08 June 2010 03:39

E' giunto il momento anche per me di abbandonare WebHost4Life dopo parecchi anni passati con un servizio davvero impeccabile...il 02 giugno 2010 mi è toccata la migrazione definitiva verso la nuova piattaforma di wh4l, e purtroppo non è stata indolore (wh4l #fail):

  • DataBase del blog che risaliva a 20 giorni prima (fortunatamente ho sempre eseguito i backup, viste le problematiche).
  • Impossibilità di eseguire il restore manuale del DataBase.
  • Il sito sviluppato con ASP.NET MVC non funzionante (non hanno riportato alcuni setting di IIS 6, il vecchio team di wh4l aveva apportato le modifiche in 3 ore dall'apertura del ticket).
  • SubDomains gestiti in modo differente dal passato, con possibili problematiche per quanto riguarda il posizionamento nei motori di ricerca.

Ho provveduto ad aprire le segnalazioni il giorno stesso, e ad oggi nulla di tutto ciò è stato sistemato...e sono trascorsi ben 5 giorni.
Per quanto riguarda i SubDomains, mi hanno comunicato che ora funzionano in questo modo, e non spetta a loro "risolvere", ma ho tamponato il problema gestendo modificando i loro redirect, in redirect 301, in modo da non compromettere gli url indicizzati...e il tutto tramite ISAPI_rewrite.

Ed eccomi ora nel nuovo hosting su WinHost sperando vivamente sia la soluzione definitiva.
Il rapporto qualità prezzo mi pare buono, e il primo impatto è senz'altro positivo...speriamo quindi continui così.
Una possibile alternativa era quella di prendermi un server virtuale, ma per il momento (e per l'uso che ne faccio) sarebbe stata una scelta troppo costosa.
Per il momento quindi, sono parcheggiato in questo nuovo hosting, con il vantaggio di pagare mese per mese, con il vantaggio (visto anche il passato con wh4l) di non doverci rimettere economicamente nel caso dovessero capitare problemi. ;-)

Tags:

Internet | Sito

BlogEngine.NET 1.6.0 è stato rilasciato

by Andrea 02 February 2010 00:17

benlogo80 E' da molto che seguo questo progetto, e chi mi segue, sa che ne ho scritto una guida pubblicata su html.it (Guida BlogEngine.NET).
L'ultima release di questo engine risale alla versione 1.5.0 del 13 Aprile 2009 (veramente datata), ma per poter usufruire/conoscere/testare le varie funzionalità aggiunte a BlogEngine.NET, ho sempre tenuto aggiornato questo blog con l'ultima versione di sviluppo, e vi posso assicurare che ha fatto dei notevoli passa avanti.

E' con gran piacere che oggi apprendo (BlogEngine.NET 1.6.0 is Released)  che è stata rilasciata una nuova release, la 1.6.0, con parecchie novità.
Tra le più importanti troviamo l'inserimento di un filtro per i commenti, che di default viene fatto con le Akismet, ma anche con regole custom, e con la possibilità di svilupparsi dei proprio filtri.
Altra novità, che attendevo da molto è la presenza di una pagina per la moderazione/gestione dei commenti, evitando quindi di dover andare nelle pagine dei post.
Ma le novità non si fermano qui, ed ecco la lista completa:

  • Centralized Comment Management
  • Automated Comment Spam Filtering with ability to plug-in custom Filtering modules
  • Multiple Widget Zones
  • Referrers data and Blogroll items now stored in Database when using the DB blog provider.
  • Unsubscribe Link in Comment Notification Emails
  • Referrer Data can be Stored for more than 7 days.
  • Blogroll items can now be Ordered.
  • Newsletter Widget more Intelligent - Emails sent when a post is going from an Unpublished to Published state.
  • Twitter Widget - New options and improvements
  • Page Slugs now saved in Database.
  • New Logging system to Track events and errors.
  • Unhandled Exception Handling
  • Fixes to Comment Notification Emails not being sent out correctly in some cases.
  • Outgoing Email improvements
  • Many other improvements and fixes

Ecco quindi il link per il download di BlogEngine.NET 1.6.0: download

Technorati Tags:

Tags:

Sito | .NET | ASP .NET

Code Snippet plugin per Windows Live Writer

by Andrea 14 September 2009 07:21

Ogni volta che installo Windows Live Writer mi dimentico sempre quale dei tanti Code Snippet plugin fosse quello che utilizzavo.

Ne ho provati diversi, ma il mio preferito rimane sempre quello scritto da Leo Vildosola che potete scaricare partendo da questo link: Code Snippet plugin for Windows Live Writer

csdlg_full 

Mi sono deciso a scrivere questo post dopo che per l'ennesima volta ho chiesto ad Andrea (visto che lui utilizza lo stesso plugin) se si ricordava il nome del plugin, e da dove poterlo scaricare...e così le prossime volte cercherò qui nel blog. ;-)

Tags: ,

Internet | Microsoft | Tempo libero | Sito

Gestione commenti su BlogEngine.NET

by Andrea 20 August 2009 08:26

Una mancanza che ho sempre trovato in BlogEngine.NET era di non avere una gestione centralizzata dei commenti. Per cancellare o approvare un commento si doveva necessariamente farlo dalla pagina del post, che comportava il conoscere esattamente dove fosse stato postato quel commento (link che viene comunicato via mail).

Scaricando l'ultima versione presente in codeplex, nella sezione Source Code(in quanto non è ancora stata rilasiata una release ufficiale) è stata aggiunta la possibilità di visualizzare e gestire i commenti direttamente dalla sezione Admin del proprio blog.
Da questa sezione è possibile infatti visualizzare tutti i commenti, approvarli in caso di moderazione attiva, cancellarli e modificarli (cosa che invece non approvo molto).

La sezione è ancora in fase di sviluppo, me devo ammenttere che funziona perfettamente ed è una grande comodità.

La versione iniziale di BlogEngine.NET che include questa funzionalità è la 1.5.1.17.

Technorati Tags: ,

Tags:

ASP .NET | .NET | Sito

Extension BlogEngine.NET to ping.fm

by andrea 16 July 2009 01:59

Comunicare la presenza di nuovi post nei vari social network è una cosa diffusa, c'è chi lo fa su twitter, chi su facebook, e chi su altri portali.
Non volendo "perdere tempo" a comunicare il post nei vari social network, ho sviluppato un'extension per BlogEngine.NET che lo fa al posto mio utilizzando le API di  ping.fm.

ping_do_fm_logo_2

Ping.fm is a simple and FREE service that makes updating your social networks a snap!

Per chi non conoscesse ping.fm, questo è un'applicazione web che permette di aggiornare più di 40 social network da un unico punto centralizzato. Espongono anche delle API che chiunque può utilizzare da una propria applicazione, ed è questa la strada che ho scelto per questa extension, avendo l'enorme vantaggio di non dovermi gestire io la comunicazione con tutti i vari portali.

L'extension è appena stata approvata, e quindi ora chiunque abbia BlogEngine.NET e abbia un account su ping.fm la potrà utilizzare.

Le impostazioni sono molto semplici, è richiesta la User Application Key, che viene fornita a questo indirizzo http://ping.fm/key/, e poi con dei tag <title>, <link> e <body> sarà possibile configurare il template del messaggio.

Per scaricare l'extension ecco il link:
BlogEngine.NET to ping.fm

 

 

Tags: , ,

.NET | ASP .NET | Sito | Internet

BlogEngine.NET CheckComment Extension

by andrea 14 July 2009 05:30

Ho realizzato una semplice extension per BlogEngine.NET che permette di annullare l'inserimento di un commento in alcune condizioni:

  • arrivano da IP precisi.
  • contengono determinate parole.
  • contengono link.

ovviamente il tutto è gestibile dalla pagina delle impostazioni dell'extension, e può essere abilitata solo in parte.

Questa extension nasce dal fatto che alcuni commenti di spam riescono a passare il sistema di captcha di BlogEngine.NET, spesso arrivano dagli stessi IP, e quindi trovo questo sia il modo più veloce per risolvere la cosa.

Unica nota dolente, è che nel caso non si voglia applicare un filtro, di dovrò inserire il carattere virgola (,) in quanto la versione attuale di BlogEngine.NET vede tutti i campi come obbligatori.

Per scaricare l'extension ecco il link: BlogEngine.NET CheckComment Extension

Technorati Tags: ,

Tags: ,

ASP .NET | .NET | Sito

Risolto errore nei commenti

by andrea 28 April 2009 02:40

Mi è stato segnalato che era presente un errore che non permetteva di commentare i post:

'BlogEngine.comments.nameBox.value' is null or not an object

L'errore è presente nella versione 1.5.0.7 di BlogEngine.NET che avevo prelevato da codeplex circa un mese fa. Ho provveduto ad aggiornare il blog con l'ultima versione presente (al momento la 1.5.1.3) ed il problema è stato risolto.

Inoltre, segnalo che è stata anche rilasciata una nuova versione "stabile" di BlogEngine.NET, ed è la 1.5, raggiungibile a questo link: BlogEngine.NET 1.5 final

Technorati Tags:

Tags:

Sito | Internet | ASP .NET

Akismet Extension per BlogEngine.net

by Andrea 17 December 2008 01:21

BlogEngine ha un captcha invisibile che nel 99% dei casi ha sempre funzionato perfettamente.
In questi giorni però qualche commento di spam è riuscito a passare, e quindi mi sono messo alla ricerca (se esisteva) un'extension che verificasse i commenti utilizzando le Akismet.

L'extension esiste, e la potete trovare qui Akismet Extension Updated for BlogEngine.net 1.4 sviluppata da Justin Etheredge (che ringrazio davvero molto).

Comunque appena avrò un pò di tempo inizierò a sviluppare una nuova versione, aggiungendo l'invio per email dei commenti di spam (cosa che manca all'attuale extension, che annulla solamente l'inserimento).

Technorati Tags: ,

Tags: ,

ASP .NET | Generale | Sito