
FriendFeed, sempre più diffuso sistema per seguire il lifestream dei proprio contatti, ha messo a disposizione ua serie di widget da aggiungere al proprio blog.
FriendFeed badge consente di aggiungere una scheda con le proprie informazioni, come logo, foto, servizi, “stats” e link dei propri contatti.
Feed widget mette a disposizione il codice da embeddare sul proprio blog per diffondere il proprio feed. E’ possibile scegliere i servizi, dimensioni, numero di contenuti, logo, commenti e “Likes”, link dei contatti.
FriendFeed chiclet fornisce istruzioni e codice da copiare ad incollare sul proprio blog basato su WordPress o Blogger per aggiungere un link del tipo “condividi su FriendFeed”.
Via | Blog.friendfeed.com

Spesso nello scrivere un post è necessario linkare pagine, ed il più delle volte si tratta di riproporre link trovati in qualche articolo. Manualmente quindi serve riscrivere o copiare ed incollare il testo e poi l’indirizzo linkato usando tag html o sfruttando i bottoni offerti dal proprio editor. Ed il pericolo di compiere errori è dietro l’angolo.
Ho cercato sul web un add-on per Firefox che poteva semplificare questa operazione ed ho trovato CoLT. Una volta installato basta quindi, come si vede nell’immagine, cliccare col tasto destro sopra un link per vedere nel menù contestuale la voce Copia testo ed indirizzo del link come. Di default è possibile scegliere tra Link HTML, testo semplice, BB Code, Fusetalk e Wikipedia. CoLT consente, nelle preferenze dell’add-on, di configurare tale sottomenù aggiungendo voci con formati personalizzati. Quindi con il comando incolla si otterrà il codice nel formato scelto.
Chart Gizmo è un utile servizio online che permette di creare grafici da condividere sul proprio sito web. Una volta registrati, subito si può creare il proprio grafico scegliendo tra modello a torta, a barre ed a linee. Si può impostare il titolo, dimensioni, colori ed è possibile inserire in una tabella i dati da visualizzare (etichetta e valore). E’ consentito anche importare dati da un foglio Excel.
Al termine del nostro lavoro, si otterrà il codice HTML da “embeddare” sul proprio sito web, scegliendo tra “Static” (link all’immagine generata), “Dynamic” (Java script) o “Capture” (automaticamente il grafico si aggiornerà quando ci sono modifiche nei dati).
Via | Feedmyapp.com
MakeMeBabies.com è un sito divertente. Vi chiedete come potrebbe essere un figlio nato da voi e dalla vostra compagna o compagno? Oppure cosa nascerebbe da una notte di fuoco con Angelina Jolie o con Brad Pitt (dipende dai gusti)?
Con MakeMeBabies basta, una volta registrati, fare l’upload della foto del proprio viso e scegliere un partner tra una carrellata di star o caricando la fotografia dal proprio hard disk. Il risultato sarà la foto di un bel (!?) bambino, generata dalla combinazione dei due visi. Sarà anche fornito il codice HTML da copiare ed incollare sul proprio sito. Esiste anche una versione per Facebook e Myspace.
Per la generazione del viso viene usata una tecnologia, chiamata Baby Morphing, che tiene conto dei caratteri somatici delle persone nelle due foto:
Baby Morphing, a new technology developed by Luxand, helps parents, couples and friends to see what their baby would look like based on their pictures alone. The technology only needs photos of the couple’s faces to generate a quality picture of their baby. The technology makes it really easy for couples to create and share babies’ pictures. Yet, Baby Morphing does not stop there, and allows making pictures of babies by taking only one photograph and mixing it with a stock photo of a celebrity or a member of a dating site, depending on the application.
Il mio bambino generato, per fortuna, è tutto sua madre Angelina…
Via | Mashable.com

Secondo quanto dichiarato da alcuni suoi rappresentanti, MySpace subirà alcuni cambiamenti, entro questo settimana, per migliorare l’usabilità del sito. I cambiamenti sono attesi per l’homepage, gli strumenti di navigazione, il player MySpaceTV, l’editor del profilo e le funzioni di ricerca.
Dopo una gestazione di circa 6 mesi, le nuove feature saranno chiamate a risolvere alcuni limiti relativi all’usabilità del social network più utlizzato al mondo. Con il nuovo editor del profilo, ad esempio, la conoscenza dell’HTML non sarà più caratteristica necessaria poiché l’utente potrà modificare colore e tema direttamente da un menù a tendina.
Interessante l’implementazione del supporto HD e della modalità “tutto schermo” nel player di MySpace.
[via WebWare]
Non si tratta di una novità, ma potrebbe ritornare utile a nuovi blogger o webmaster. Girovagando per il web ho notato un interessante widget in un blog. Si trattava di uno dei quattro widget forniti da FEEDJIT, precisamente LIVE TRAFFIC FEED. Mostra in tempo reale le provenienze degli ultimi visitatori al sito, con dati come la nazionalità (bandierina), link di provenienza, città e regione. Il visitatore “infastidito” ha anche la possibilità, tra le opzioni, di far escludere il proprio browser e non essere “tracciato” per visite future. Esiste anche un widget, LIVE TRAFFIC MAP, che mostra le provenienze in una piccola mappa.
Inoltre, FEEDJIT offre altri due widget utili per guidare il visitatore verso i migliori contenuti del proprio sito. LIVE RECOMMENDED READING infatti, con un “sofisticato algoritmo chiamato Collaborative Filtering”, suggerisce altre pagine che potrebbero interessare al visitatore. LIVE PAGE POPULARITY invece fornisce la lista delle pagine più popolari analizzando il traffico verso il proprio sito.
Gratuito, senza registrazione necessaria. Ogni widget è configurabile (colori e dimensioni) ed il sito fornisce il codice HTML da copiare ed incollare. Dopo il salto, un esempio di LIVE TRAFFIC FEED con dati live circa la provenienza dei nostri visitatori.
Continua a leggere: FEEDJIT, widget per il proprio sito con informazioni sui visitatori

Siete fieri del numero di Followers su Twitter che seguono i vostri messaggi da 140 o meno caratteri?
Twittercounter è un Badge da poter piazzare sul proprio sito/blog che mostra il numero di Followers. Qualcosa di simile a quello offerto da FeedBurner per contare il numero di abbonati al proprio feed.
Basta inserire il proprio nick di Twitter, purchè non protetto, per ottenere il codice HTML da embeddare sul proprio blog. E’ possibile scegliere tra 4 diversi tipi di Badge.
Via | Labnol.org
Da CSS-Zibaldone, la traduzione di un articolo di Mozilla.org circa l’HTML Reflow:
Il reflow è il processo con cui viene calcolata la geometria degli oggetti di formattazione del motore di layout. Gli oggetti di formattazione HTML vengono chiamati frame: un frame corrisponde all’informazione geometrica per un singolo elemento nel modello di contenuto. I frame vengono organizzati in una gerarchia che rispecchia la gerarchia di contenimento nel modello di contenuto. Un frame è rettangolare, con larghezza, altezza e un offset rispetto al frame genitore che lo contiene.
Nel video, il processo di reflow di una pagina di Wikipedia. E se trovate affascinante questo tipo di “esercizio” (non saprei come altro definirlo), dopo il salto c’è un video sul reflow della pagina di Google Giappone.
Il New York Times ha pubblicato nei giorni scorsi un articolo contenente alcune domande poste dai lettori a Khoi Vinh, Design Director del sito web del famoso quotidiano americano.
In particolare, alla domanda sul come e con quali mezzi lo staff del portale riesca a mantenere uno stile di HTML e CSS pulito e compatibile con tutti i browser, Vinh ha risposto così:
Preferiamo usare un editor di testo, come HomeSite, TextPad o TextMate, per scrivere tutto “a mano” piuttosto che usare programmi di tipo wysiwyg per editare HTML e CSS, tipo Dreamweaver. Crediamo dia risultati migliori e più rapidi.
Per quanto mi riguarda ormai da un bel po’ di tempo ricorro a un mix tra le due cose trovandomi piuttosto bene: voi come vi comportate?
A volte capita di voler copiare del testo da un sito web per incollarlo in una mail o un editor come Microsoft Word. Facendo questa operazione anche la formattazione del testo originario sarà visibile nel nuovo documento generato. Lo stesso succede se si copia del testo con tag html. Una soluzione pratica per “ripulire” quanto copiato nella clipboard è quella di copiare il testo in un editor testuale tipo Notepad per poi incollarlo, ripulito, nella nostra email.
Si può evitare questo passaggio, soprattutto se si tratta di una operazione che facciamo spesso, grazie a Clipboard Fusion della Binary Fortress Software. Si tratta una piccola applicazione freeware per Windows che risiede nel system tray e monitorizza la nostra clipboard (appunti). Quando copiamo del testo in memoria, Clipboard Fusion entra in azione e lo ripulisce eliminando la formattazione e, opzionalmente, i tag html. Incolleremo quindi solo il testo, senza “impurità”.
Via | GHacks.net

Oggi pubblicare online qualcosa è molto più facile che alcuni anni fa, in cui occorreva necessariamente conoscere un minimo di linguaggio HTML per creare una pagina web.
Anche oggi però, se si vuole ad esempio personalizzare il proprio blog, bisogna conoscere un minimo di questo basamento della rete internet.
Sperimentare e imparare con HTML Playground è abbastanza facile, in uno schermo diviso in quattro parti che mostrano la lista delle tag HTML e dei fogli di stile CSS, la descrizione dell’elemento selezionato, la lista degli eventuali attributi dell’elemento e il codice d’esempio.
Andando a modificare il codice d’esempio si potrà direttamente osservarne i cambiamenti.
Non aspettatevi di trovarvi di fronte ad un ambiente di sviluppo, ma rimane comunque un utile riferimento se ci si trova nel dubbio e si ha bisogno di una guida di riferimento.
[via|Del.icio.us]

In questi giorni di tranquillità dal lavoro o dallo studio, in molti - probabilmente - stiamo mettendo mano ai nostri blog o ai nostri siti per fare qualche piccola modifica o miglioria che, magari, abbiamo dovuto tralasciare durante l’autunno. Dopo PopURI, che vi abbiamo consigliato ieri, ecco un altro servizio gratuito interessante per testare praticamente ogni dettaglio di un sito o di un blog.
Test Everything dà la possibilità di effettuare ben 128 controlli, divisi in otto categorie. Così, potremo scandagliare il codice Html e Css, testare il design in 18 differenti browser, controllare i tempi di caricamento delle pagine, e tanto altro ancora.
Buon lavoro (soprattutto se scoprite che nella vostra home-page ci sono 180 errori :D!)
Via | Makeuseof.com