18 giugno 2013

Effetti hover e transizioni per galleria con immagini circolari.

Nella nuova versione CSS3 ci sono delle proprietà che permettono di creare delle animazioni di immagini senza bisogno di usare i sempre pesanti javascript. Inoltre adesso il CSS3 è supportato anche dalle nuove versioni di Internet Explorer e non più solo da Safari, Chrome, Firefox e Opera.
Con la proprietà border radius possiamo innanzitutto rendere circolare una immagine quadrata e applicare delle trasformazioni alle miniature circolari che si prestano molto di più delle rettangolari per ricevere gli effetti speciali. L'effetto particolare che vado a presentare l'ho preso da Codrops e, se susciterà l'interesse dei lettori, sarà seguito da altri che pubblicherò in altri post.

Ciascuna miniatura potrà essere collegata a un post e vi potremo inserire una descrizione per creare una galleria originale dei nostri articoli più interessanti

17 giugno 2013

Installare il bottone di Twitter in modo asincrono su Blogger.

Da qualche anno la velocità di caricamento è diventata una dei parametri che concorrono alla formazione delle SERP vale a dire che a parità di altre considerazioni una pagina più lenta a caricarsi si posiziona dopo una pagina che abbia invece un caricamento più rapido. I fattori che rendono pesante una pagina sono la presenza di immagini molto grandi e una quantità di gadget esorbitante. Ho già illustrato come ridurre il peso delle immagini usando il plugin Sharper Photo e come sia utile mostrare solo i gadget che riteniamo funzionali al nostro blog. 

I widget sono tanto più pesanti quanto è la quantità di javascript che contengono. Tra i gadget irrinunciabili metto quelli di Facebook, Google Plus e Twitter. Un sistema per minimizzare l'impatto dei bottoni o di altri plugin nella rapidità di apertura della pagina consiste nell'usare quello che viene definito il caricamento asincrono. Significa semplicemente posticipare la visualizzazione di pulsanti, Like Box o altri gadget a dopo l'apertura di tutti gli altri elementi della pagina web.

Dopo aver presentato un modo per caricare in modo asincrono tutti i plugin di Facebook e tutti quelli di Google+ passo a fare lo stesso per i vari gadget relativi a Twitter.

Google Alerts per informazioni su parole chiave, siti o prodotti.

Google ha una vastità di prodotti web davvero impressionante e credo che qualora si fosse finito di recensirli tutti dovremo iniziare da capo visti gli aggiornamenti che nel frattempo si sarebbero susseguiti. Tra questi servizi ce ne sono di conosciutissimi e di meno utilizzati. Google Alerts fa parte ingiustamente di questa seconda categoria. Si tratta sostanzialmente di email che vengono inviate quotidianamente o occasionalmente e che trovano nuovi risultati di ricerca per parole chiave che abbiamo immesso.

Le società utilizzano Google Alerts per scoprire quello che dice la rete sui loro prodotti, i giornalisti lo usano per monitorare l'evolversi di una notizia, gli imprenditori per tenersi aggiornati su quello che fa lo concorrenza, gli appassionati per conoscere le ultime notizie su una celebrità o sulla loro squadra del cuore. C'è anche chi utilizza regolarmente Google Alerts per sapere che cosa si dice di loro sul web. Il funzionamento è semplicissimo. Si inserisce una parola chiave e Google Alerts controlla il web per rilevare se ci sono nuovi risultati riguardo a quella parola chiave. Nel caso esistessero verrebbero inviati per email all'indirizzo che è stato specificato. Si può anche selezionare il tipo di risultato tra Blog, News, Video, Discussioni, Libri o l'omnicomprensivo Tutto.

16 giugno 2013

Come aumentare le visite con gli hashtag di Facebook.

Gli hashtag furono inventati circa sei anni fa da degli utilizzatori di Twitter per poi avere il riconoscimento ufficiale dallo stesso social network. Il simbolo del cancelletto (#) che precede una data parola chiave serve per contrassegnare gli elementi rilevanti in un tweet. E' un modo anche di organizzare in categorie i messaggi su Twitter. Se si posta qualcosa su un certo argomento è bene inserire quello che è l'hashtag che lo contraddistingue meglio per dare al nostro tweet una maggiore visibilità.

Da qualche giorno anche Facebook supporta nativamente gli hashtag. Possiamo cioè inserire in un post una parola chiave preceduta dal simbolo cancelletto (Es: #hashtag) per renderla cliccabile. Chi ci va sopra con il mouse vedrà una finestra modale con gli ultimi post pubblici di Facebook che hanno lo stesso hashtag. Su Twitter sono diventati comunissimi hashtag tipo #FF, abbreviazione di Follow Friday, per invitare gli altri utenti a seguire persone che si ritengano meritevoli.

15 giugno 2013

Come ricevere una notifica da FeedBurner quando un iscritto alla newsletter si cancella.

Non è ancora chiaro quello che sarà il destino di FeedBurner dopo che un servizio storico come Google Reader che si occupava appunto di organizzare i feed verrà disattivato il prossimo 1 Luglio. FeedBurner è ottimo per creare una Newsletter a cui si possano iscrivere gli abituali lettori del blog. In questo modo riceveranno gli articoli direttamente nella propria casella di posta elettronica a intervalli regolari.

Per attivare il servizio di Newsletter da FeedBurner dobbiamo andare nella scheda Publicize quindi su Email Subscription per poi configurare le opzioni su Subscription Management, Communications Preferences, Email Branding e Delivery Options.

Any Uninstaller per disinstallare i programmi negli OS Windows.

Per disinstallare un programma dal vostro computer Windows siete soliti andare su Pannello di Controllo > Programmi e funzionalità per poi selezionare il software da eliminare e cliccare su Disinstalla. Questa funzionalità predefinita di Windows di solito non rimuove completamente il programma ma lascia delle chiavi nel registro, dei collegamenti ai programmi e qualche volta anche delle voci nel menù contestuale. La cosa è particolarmente scocciante quando ci si trova di fronte a un antivirus con le società produttrici che hanno dovuto rilasciare dei programmi di disinstallazione per i loro prodotti.

La eliminazione totale di questi residui di programmi comporta molto tempo e spesso semplicemente ci se ne dimentica. Il risultato è che il computer diventa più lento dopo ogni programma disinstallato. Ci viene in aiuto Any Uninstaller che riesce a rimuovere completamente tutti i programmi da Windows 8, Windows 7, Windows Vista, Windows XP e Windows 2003. Con Any Unistaller si riesce anche a rimuovere i programmi nativi di Windows come Movie Maker e Photo Gallery.

14 giugno 2013

Come mostrare o nascondere contenuto cliccando su un bottone.

Ci sono siti di recensioni letterarie, cinematografiche o televisive che si trovano nella necessità di scegliere tra una linea editoriale che illustri ai lettori tutta la trama, finale compreso, e un'altra linea in cui si mantiene riservata almeno la fine di un film o di un romanzo giallo per non danneggiare i potenziali lettori o spettatori.

In un blog si può trovare un compromesso tra queste due esigenze inserendo la parte sensibile della recensione insieme a un pulsante che la mostri o la nasconda con l'avvertenza di leggerla solo nel caso non si sia interessati a vedere il film o a leggere il libro. Vediamo come inserire una tale funzionalità in un blog di Blogger. In realtà questo sistema funziona con tutte le piattaforme e in tutte le pagine web.

Dopo aver salvato il template si va su Modello > Modifica HTML, si clicca nell'area del codice, si digita Ctrl+F e, nel campo che si apre, si incolla </head>. Si pigia su Invio e nel modello si visualizzerà tale riga evidenziata. Subito sopra a tale riga si incolla questo codice

13 giugno 2013

Come aggiungere automaticamente miniatura e descrizione ai tweet di post di blog su Blogger con Twitter Cards.

Quando si condivide una pagina del nostro blog su Facebook o su Google+ viene mostrato un link comprensivo oltre che del titolo anche della descrizione e della miniatura della prima immagine. Per attivare questa procedura su Facebook occorre inserire dei metatag mentre per la corretta condivisione su Google Plus bisogna andare su Impostazioni > Preferenze di Ricerca e attivare questa opzione per tutti gli articoli. Anche Twitter si è uniformato a questo sistema di markup con un meccanismo che è stato denominato Twitter Cards. La procedura è suddivisa in tre passaggi. Si deve scegliere il tipo di card che vogliamo implementare nei nostri tweet, aggiungere i metatag al modello e inserire l'URL del nostro sito nel Validator Tool per la sua approvazione.

La Card disponibili sono Summary Card, Large Image Summary Card, Photo Card, Gallery Card, App Card, Player Card e Product Card. Per esempio nel caso della Summary Card, dopo aver completato tutta la procedura, alla fine dei tweet di condivisione di pagine del vostro sito, verrà inserito il pulsante View Summary che, se cliccato, mostrerà il tweet in modo molto più ricco e esauriente