Come creare CSS per bordi arrotondati, gradienti e ombreggiature.

Nel precedente articolo abbiamo visto come creare dei fogli di stile per gradienti senza usare strumenti di grafica ma utilizzando l'estensione ColorZilla per Chrome e Firefox. I disegnatori web sono soliti creare, oltre che con le sfumature di colore, anche degli elementi con bordi arrotondati o con ombreggiature. Ci sono dei tool online che agevolano questo compito inserendo semplicemente i parametri per ottenere il codice già pronto e funzionante con tutti i browser più recenti. Un esempio è lo strumento Border Radius che genera il codice a partire dai raggi di curvatura dei vari angoli che possono anche essere tutti diversi.

CSS Matic è un tool più evoluto che ci consente di generare codici per gradienti, come ColorZilla, per bordi arrotondati (border radius), per texture e per ombreggiature (box shadow). Si clicca su uno dei quattro tool presenti in Homepage per iniziare

Colorzilla è un addon di Chrome e Firefox per i codici dei colori.

Solitamente come browser uso Google Chrome che ritengo sia diventato migliore di Firefox se non altro per il fatto che non bisogna riavviarlo tutte le volte che installiamo o disinstalliamo un componente aggiuntivo. Firefox dalla sua ha ancora un numero di estensioni più elevato e forse qualitativamente migliore rispetto a Chrome ma le distanze si stanno rapidamente accorciando anche perché Chrome può contare sul costante supporto del team di Google.

Firebug per Firefox è indubbiamente più evoluta rispetto a Firebug Lite per Chrome e Greasemonkey supporta un numero di script decisamente superiore a Tampermonkey. Una estensione che mancava su Chrome era Colorzilla presente invece su Firefox da molto tempo. Questo mi aveva indotto a usare su Chrome EyeDropper per rilevare i codici dei colori presenti in una pagina web.

Su Chrome Web Store è finalmente approdata anche Colorzilla per Chrome che ha sostanzialmente le stesse funzionalità dell'addon di Firefox. ColorZilla ha una icona come quella classica dello strumento Contagocce che si può visualizzare nella barra di Chrome dopo la sua installazione

Contatore del numero delle visite per i post di Blogger.

La realizzazione di un contatore in tempo reale per le visite che riceve ciascun post di un blog su Blogger è sempre stata un compito difficile perché su Blogger non esiste la possibilità di creare un database e quindi ci si doveva appoggiare su coloro che lo avevano già creato. In un widget di questo genere che presentai tempo fa era presente della pubblicità nascosta che si presentava quando ci si cliccava sopra. Come se non bastasse improvvisamente cessò di funzionare presumo per il superamento dei limiti di banda. Vediamo finalmente come creare un database con il servizio gratuito Firebase per poi utilizzarlo per realizzare un contatore di visite per Blogger.

Un account gratuito su Firebase offre 5GB di spazio e 10GB di limite di banda che sono ampiamente sufficienti per fare quello che ci si propone. Si va su Sign Up e si compila il modulo di iscrizione inserendo un indirizzo email e una password. Subito dopo dovremo digitare il nome che si vuole dare al nostro database, che ne determinerà l'URL sul web

Come mostrare in modo diverso il primo post del blog.

Il primo post che si visualizza nella homepage di un blog in realtà è l'ultimo che si è pubblicato, questo in linea di massima perché si potrebbe sempre pubblicare con una data retroattiva. In alcuni siti si può sentire l'esigenza di evidenziare in qualche modo il primo post della Home o se volete l'ultimo post che si è pubblicato. Per questa operazione si utilizzano i tag condizionali segnatamente quello che impone dei vincoli solo al primo articolo di una pagina  e che è <b:if cond='data:post.isFirstPost'>.

La soluzione che vado a presentare può essere considerata come uno spunto, si presta a molte personalizzazioni e soprattutto a molte aggiunte per quanto riguarda i fogli di stile. Dopo aver salvato il template andate su Modello > Modifica HTML > Procedi e espandete i modelli widget.

Cercate la riga

<b:include data='post' name='post'/>

selezionatela, cancellatela e sostituitela con quest'altro codice

Come installare il widget delle previsioni metereologiche.

Un Marzo così freddo e piovoso non se lo ricordano neppure i più anziani. Le previsioni del tempo sono diventate una delle informazioni più ricercate in rete e le applicazioni sulle previsioni del tempo sono tra le più utilizzate negli smartphone. In siti che si occupano di temi che possono essere influenzati dal tempo come potrebbero essere quelli che trattano di viaggi o di eventi può essere utile inserire un widget che mostri il tempo previsto nei giorni a venire.

Il Meteo offre gratuitamente l'utilizzo di gadget meteorologici completamente personalizzabili con previsioni mirate a una determinata provincia o a una singola città. Oltre a cambiare la località (quella di default è Roma), si può settare il formato, scegliere i contenuti da mostrare, lo stile e i vari colori. E' anche possibile scegliere località in continenti diversi dall'Europa e lingue quali il tedesco, il catalano, il francese, lo spagnolo, l'inglese oltre all'italiano.

Bottone di Pinterest visibile sulle immagini al passaggio del mouse.

Riprendo il discorso affrontato nel post sul pulsante di Pinterest che si mostra con effetto hover al passaggio del mouse per migliorarne il funzionamento e le personalizzazioni. Lo script è opera di Greenlava autore di Blogger Sentral e mi sono permesso di modificarlo leggermente per renderlo credo più efficace pur mantenendo doverosamente il credit nel commento alla fine del codice.

Con questa nuova installazione si può anche evitare che il bottone appaia anche quando per esempio il mouse passa sopra a una icona del blog e si possono condividere le immagini su Pinterest non solo dai singoli post ma anche dalla Homepage, dalle pagine delle etichette e dalle pagine statiche.

Dopo aver salvato il template andate su Modello > Modifica HTML, cercate la riga </body> e, subito sopra, incollate questo codice

Come incorporare una foto di Pinterest in un articolo del blog.

Pinterest è uno dei social network con il più alto tasso di sviluppo e sfruttarne le sinergie è fortemente consigliato specialmente per quei siti che usano molto le immagini. Dopo l'iscrizione a Pinterest si possono creare delle schede in cui inserire le immagini del web che ci piacciono. Sono disponibili anche widget e bottoni per Pinterest oltre a servizi quali Markerly.

A breve Pinterest cambierà la grafica e c'è già il link per fare il passaggio senza attendere ulteriormente. Si può incorporare in una pagina web un qualsiasi Pin di Pinterest. Cliccando sulla foto e andando su Embed possiamo selezionare e copiare il codice della immagine da incollare in Modalità HTML. Per ogni foto sarà visibile in basso il link a chi l'ha pinnata. Si possono modificare le dimensioni della foto da inserire nel post operando sui parametri sopra al codice sorgente

Come personalizzare l'URL di una pagina statica di Blogger.

Da diverso tempo è possibile sulla piattaforma Blogger personalizzare l'ultima parte del Permalink di un post mentre per le pagine non è ancora stata introdotta una tale possibilità. L'URL di una pagina viene automaticamente determinato dal titolo che le si dà la prima volta che viene pubblicata. Si può utilizzare questo processo per creare dei permalink contenenti un certo numero di parole chiave per poi modificare il titolo in un secondo momento.

Mi ero già occupato di questo trucco, se vogliamo chiamarlo così, per richiamare parole chiave pertinenti nell'indirizzo della pagina e dandole invece un titolo necessariamente breve per il layout del menù delle pagine statiche che si può creare di default su Blogger. Da alcuni commenti però mi sono reso conto che il procedimento non è stato ben compreso o forse non funziona con taluni modelli.

Come fare il backup delle immagini su Picasa e Google Plus.

Per utenti di Blogger è assolutamente consigliato salvare il modello a più riprese e fare periodicamente un backup del blog. Le due operazioni sono sostanzialmente diverse in quanto con il salvataggio del modello si può ripristinarne l'aspetto mentre con il backup di tutto il blog si salvano tutti gli articoli, le pagine e i commenti che vi sono stati pubblicati. Il backup degli articoli avviene sotto forma di file testuali. Cioè per ogni post ne viene salvato il testo insieme alla formattazione. Per quello che riguarda le immagini, i video o gli altri oggetti multimediali nel backup saranno presenti solo i loro collegamenti.

Per questioni di sicurezza può quindi essere utile scaricare tutte le immagini che abbiamo postato nel blog per eventualmente ripristinarle, anche se sarebbe veramente un lavoro da certosino amanuense. Ricordo ai neofiti che quando si pubblica un blog viene a crearsi automaticamente un album su Picasa Web Album. Nel momento in cui si raggiungono le 1000 immagini presenti in tale album, ne verrà creato un altro e così via. Ogni blog del nostro account avrà quindi uno o più album su Picasa. Se per postare gli articoli si utilizza Windows Live Writer, viene creato un album relativo anche a questa applicazione. Questi album conterranno però al massimo 500 immagini perché ciascuna di esse viene duplicata per qualche strana ragione. Nel momento in cui si raggiunge il limite massimo di 500 foto viene comunque a crearsi automaticamente un nuovo album. Si possono creare album su Picasa anche manualmente senza dover postare nel blog e caricarvi immagini dei formati più comuni, anche animate in GIF.

Come cercare e creare immagini in formato GIF (migliori tool).

Le immagini in formato GIF sono formate da una serie di fotogrammi che si visualizzano a una data velocità e che danno l'effetto del movimento. Il fatto di essere un insieme di foto comporta che le immagini in GIF siano particolarmente pesanti e di lungo caricamento. Non vengono più usate per mostrare i filmati visto che vengono preferite tecnologie più leggere. Lo stesso formato Flash sta per essere soppiantato dal più rapido HTML5. Le immagini animate conservano però immutato il loro fascino.

Recentemente Google ha reso più semplice cercare le immagini animate con il suo motore di ricerca. Dopo aver effettuato una ricerca di una parola chiave su Google Immagini si va in alto a destra su Impostazioni > Ricerca avanzata e, nella pagina successiva si può scegliere Trasparenti e Animate

Bloglovin come alternativa a Google Reader.

Con oltre 500.000 nuove registrazioni in soli 2 giorni si può dire che Feedly sia risultato il vincitore della corsa a rimpiazzare Google Reader. Si tratta di un programma utilizzabile sia dal desktop di un computer sia tramite delle applicazioni per dispositivi mobili Android e iOS. Feedly ha essenzialmente due difetti di cui uno eliminabile mentre il secondo più problematico. I colori di Feedly risaltano poco sia dal browser sia dalle applicazioni e questo può provocare stanchezza visiva nel caso di uso prolungato. Si può comunque andare su Preferences > Read Links Color e Unread Links Color per settare colori diversi. Si possono scegliere colori vivaci e facilmente individuabili al posto dei grigi proposti di default.

Il secondo difetto è invece più di sostanza. Quando si vuole aggiungere un nuovo sito a Feedly dobbiamo andare su + ADD CONTENT e digitare il nome del sito nell'apposita casella di ricerca. Si tratta di un processo meno immediato rispetto a Google Reader in cui bisognava semplicemente incollare l'URL del sito di cui ricevere i feed. Se invece si decide di iscriversi a un feed cliccando sopra all'icona RSS o al contatore di Feedburner questa difficoltà risulta essere superata perché la sottoscrizione è immediata.

Come usare i tag condizionali nel modello di Blogger.

Il supporto di Blogger ha una pagina specifica in cui viene spiegato un po' troppo sbrigativamente ma in italiano quale sia la sintassi dei tag dei gadget per i layout. In questo contesto vengono illustrati anche i tag IF / ELSE per visualizzare un determinato contenuto in alcuni punti del sito ma non in altri. Queste condizioni sono fondamentali per esempio per mostrare un bottone solo nei post ma non in Homepage o per visualizzare un widget solo nelle pagine statiche. Mi sono già occupato meno di un anno fa del tema delle condizioni per Blogger ma forse è il caso di pubblicare un nuovo articolo per ampliare e approfondire il discorso.

Intanto dobbiamo dire che questi tag non sono linguaggio HTML o CSS ma funzionano solo se vengono inseriti in un modello di Blogger e non vengono invece rilevati se sono inseriti in una qualsiasi altra pagina web. La cosa interessante è che si possono creare dei tag condizionali che non facciano parte dell'elenco dei più usati e conosciuti. La sintassi dei tag b:if e b:else è la seguente

Google Keep per prendere appunti e salvarli su Google Drive.

Le pulizie di primavera di Google oltre alla cancellazione di servizi gloriosi come Google Reader portano anche delle novità positive. E' da ieri disponibile su Google Play la nuova applicazione Google Keep che serve in sostanza per prendere appunti al volo. Tali note possono essere testuali, formate da immagini o anche da note registrate al momento tramite dettatura audio.

L'applicazione dispone anche di un widget che può essere posizionato nella schermata Home per un accesso più rapido. Da un primo test sembra un servizio fatto abbastanza bene ma ancora molto indietro rispetto per esempio a Evernote che ha una quantità di opzioni decisamente superiori. Dopo l'installazione di Google Keep ci viene richiesto con quale account Google accedere e in seguito sarà comunque possibile passare da un account a un altro per salvare le note nei vari profili 

Google lancia Flights per trovare i voli più economici.

Dopo l'annunciata cancellazione di Google Reader spuntano dei nuovi servizi che non vengono creati tanto per prendere il posto di quelli disattivati con le classiche pulizie di Primavera ma che vanno a proporsi in settori ritenuti più remunerativi o comunque in crescita di interesse. E' da ieri disponibile anche in Italia Google Flights che consente di paragonare i prezzi delle compagnie aree fatti salvi il luogo di partenza e di arrivo. Pare però che non siano riusciti ad avere l'assenso di tutte le compagnie aree visto che non sono disponibili i prezzi di Ryanair, Wizz Air, Lufthansa e easyJet.

L'accesso su Flights determina automaticamente il rilevamento della tua posizione geografica che viene quindi impostata come quella di partenza che può comunque essere reimpostata

Come inserire un pulsante per condividere i post su Tumblr.

Questo si può definire veramente un instant post visto che lo sto scrivendo a seguito di un commento appena ricevuto su un pulsante per condividere i post di Blogger su Tumblr. Esiste proprio una pagina di Tumblr con i codici dei bottoni che possiamo usare a questo scopo. Nella parte alta ci sono i tasti per seguire un sito di Tumblr e in quella bassa per condividere le pagine web su un blog di Tumblr.

Andiamo con ordine. Se desideriamo inserire il codice per seguire il nostro blog su Tumblr va prima di tutto selezionato il tipo di bottone quindi dobbiamo andare su Prendi il codice dopo aver digitato l'URL personalizzabile del nostro sito su Tumblr che potrà essere p.e ernesto-tirinnanzi.tumblr.com. Il codice ottenuto sarà quello di un iFrame che, se cliccato, farà aprire un'altra scheda del browser di Tumblr con il pulsante Segui. I navigatori vi potranno cliccare sopra per seguire il blog di Tumblr

Come passare alla modalità silenziosa in automatico con Atooma.

Mi sono già occupato della applicazione Atooma vincitrice del Mobile Premier Awards di Barcellona definendola come la versione mobile di IFTTT. Questa app per il momento gira solo su dispositivi Android presumo perché gli sviluppatori hanno trovato più semplice lavorare con un codice open source rispetto a uno proprietario come quello della Apple. Proprio ieri sera c'è stato un aggiornamento e ho pensato che fosse il caso di provare a creare una Atooma, o una Recipe se si utilizza il linguaggio di IFTTT, tanto per vedere di prendere pratica con i vari passaggi peraltro alla portata di tutti.

Ricordo che con Atooma si possono creare delle piccole applicazioni che servano per uno specifico compito. Non ho particolare fantasia quindi mi sono limitato a creare una procedura che portasse alla selezione automatica della Modalità silenziosa quando non ci fosse più luce. Tutti noi siamo più o meno abituati a lasciare lo smartphone acceso anche di notte ma passiamo ovviamente dalla suoneria alla vibrazione. Atooma può fare questo con l'attivazione del sensore luminoso che produce l'azione.

Il gioco della Ghigliottina su Google Play e AppStore.

Il programma preserale più visto in televisione degli ultimi 10 anni è il quiz l'Eredità presentato dal mio concittadino Carlo Conti. E' basato su un format argentino ed è trasmesso in molti paesi del mondo. La prima edizione che risale al 2002 fu presentata da Amadeus fino al 2006. Dal 2007 la conduzione è passata a Carlo Conti con ottimi risultati di audience nonostante la concorrenza di programmi come "Chi vuol essere milionario?" o "Il braccio e la mente".

Una caratteristica dell'Eredità è il gioco finale denominato "La Ghigliottina" in cui il concorrente che è risultato vincente nelle precedenti prove dovrà in un minuto cercare la parola in comune con le 5 che gli vengono mostrate. In ogni passaggio deve scegliere tra due opzioni e, se sbaglia, il montepremi viene dimezzato. Personalmente non amo molto i quiz e non sono un telespettatore assiduo dell'Eredità ma in molte famiglie mi risulta che si aspetti questo gioco per sfidarsi nella scoperta della parola nascosta. E' chiaro che qualcuno doveva pur accorgersi del successo del quiz per proporre la versione smartphone che è disponibile per Android e per iPhone.

Volume+ per aumentare il volume dei cellulari Android.

Se avete avuto modo di usare un diverso dispositivo mobile vi sarete accorti che in alcuni modelli la riproduzione audio non si può alzare oltre un certo livello. Questo può essere scocciante se si vuole ascoltare la musica senza le cuffie o se si vuole telefonare in un ambiente particolarmente rumoroso senza usare il vivavoce.

Volume+ Free è una applicazione gratuita che permette di alzare un poco i decibel dell'audio. Dopo l'installazione si può aumentare di 4 gradi il livello della riproduzione e farlo anche con l'equalizzatore e i bassi. Esiste anche una versione Full denominata Volume+ (Volume Boost) al costo di 1.50 euro ma incredibilmente non è ancora compatibile con Jelly Bean mentre lo è con le versioni precedenti di Android. In entrambe le applicazioni non sono necessari i permessi di root.

Come mostrare i backlink o link a ritroso in Blogger.

Se si ha un blog creato con piattaforma Wordpress, tutte le volte che ci viene linkata una pagina da un sito sulla stessa piattaforma ne riceviamo una notifica direttamente nella Bacheca. Questi link ricevuti dai singoli post possono anche essere mostrati nel layout del sito. Una  cosa analoga è possibile anche in Blogger. Vediamo come mostrare i link a ritroso operando nella Bacheca precisamente nella scheda Post e Commenti. L'utilità di questi link sta nel mostrare ai lettori come tale pagina goda di autorevolezza derivante appunto dalla Link Popularity visibile sotto Posta un commento.

Si va su Impostazioni > Post e Commenti > Mostra link a ritroso > Mostra. Se si sceglie Nascondi non si eliminano i backlink ottenuti dalle nostre pagine, verranno semplicemente nascosti e potranno essere sempre riesumanti passando da Nascondi a Mostra e quindi salvando le impostazioni

Quali sono gli URL dei feed dei post, dei commenti e delle etichette di Blogger.

Ho già toccato diverse volte questo tema ma forse è il caso di fare un post di riepilogo anche sulla scia della decisione di disattivare Google Reader che sarà comunque fino al 1 Luglio il lettore di feed per antonomasia. Per i neofiti forse è il caso di ricordare che i feed ribaltano quello che è il concetto classico del web. Mentre in linea di massima per leggere un contenuto ci si deve recare nel sito che lo ha pubblicato, con i feed succede esattamente il contrario cioè sono i contenuti che possono essere elencati e filtrati nel nostro lettore di feed. Ciascun sito pubblicato su piattaforma Blogger o Wordpress ha i suoi feed per gli articoli, per i commenti e per le singole categorie.

Il servizio più conosciuto e più efficiente per gestire i feed è Feedburner sempre di proprietà di Google che ci permette per esempio di inviare delle newsletter periodiche a chi le sottoscrive. Feedburner in sostanza genera dei redirect dei feed canonici del sito per poter creare dei widget e personalizzare una notevole quantità di altre opzioni. Secondo alcuni siti americani di solito ben informati, Feedburner sarebbe la prossima vittima delle pulizie di primavera di Google. Non si sa ancora se questo disinteresse per i feed da parte di Google sia dovuto a una effettiva diminuzione del loro uso o ad altre priorità aziendali quali il promuovere l'utilizzo di Google Plus. Per la mia esperienza personale i feed sono tutt'altro che caduti in disuso visto che il numero dei sottoscrittori a questo sito è in continuo aumento e ha quasi raggiunto le 2000 unità.

Come aggiungere un numero di telefono di backup a Dropbox.

Dropbox è sicuramente uno dei più usati servizi di stoccaggio sul web presenti sul mercato. Ha dei vantaggi sostanziali anche a giganti come Skydrive e Google Drive. Dopo aver avuto degli attacchi hacker il suo team ha deciso di utilizzare la verifica in due passaggi. Si procede con la stessa modalità che era stata già introdotta con la verifica in due passaggi degli account Google. C'è però una sostanziale differenza. Su Google si possono inserire altri numeri di telefono e soprattutto stampare 10 codici di backup per sicurezza nel caso non fosse disponibile il cellulare o la sua applicazione Google Authenticator. Quest'ultima applicazione può essere usata anche con Dropbox ed è utile per non dover digitare il codice che altrimenti ci verrebbe inviato per SMS.

Come aggiungere, modificare o eliminare etichette in Blogger.

La nuova interfaccia di Blogger presenta una gestione delle etichette che non è proprio intuitiva. L'inserimento o la modifica delle etichette può essere fatta in fase di pubblicazione o di aggiornamento del post andando sulla destra dell'Editor in Impostazioni post > Etichette. Si possono inserire, eliminare o modificare al volo etichette anche senza aprire l'articolo. Dobbiamo selezionarlo da solo o insieme a altri su cui vogliamo operare e andare sul bottone delle etichette che si trova alla sinistra di Pubblica nella scheda Post > Tutti. Se si clicca sulla freccia verticale si aprirà l'elenco di tutte le etichette utilizzate nel blog. Scorrendo possiamo passare il cursore su una di queste. Si visualizzerà il tooltip "Aggiungi o Rimuovi l'etichetta … ". Cliccando sopra l'etichetta in questione, questa verrà eliminata se fosse già presente mentre verrà aggiunta se ancora non lo fosse.

Come inserire dei salti di riga (line breaks) su Twitter.

Il limite di 140 caratteri per Twitter è tuttora invalicabile ma 5 giorni fa c'è stata una piccola ma significativa rivoluzione annunciata con un tweet dello stesso Twitter che ha già avuto 1353 retweet e che è già stato messo tra i preferiti da 419 utenti. Non vengono cioè più conteggiati i caratteri degli spazi derivanti dalle interruzioni di riga o line breaks. Questo significa che si potrà scrivere un tweet su più righe senza paura di oltrepassare il limite dei 140 caratteri.

Le interruzioni di riga saranno conteggiate come un solo carattere. Questa piccola innovazione porterà gli utenti a pubblicare tweet con una formattazione più adeguata in modo da renderli più visibili nelle sempre più affollate Timeline o Cronologie che dir si voglia.

Non ci sono particolari meccanismi da seguire se non inserire i salti di riga cliccando su Invio o Enter. Opzionalmente si può usare anche Shift+Invio ma ho testato che il risultato è lo stesso

ColorBug per risalire al codice di un colore cliccandoci sopra.

Nei programmi di grafica come Photoshop o Gimp c'è lo strumento Contagocce che ci permette di estrarre il colore da una immagine per metterlo in primo piano o per conoscerne il codice HEX o RGB. Se fossimo curiosi di conoscere il codice di una particolare tonalità di colore presente in una pagina web si può usare Eye Dropper che è una eccellente estensione di Chrome. Presento adesso una alternativa costituita da un piccolo programma che non ha bisogno di nessuna installazione e che può essere usato con tutti i browser o anche su immagini aperte nel computer.

ColorBug può essere infatti scaricato anche in versione portatile. Si scorre la pagina fino a trovare Download ColorBug > ColorBug Portable 2.0. Si tratta di un file ZIP che dovrà essere scompattato con 7-ZIP o analogo software. Per poterlo utilizzare ovunque si può mettere la cartella di ColorBug su DropBox. Se si apre la cartella e si clicca sul file Colorbug viene visualizzata una interfaccia come questa

Come migrare da Google Reader a Feedly per leggere i feed.

Come certo saprete Google Reader cesserà di esistere dal 1 Luglio 2013 ed è quindi iniziata la corsa a trovare una alternativa altrettanto valida. Per ragioni di sicurezza è comunque opportuno scaricare i dati da Google Reader per non precluderci di usare le stesse impostazioni in un altro lettore magari tra qualche mese. E' notizia di questi giorni che il glorioso aggregatore Digg stia pensando a creare un lettore di Feed RSS proprio sulla scia di questa notizia. Dopo esserci loggati con il nostro account Google si va su Google Takeout e si clicca su "this link" nella riga "Follow this link to download only your Reader data from Takeout". Si aprirà una finestra in cui dovremo andare su Crea Archivio.

Dopo aver inserito un'altra volta la nostra password inizierà la creazione dei file relativi al nostro account Google Reader

AutoDesk 123D Design per creare modelli e oggetti in 3D

Il software più professionale usato per la progettazione da ingegneri e architetti credo sia AutoCAD che però ha un costo non indifferente. Chi avesse in animo di progettare oggetti anche piuttosto complessi in due o in tre dimensioni può usare l'applicazione gratuita AutoDesk 123D Design che pur non avendo le funzionalità di AutoCAD è in grado di soddisfare molte esigenze.

Si può scegliere se installare il software su computer Windows (32 bit o 64 bit) o su Mac, se invece optare per l'applicazione per iPad o per l'applicazione browser per fare tutto direttamente da una scheda per esempio di Google Chrome. Ho testato solo l'applicazione per il browser e in questo caso ci potrebbe essere la necessità di modificare le impostazioni di WebGL. Occorre naturalmente prendere pratica con questi strumenti se fosse la prima volta che li stiamo utilizzando. Il concetto alla base di questo tool è quello di creare una forma complessa a partire da forme primitive semplici come il cubo, la sfera, il parallelepipedo, il cono, il cilindro ecc 

Il Panda Everflux sarà integrato nell'algoritmo di Google.

Il Panda Update insieme al Penguin Update fino a questo momento sono state degli aggiornamenti apportati all'algoritmo di Google in modo saltuario e quasi manuale. Ogni tanto le keyword di ricerca subivano delle variazioni nei loro risultati che portavano anche a dei crolli drammatici delle visite a determinati siti che secondo Google non ottemperavano agli standard qualitativi. In genere gli aggiornamenti vengono apportati all'algoritmo delle ricerche in lingua inglese e successivamente estesi a quelli delle altre lingue. Un tweet di @Google informava qualche ora o qualche giorno dopo dell'avvenuto update. Matt Cutts, il capo del team antispam di Google, ha recentemente annunciato che Panda sarà integrato dalla prossima settimana nell'algoritmo di Google. Questo significa che non ci saranno più delle oscillazioni violente sul traffico dei siti ma che il riposizionamento avverrà gradualmente in tempo reale.

Come nascondere i retweet di alcuni nostri following.

Twitter è come è noto un social network asimmetrico dove si possono seguire persone che non ci seguono e essere seguiti da utenti che invece non seguiamo. Sono ormai diventate di dominio comune le espressioni inglesi follower e following. I followers sono coloro che ci seguono mentre i followings sono gli utenti da noi seguiti. La Timeline su Twitter sarà composta dai soli tweet dei nostri following. Se decidiamo di rispondere a un tweet, il tweet di risposta sarà visualizzabile solo nella Timeline degli utenti che siano contemporaneamente followers nostri e dell'utente a cui si è risposto.

Una importante fonte di tweet è rappresentata dai retweet. Se un nostro following retwitta un tweet presente nella sua Cronologia questo diventerà visibile anche nella nostra. In un commento sul blog mi è stata posta la domanda se fosse possibile nascondere i retweet quando questi intasino il nostro stream su Twitter. Non mi risulta essere possibile eliminare tutti i retweet ma si può farlo individualmente per tutti quegli utenti che abusano di questa funzionalità.

Alternative a Google Reader che sarà disattivato il 1 Luglio 2013.

Così come accadde l'anno scorso, Google si appresta a fare quelle che definisce pulizie di Primavera come annunciato in un post del suo blog ufficiale. Si tratta in sostanza dell'abbandono di progetti poco remunerativi se non addirittura in perdita per focalizzare l'attività nei settori su cui puntano maggiormente dalle parti di Mountain View. Tra l'elenco dei servizi che saranno eliminati quello che suscita il maggiore scalpore tra i frequentatori del web è sicuramente Google Reader.

Nato nel 2005 si è subito affermato come il mezzo più semplice e efficace per documentarsi online leggendo decine di titoli di post in pochi minuti senza bisogno di aprire fisicamente le pagine dei vari siti. Secondo Google l'uso di Reader è in declino e quindi verrà eliminato a partire dal prossimo 1 Luglio. Gli utenti possono scaricare tutti i loro dati compresi i sottoscrittori accedendo a Google Takeout. Vedremo presumibilmente in un prossimo articolo come procedere effettivamente a questa operazione.

Come creare una textarea con bottone per selezionare il testo.

La textarea è un modo per inserire del codice in una pagina o in un widget per farlo copiare più facilmente dagli utenti. Questo sistema è utilizzato per esempio per facilitare la condivisione dell'antipixel del sito. Non è obbligatorio usare la textarea per il codice ma vi può essere inserito al suo interno anche del semplice testo o delle immagini.

Gli attributi presenti nel codice della textarea sono il numero di righe e il numero di colonne. Nel caso in cui il contenuto fosse sovrabbondante rispetto alle righe e alle colonne settate, si visualizzerebbero dei cursori per scorrerlo tutto orizzontalmente e verticalmente. Si può quindi usare la textarea anche per risparmiare dello spazio nell'inserimento dei contenuti in un post o in un widget. Specialmente quando ci sono dei cursori potrebbe risultare difficoltoso selezionare e copiare il codice che vi è contenuto.

Come fare il backup di tutti i tweet che si sono pubblicati.

L'attività su Twitter in taluni casi rappresenta il romanzo di una vita visto che ci sono utenti che pubblicano un tweet per ogni azione che fanno durante la giornata. Questo romanzo digitale può essere scaricato e consultato usando l'applicazione Tweet Backup. Non occorre inserire la password di Twitter ma solo autorizzare l'applicazione, seguire @Tweetbackup e dare un indirizzo email.

Le funzionalità di Tweetbackup permettono di scaricare gli ultimi 3200 post visto che le API di Twitter non permettono di arrivare ancora più indietro nel tempo. Il backup contiene oltre che ai tweet anche la lista degli utenti che seguiamo su Twitter. Ci potrebbero volere fino a 48 ore di tempo per vedere il nostro archivio apparire ma nel mio test sono bastati due minuti e il mio account ha più di 6000 tweet. Tweet Backup si appoggia su Backupify che è un servizio a pagamento nato per proteggere i nostri dati online. Il backup dei nostri tweet è invece assolutamente gratuito. Si inizia andando su Sign up 

Caricare le immagini su Picasa o Google+ e ottenerne il link diretto.

Recentemente Google ha modificato alcune delle impostazioni dei servizi di stoccaggio gratuito in rete. Lo spazio gratis disponibile per le immagini è passato da circa 1GB a 5,12GB con la possibilità di non considerare nel computo le immagini inferiori agli 800 pixel per coloro che non avessero un account Google Plus e di non considerare addirittura le immagini più piccole di 2048 pixel per chi si fosse iscritto al social network di Google. Si può dire che lo spazio per hostare le immagini sia diventato praticamente infinito. Si possono poi usare più account di Google per aumentarlo ulteriormente.

Da qualche giorno se si accede a Picasa Web Album avviene un redirect verso Foto > Album del nostro account Google Plus. In alto poi è comunque disponibile un link per tornare alla classica interfaccia di Picasa. Non mi stupirei però se Picasa cessasse di esistere in modo autonomo e diventasse semplicemente una sezione di Google+. Da alcuni commenti che sono stati postati in questo blog mi sono reso conto come specialmente chi sia alle prime esperienze con il blogging abbia delle difficoltà a ottenere il link diretto delle immagini che carica. Per pubblicare una immagine nel sito si può usare l'Editor di Blogger e caricarla cliccando nella icona apposita. Se viene caricata dal computer verrà inserita in un album collegato al blog e non saranno necessarie altre configurazioni. Se invece vogliamo inserire una foto in un widget o comunque pubblicarla tramite HTML dobbiamo usare il seguente codice

Come reindirizzare le pagine non trovate verso la homepage o un altro post.

Da poco meno di un anno su Blogger si possono configurare diverse opzioni con notevole impatto SEO. Questi tool si utilizzano tramite la scheda Preferenze di Ricerca che si trova su Impostazioni. Con questi strumenti si possono fare dei redirect permanenti di pagine eliminate per sanare gli errori di scansione o anche personalizzare l'aspetto delle pagine non trovate per errore 404.

Vediamo come unire queste due funzionalità per creare un redirect verso la homepage, o verso una qualsiasi altra pagina o post del blog, di tutte le pagine non trovate del sito. Non mi sbilancio su eventuali benefici SEO che sono sempre molto delicati da quantificare ma questo potrebbe essere un aiuto per tutti quei siti in cui ci siano parecchi errori di pagine non trovate.

Come visualizzare la data in tutti i post di Blogger.

Per impostazione predefinita quando si pubblica più di un articolo in uno stesso giorno, se si apre la Homepage, ne verrà mostrata la data solo nell'ultimo. Avevo già presentato un tutorial su come bypassare questa impostazione e riuscire a mostrare la data di pubblicazione in tutti gli articoli. In molti dei nuovi modelli questo hack non è però più funzionante.

Vediamo come si passa ovviare a questo inconveniente e come riuscire a mostrare ai visitatori del sito la data in tutti gli articoli anche se ne vengono pubblicati più di uno al giorno. Per dare una idea di quello che intendo dire vi posto due screenshot sull'aspetto iniziale e quello finale di un blog di test

Come creare più profili utenti su Google Chrome.

Abbiamo già visto come sia possibile passare da un account a un altro utilizzando Google Chrome per poter accedere ai vari servizi Google con le credenziali più appropriate. Nelle versione più recente di Chrome che poi è quella installata da tutti visto che ci sono gli aggiornamenti automatici, è possibile creare più profili utenti e sincronizzare in rete un diverso tipo di estensioni, di Preferiti e di Impostazioni in genere.

Questa opzione è utile nei computer domestici quando questi siano usati da più persone che abbiano  account diversi e che possono usare lo stesso browser semplicemente modificando il profilo. E' pure interessante per chi possieda più account Google magari ottenuti acquistando un dominio personalizzato gestito tramite Google Apps che sembra resterà gratuita per gli utenti di Blogger. Ciascun utente può mettere nei Preferiti i suoi siti e accedere con un click su social quali Facebook o Twitter senza bisogno di uscire e  di reimpostare nome utente e password.

Twitter Fan Box Widget per Blogger e Wordpress.

Il Like Box di Facebook che mostra gli avatar di chi segue la nostra pagina fan è uno di quei widget che è presente in quasi tutti i blog. Serve per invogliare i visitatori del sito a cliccare su Mi Piace per diventare a loro volta nostri followers. Non mi risulta che Twitter, con i suoi widget ufficiali che possono essere creati con questo tool dopo che ci siamo loggati, ci permetta di realizzare un gadget simile a quello del Fan Box di Facebook. Moopz Tech News ci consente invece di visualizzare una lista degli ultimi 10 utenti che hanno iniziato a seguirci contrariamente all'elenco di Facebook che invece è casuale.

Gli utenti che capitano nel nostro sito potranno seguirci su Twitter senza lasciare le nostre pagine semplicemente cliccando su Follow. Per ottenere il codice dovremo accedere alla pagina appena linkata, iniziare a seguire su Twitter il suo autore Mark Carey e rinfrescare la pagina per ottenere il codice. Le misure del widget sono di 300 pixel di larghezza e di 250 di altezza.

Ottimizzazione SEO di articoli pubblicati su Blogger.

Gli utenti di Wordpress sono indubbiamente avvantaggiati nella ottimizzazione dei loro siti e dei loro articoli potendo contare su plugin estremamente sofisticati che consentono loro di gestire metadescrizioni e tag vari con numerose funzionalità. Da circa un anno anche i fruitori di Blogger hanno però a disposizione degli strumenti che, pur non essendo ancora paragonabili a quelli di Wordpress, sono comunque efficaci, sicuramente più semplici da usare e quindi alla portata di tutti.

Il primo passo verso una ottimizzazione degli articoli deve essere fatto inserendo nel template i collegamenti a Google Plus, alla pagina business del sito e implementando l'Attribuzione dei contenuti da parte di Google. L'ex CEO di Google Eric Schmidt ha recentemente dichiarato che l'anonimato in rete verrà pagato con l'irrilevanza. L'algoritmo dei motori di ricerca premierà sempre di più i contenuti pubblicati da un autore conosciuto dallo stesso motore e ritenuto affidabile. L'autorevolezza di chi scrive un articolo influenzerà in modo notevole il posizionamento dello stesso. E' altresì importante inserire sempre nel modello i meta tag Open Graph di Facebook per facilitare la condivisione dei post non solo su quel social network ma anche in altri siti.

Icone in 3 dimensioni con collegamento ai social network.

Molti lettori (soprattutto lettrici) mi hanno chiesto informazioni su come installare i bottoni con collegamento ai social network posizionati nella parte alta della sidebar di questo blog. Ho semplicemente usato le immagini in 3D che sono state messe in rete da un disegnatore con libera possibilità di riutilizzo. Ne avevo già parlato in un post dedicato alle icone con effetto in 3D. La difficoltà di realizzare un simile widget è esclusivamente grafica perché si tratta di utilizzare due diverse immagini per ogni collegamento e di metterle una accanto all'altra in una striscia orizzontale. Per mostrare ciascuna di queste icone bisogna settarne la distanza del background in modo che venga perfettamente centrata. Si tratta quindi di un lavoro certosino di grafica. Ho già dichiarato diverse volte che le realizzazioni di questo tipo non fanno per me e di non esservi molto portato. Visto però che avevo in animo di aggiungere anche i bottoni di Pinterest e di Instagram a quelli che già avevo, ho pensato di condividere il lavoro con voi lettori.

Come caricare file su Google Sites e ottenerne il link diretto.

I possessori di un account Blogger hanno automaticamente anche un account Google Sites a cui possono accedere con le stesse credenziali. I termini di utilizzo di Google Sites sono gli stessi degli altri prodotti Google e tale servizio è stato creato principalmente per permettere agli utenti di realizzare un sito web statico senza nessuna conoscenza specifica di linguaggio di programmazione. Personalmente utilizzo spesso Google Sites quando voglio creare una singola pagina web senza utilizzare un sito specifico.

E' disponibile una notevole quantità di modelli suddivisi anche in categorie per venire incontro alle esigenze più diverse. Dopo esserci loggati su Google Sites si va su Crea per iniziare a realizzare il sito o l'archivio o comunque un nostro progetto. Assegnando un nome al progetto automaticamente se ne determina anche l'indirizzo che sarà del tipo https://sites.google.com/site/nome-progetto. Dopo aver scelto il Tema, digitato le lettere del controllo visivo e eventualmente inserito una descrizione del sito su Altre opzioni, si va ancora in alto su Crea sito

Slideshow dei Post più Popolari per Blogger.

Il gadget dei Post più Popolari è un widget ufficiale di Blogger, che utilizza le Statistiche visibili anche nella apposita scheda, per mostrare i post del blog che abbiano ricevuto il maggior numero di visite. Tale gadget può anche essere personalizzato in funzione delle nostre esigenze. Ricordo di aver presentato un tutorial per modificare le dimensioni del gadget, un altro per modificare le dimensioni delle miniature e un altro ancora per mostrare i post più visti sotto forma di slideshow verticale. E' anche possibile mostrare i Post più popolari come barre orizzontali multicolore e con le miniature ruotanti utilizzando il CSS3.

In questo post vado a presentare gli articoli più visti in uno slideshow orizzontale che ne mostri le loro miniature con frecce di navigazione. Il posizionamento più opportuno per un widget di questo genere è la parte immediatamente sopra all'area del post. Se con il mouse si passa sopra a una miniatura viene visualizzato un tooltip che mostra il titolo del post collegato

Come disabilitare le notifiche sonore di Facebook aspettando la nuova Timeline.

Su Facebook sembra che siano tempi di grandi cambiamenti, forse sarà l'incipiente primavera o più probabilmente qualche difficoltà a rintuzzare gli attacchi di social più freschi e più aggressivi che hanno portato i manager del social network per antonomasia a operare delle modifiche più o meno importanti proprio in questo periodo dell'anno.

La novità più grossa deve essere ancora svelata e sembra che riguarderà la nuova grafica del diario. E' stato già fissato un evento di presentazione per il 7 Marzo. La nuova Timeline dovrebbe essere più veloce e più usabile soprattutto da parte di quegli utenti che si connettono con i dispositivi mobili e che stanno crescendo a ritmo esponenziale. Negli Stati Uniti pare che tra i giovanissimi, Facebook risulti essere sempre meno attrattivo a favore di applicazioni quali Instagram e Snapchat che invece permettono la condivisione di contenuti in modo più discreto.

Come aggiungere un bordo agli avatar dei commentatori e come renderli rotondi.

Dopo aver presentato un nuovo widget dei Top Commentatori rimango sempre in tema e vado a illustrare come adornare di bordo gli avatar di chi commenta il blog. Questa personalizzazione riguarda ugualmente anche l'immagine dell'autore del post e si ottiene mediante l'inserimento di un semplice CSS nel modello. Ricordo che gli stili dei bordi possono essere modificati a piacere tramite attributi e scegliendo appropriati codici dei colori. Mi riferirò esclusivamente agli ultimi template del Designer Modelli e ai commenti nidificati perché nulla si può dire sulle classi di stile di template scaricati da internet e i cui autori possono aver creato dei CSS con nomi qualsiasi.

I bordi si suddividono in solid (continui), dashed (tratteggiati), dotted (punteggiati), double (doppi). Ci sono poi anche altri attributi come inset, outset, ridge e groove che non è il caso di affrontare in questo post. Come prima modifica vediamo come visualizzare gli avatar in questo modo

Come installare SkyGo e Sky On Demand su Windows 8.

SkyGo non ha certo bisogno di presentazioni per gli utenti di Sky. Si tratta di infatti di un servizio gratuito offerto a tutti gli abbonati che possono seguire i canali Sky anche da altri dispositivi sia fissi sia mobili. Oltre al televisore su cui siamo soliti guardare le trasmissioni Sky possiamo abilitare fino a due dispositivi per seguire i nostri programmi preferiti da postazione fissa come potrebbe essere un computer desktop o anche da mobile come un iPhone, un iPad un tablet o un Galaxy S3. Non è ancora disponibile l'applicazione per gli smartphone Android su Google Play ma può essere scaricata quella della Samsung che è compatibile con Galaxy Note 1 e 2, Galaxy S2, S3 e LTE, Galaxy XCover2 e Galaxy Express.

Abbiamo già visto come attivare SkyGo e come effettuare l'installazione di SkyGo su Android. Fino a pochi giorni fa era possibile visualizzare SkyGo su PC con OS Windows 7 ma non con OS Windows 8. Fortunatamente da poche ore è possibile fare zapping sui canali a cui siamo abbonati su Sky anche da un PC equipaggiato con Windows 8. Occorre andare su Sky e loggarci con i nostri dati oppure registrarci se non lo si fosse ancora fatto. Sulla destra sarà visibile l'icona di SkyGo

Widget dei Top Commentatori con Avatar per Blogger.

Il widget degli utenti che commentano più frequentemente nel blog è uno di quelli che ha avuto il maggiore successo e che è stato installato su molti siti. Si basa sull'utilizzo dei Pipes di Yahoo e forse questo ha reso la sua implementazione un po' troppo difficoltosa. Vado adesso a presentare un altra versione di questo widget che ha la particolarità di essere molto più semplice da installare e di mostrare anche gli avatar dei commentatori più assidui.

Non occorre modificare il modello ma basta incollare il codice in un elemento pagina partendo da Layout. Vengono conteggiati solo gli ultimi 200 commenti e si può anche scegliere un determinato lasso di tempo da prendere in considerazione. I commentatori che non hanno avatar o che commentano come anonimi avranno la loro immagine di default che potrà essere personalizzata- E' anche possibile settare il numero dei commentatori da visualizzare e l'aspetto del gadget sarà il seguente

Atooma per smartphone funziona come IFTTT per il desktop.

Atooma è una applicazione realizzata da quattro giovani sviluppatori italiani che è stata recentemente premiata come applicazione migliore del mondo al Mobile Premier Awards di Barcellona. Si tratta di una applicazione per il momento solo per Android e ancora in Beta. Si può considerare la corrispettiva mobile del celebre servizio IFTTT. Il principio di IFTTT IfThisThenThat è stato introdotto anche nel mobile e semplificato come IF DO. Ci permette di creare delle singole piccole applicazioni per eseguire dei determinate actions. Si possono impostare dei compiti che riguardano il cellulare come delle correlazioni tra le applicazioni presenti nello smartphone.

Dopo aver scaricato e installato Atooma da Google Play si può decidere di effettuare un rapido tour fatto di screenshot per prendere pratica con l'applicazione. Se usate già IFTTT non avrete difficoltà a capire il concept di Atooma. Si tratta di impostare un trigger da cui derivi una determinata action. A un evento IF corrisponde una azione DO. Se utilizziamo Atooma per creare delle relazioni tra applicazioni bisogna ovviamente dare il consenso affinché acceda ai nostri account.

"Pensa un numero, leggo la mente" - Android App.

Ogni tanto bisogna pensare anche a distrarsi e quindi ecco una recensione di una applicazione che ha il solo intento di divertire. Pensa 1 numero, leggo la mente su Google Play dichiara di essere una applicazione magica che indovina il numero che abbiamo pensato. Dopo aver tenuto a mente un numero a due cifre vale a dire tra 10 e 99 si seguono le istruzioni delle schermate che consistono nel detrarre da tale numero la cifra delle unità e quella delle decine. Per esempio se abbiamo pensato 37 dobbiamo eseguire l'operazione 37-3-7=27. In una schermata verranno visualizzati nomi di decine di città e bisogna ricordarsi di quella che corrisponde al numero che è risultato dalla doppia detrazione. Gli sviluppatori quindi ci diranno di avvicinare l'occhio al display del telefonino e successivamente di toccarlo. Verrà visualizzato il nome della città corrispondente al numero risultante 

Come condividere correttamente link, immagini e descrizione su Facebook da un blog di Blogger.

La corretta condivisione di URL, immagini e contenuti su Facebook è un tema molte sentito da chi ha un blog su Blogger e non riesce a far acquisire perfettamente la descrizione o la giusta immagine nella finestra popup che si apre quando si clicca su un bottone Facebook prima di postare nel nostro stream. A seguito di un commento su un post relativo a una barra per bottoni sociali e alla discussione che ne è derivata mi sono riproposto di fare un po' di chiarezza su questo argomento.

Facebook ha introdotto Open Graph Protocol per permettere agli webmaster di integrare nelle proprie pagine dei particolari tag per facilitarne la condivisione. Mi sono già occupato di come inserire i tag Open Graph su Blogger. Oltre a questi è anche possibile incollare una volta per tutte il file javascript per non doverlo fare tutte le volte che si installa il bottone del Mi Piace, il Like Box o qualche altro gadget collegato a Facebook. Ricordo che è anche opportuno creare una applicazione per poi poterne inserire l'ID nel modello. All'atto pratico occorre andare su Modello > Modifica HTML > Procedi e cercare la riga </head> quindi, subito sopra, incollare questo codice 

Hootsuite per gestire post e commenti di Blogger.

Hootsuite è un ottima applicazione per desktop, smartphone e tablet che consente tra le altre cose di postare contemporaneamente lo stesso testo su Facebook e Twitter e di pubblicare automaticamente i link e i titoli dei post nelle pagine brand di Google Plus. Hootsuite può essere integrata da molte applicazioni presenti nell'apposita App Directory. Da poco tempo è disponibile anche quella per Blogger che può essere aggiunta alla dashboard di Hootsuite cliccando su Installa Applicazione. Se siamo già loggati su Hootsuite si visualizzerà una finestra di dialogo in cui andare nuovamente su Installa Applicazione.

Si può decidere di visualizzare lo stream di Blogger in una nuova scheda o in una scheda già esistente. Ricordo che Hootsuite permette di gestire gratuitamente fino a un massimo di 5 schede. Se si vogliono aumentare bisogna fare l'upgrade a Hootsuite Pro. Si va quindi sul + per aggiungere una nuova scheda quindi su Inserisci colonna. Si seleziona Apps e si clicca su Blogger