Nonostante si dica sia in netto calo di popolarità, Facebook si trova al primo posto, con ben 540.000.000 visite e 570.000.000.000 pagine viste, numeri da capogiro!
Sul secondo gradino più alto del podio si colloca Yahoo! mentre la medaglia di bronzo spetta a Live.

Personalmente ritengo però che il risultato migliore in assoluto sia colui che occupa la quarta piazza ovvero Wikipedia in quanto è il primo in assoluto tra i siti senza alcun tipo di pubblicità (advertising).

Il primo quotidiano si trova all’83° posto ed è il New York Times, mentre il primo sito italiano risulta il portale Libero, in 232esima posizione.

E il vostro sito quale posto occupa?

*C@rlo*

Nei giorni scorsi si sono accostati i nomi di Microsoft e Joomla, in quanto la compagnia di Redmond ha confermato la propria partecipazione allo sviluppo del noto CMS, uno dei più importanti e diffusi in rete, al pari di altre piattaforme quali Drupal e Wordpress (quest’ultimo usato soprattutto per lo sviluppo di piattaforme di blogging).

Il blog ufficiale della comunity di Joomla spiegato come Microsoft abbia deciso di aderire al programma di sviluppo della versione 1.6 (Joomla Contributor Agreement). Per Microsoft si tratta di una occasione importante, oltre che di ottima pubblicità per il mercato: la compagnia cercherà di migliorare ulteriormente Joomla su server IIS (Internet Information Server) e Windows Server, in modo tale da diffondere il CMS anche nel mondo Windows, quello che solitamente viene visto come una seconda scelta per l’allestimento di grandi siti web basati su Joomla o su Drupal.

Per chi non ne fosse a conoscenza, Joomla è un Content-Management System (CMS) e un Model View Controller (MVC), evoluto dal CMS Mambo, distribuito sotto licenza GNU GPL.

Intanto, già oltre 33.000 download per l’installer di Joomla creato da Microsoft sono stati effettuati, per facilitarne l’utilizzo su Windows Server. Microsoft dà un grande segno al mercato, decidendo di contribuire ad un progetto completamente open source, e lo fa avvicinandosi ad una licenza che, a Redmond, è vista sempre mal volentieri, come è la GPL (General Public License).

Microsoft ha firmato il cosiddetto “contributor agreement“, diventando, a tutti gli effetti, partecipante ad una delle più grandi applicazioni PHP open-source attuali. Questo il commento di Josh Holmes, UX Architect Evangelist per Microsoft nel proprio blog:

“Significa che i dipendenti di Microsoft potranno cominciare a contribure a Joomla! Questo può portare sensibili miglioramenti a quella che al momento è la seconda più importante applicazione PHP del mondo. Un esempio? È già successo che Ruslan Yakushev e Don Raman abbiano contribuito introducendo il supporto per WinCache a Joomla!”.

Diego

*C@rlo*

•  i “micropagamenti” attraverso il mobile, ad esempio in via sperimentale la gestione di pagamenti e movimenti sul conto attraverso messaggi di testo.
• lo streaming ondemand per fruire giochi, musica, video.
• i “social object”, servizi che permettono all’utente di utilizzare la tecnologia dei “barcode” (già utilizzata a scopo commerciale) a scopo sociale, taggando oggetti di uso comune.
  Un esempio è il sito sperimentale di Stickybits dove gli utenti potranno leggere codici a barre, associare informazioni, video, note o registrazioni audio e ricevere una notifica ogni volta che qualcuno scansiona lo stesso oggetto. Stickybits produce anche codici a barre personali che possono essere collegati a qualsiasi oggetto, così ad esempio si potrà collegare il proprio biglietto da visita al curriculum online, o arricchire una cartolina con contenuti multimediali, dare quindi una memoria digitale agli oggetti statici.

Vale

Secondo il Director of Research dell’azienda, oggi il lavoro di webmaster, webdesigner e soprattutto SEO dovrebbe concentrarsi maggiormente su altri aspetti, anziché tendere i propri sforzi al conseguimento di un alto PageRank.

A quanto pare BigG considera ormai la tanto celebre barra bianca e verde rappresentativa di un’epoca ormai lasciata alle spalle. Dopo la rimozione dai Google Webmaster Tool, si attende ora che l’indicatore del PageRank scompaia anche dalle prossime release della Google Toolbar, magari per fare spazio a nuovi parametri con i quali i professionisti del Web dovranno vedersela negli anni a venire.

*C@rlo*

Si tratta della notizia trapelata e presente in diversi brevetti presentati (dal nome “Claiming Real Estate in Panoramic or 3D Mapping Environments for Advertising“), che consentirebbero agli inserzionisti di modificare gli annunci visualizzati su cartelloni pubblicitari e billboard del famoso stumento di Google Maps.

L’idea non è niente male, ma credo che possa aprire discussioni su un punto focale:
chi è in questo caso il proprietario dei cartelloni?
Google o il reale proprietario dello stesso?
Ai posteri l’ardua sentenza…

*Carlo*

Nonostante ciò, a volte c’è bisogno di una consulenza più specifica e puntuale.
Ed eccone elencati i motivi principali:

• vuoi una persona con un “titolo”: essere certificato Google Analytics Invidual Qualification non significa sapere tutto di GA ed essere in grado di rispondere a qualsiasi richiesta. Però è un esame, presuppone un po’ di studio e un investimento in denaro, per quanto piccolo esso sia. Sicuramente una persona certificata crede fortemente nello strumento e può fornirti una consulenza di un certo tipo.

• alcune cose sono troppo difficili per te: Google Analytics è uno strumento magnifico, con pochi click e un copia-incolla si è in grado di avere già molti report. Ma quando le cose si complicano – specialmente con l’introduzione di alcune recenti novità come lo script asincrono o il tracciamento dei siti mobile – potresti avere bisogno di qualcuno che vada oltre la semplice ricerca di una soluzione online.

• non hai il tempo di seguire tutte le novità: si fatica a stare dietro a tutti gli annunci che il team di Google Analytics fa o ai cambiamenti dell’interfaccia dei report. Di conseguenza per le persone che GA lo usano e basta è ancora più complesso stare aggiornati. Un consulente può sempre darti una visione sulle ultime novità e magari mostrarti una strada più semplice o più vantaggiosa che tu non avevi considerato semplicemente perché non sapevi esistesse. Il consulente non sta otto ore al giorno con la faccia su GA, ma ogni giorno legge decine e decine di cose sullo strumento, trucchi, soluzioni, post, forum…

• ti serve un lavoro costante nel tempo: potresti aver bisogno di un tipo di lavoro che porta via troppo tempo a un tuo dipendente, o che nessuno è in grado di fare, o che richiede una conoscenza specifica di GA. Potrebbero essere delle analisi dettagliate, oppure conferme a sospetti e intuizioni, potrebbero essere report specifici costanti nel tempo o analisi costanti sulla situazione e le modifiche apportate al sito.

• hai fretta: è leggittimo; alcune volte implementare una soluzione nuova richiede test, controllare i risultati, capire se qualcosa non va e perché, fare correzioni. Sebbene non possa darti garanzia totale che questo con un consulente non accada, è più facile che qualcuno che maneggia Google Analytics intensivamente abbia già affrontato un problema simile e possa quindi darti una soluzione “cucinata”.

[Fonte: Google Analytics in 30 secondi, di Marco Cilia]

*Carlo*

Go, assicura l’azienda di Mountain View, è in grado di offrire un’elevata velocità di compilazione. Google promette che il nuovo linguaggio di programmazione open source consentirà agli sviluppatori di realizzare programmi che girano alla stessa velocità di applicazioni native in C, con una compilazione delle applicazioni pressoché istantanea. Se volete scrivere un server per migliaia di thread di comunicazione e perdere meno tempo nel leggere migliaia di blog mentre aspettate, Go è lo strumento ideale, scrive Google. La curva di apprendimento, sottolinea BigG nella FAQ del sito ufficiale, non è ripida e il livello di difficoltà è similare a quello di Java.

Al momento, esistono due compilatori ufficiali: Gccgo, che si appoggia a GCC come back-end, e una suite di compilatori, 6g e 8g, sviluppati rispettivamente per sistemi x86 a 64 bit e x86 a 32 bit. Google dovrebbe anche rilasciare entro breve periodo il supporto per chip ARM e dispositivi Android.

Il Go Team vanta la presenza di personaggi del calibro di Robert Griesemer, uno degli sviluppatori del compiler Java’s HotSpot e di V8, il motore JS di Chrome, di Kenneth Thompson, insieme a Dennis Ritchie creatore di Unix, di Rob Pike, insieme a Thompson creatore dello standard UTF-8.

[Fonte: Webmasterpoint]

*C@rlo*

• Utilizzo di elementi che identificano immediatamente l’appartenenza di cio’ che si vuole comunicare attraverso texture che ricordano il contesto del posizionamento del cliente
•  Suddividere il layout con linee immaginarie per dare un’impaginazione che segua una logica di navigazione
•  Posizionare gli elementi fondamentali (logo e menu) nel loro spazio convenzionale
•  Utilizzare testi esplicativi per rafforzare le immagini
•  Essere sempre chiari su cio’ che si vuole comunicare
•  Rendere alcuni elementi interattivi per coinvolgere maggiormente l’utente creando affordance su di essi
•  Utilizzare immagini con focus sul soggetto senza sfondi troppo ampi che possano distrarre l’utente
•  Tenere un uniformità tra i font utilizzati sia grafici che testuali
•  Motivare l’utilizzo di ogni colore

Ultimo consiglio, ma forse il più utile, confrontarsi sempre con lo sviluppatore prima di presentare la bozza al cliente.

Gio

La prima funzione, “Visualizza come Googlebot“ permette al webmaster di vedere come lo spider di google, il googlebot, vede una qualsiasi pagina del tuo sito. Sarà sufficiente inserire l’url della pagina da analizzare e dopo una elaborazione di qualche minuto, avremo il codice sorgente della pagina visibile da googlebot con ulteriori dati riguardanti HTTP status, Server, cache control, ecc… Si può così controllare, con gli occhi di google, come il sito viene visto dallo spider del motore di ricerca.

Attraverso la voce “Dettagli malware” dal webmaster tool di google si può vedere se nel sito siano presenti malware, ovvero software creati con il solo scopo di causare danni più o meno gravi al computer su cui tale software viene eseguito. Uno dei principali obiettivi di google è sempre stata la sicurezza nella navigazione generata dallo stesso motore di ricerca: attraverso questa funzionalità del webmaster tool di google, si possono scoprire eventuali bugs che rendono navigatore e server potenziali vittime di attacchi malintenzionati. Come sempre google indica utili soluzioni per risolvere il problema: il sistema avvisa il proprietario del sito che potrà correggere gli errori e tornare ad una situazione sicura, per poi invitare nuovamente google alla normale scansione ed indicizzazione delle pagine.

[fonte: antonico.com]

*Carlo*

Come si legge nel documento di presentazione del progetto, i ricercatori si sono posti l’obiettivo di aumentare le visualizzazioni aeree della Terra offerte da applicazioni quali Google Earth e Microsoft Visual Earth, attraverso informazioni dinamiche ottenute da riprese video. Il risultato dello studio sono quelle che Kim e colleghi hanno definito Augmented Earth Maps, mappe satellitari che visualizzano la trasmissione in diretta di scenari dinamici all’interno di una città.

Il sistema ideato è ancora in fase di prototipo e le immagini dinamiche mostrate consistono in realtà in animazioni realizzate con un software che ha elaborato le riprese video di persone ed eventi reali. Trentasei i video utilizzati per le Augmented Earth Maps, dove si possono visualizzare una partita di calcio, le scene mostrata da tre videocamere di sorveglianza, il traffico cittadino, i movimenti dei pedoni, delle nuvole e i cambiamenti del cielo.

Si tratta di un evidente esempio di ciò che Tim O’Reilly chiama Web Squared, il Web al quadrato, dove i dati generati su Internet vanno a implementare quelli provenienti dal mondo fisico e viceversa.

*Carlo*

Quali sono i veri vantaggi nell’utilizzo di un CSS fatto per bene?

• Terminato e pubblicato il sito, il cliente cambia idea e decide di cambiare tutti i font da Arial a Verdana –> Velocità di aggiornamento totale sul sito cambiando un unico file
• L’architettura informativa prevede una marea di voci di menu grafici nei tre tipici stati: attivo, inattivo, visitato –> Caricamento di un’unica immagine in background che cambia il suo posizionamento, comandata dal css
• La bozza grafica prevede la sovrapposizione di più elementi con trasparenze, sovrapposizione di colori ed ombre –> Utilizzando i <div> possiamo posizionare a “livelli” ogni singolo elemento e con i css determinarne i bordi, i colori e gli effetti senza l’utilizzo di immagini che appesantirebbero il caricamento della pagina
• Il titolo della pagina è grafico e penalizza l’indicizzazione nei motori di ricerca –> Personalizzando il css dell’H1 si puo’ nascondere il testo fuori dal monitor e rimpiazzarlo con un’immagine di background, facendo però indicizzare dai motori di ricerca in maniera corretta il titolo e mantenendo la possibilità di lettura anche per le tecnologie assistive.
• Il logo aziendale si è evoluto ed ha cambiato un codice colore che deve essere cambiato in tutto il sito che è stato fatto da terzi –> Grazie a strumenti gratuiti di debug posso agevolmente variare il colore avendo un’anteprima veritiera ed in tempo reale del layout, riducendo i tempi di realizzazione
• Il cliente vuole il suo sito internet visualizzato su un palmare per poterlo monitorare mentre è in vacanza, ma mi ha comunicato che partirà tra un paio di giorni –> clonando il css e personalizzandolo, a seconda di dove viene visualizzato il sito, verrà caricato quello più consono

Questi sono solo alcuni dei vantaggi nell’utilizzare correttamente la combinazione dei css applicata ai div, ma se vi state chiedendo se le tabelle siano state bandite, la risposta è no.
Le tabelle si continueranno ad utilizzare nel modo per cui sono state inventate, ovvero per formattare dati.

Gio

Quindi andiamo a scrivere il nostro robots.txt.
Creiamo un normale file di testo e lo nominiamo esattamente “robots.txt”. Questo file deve essere caricato nella root principale del sito (es. www.miosito.it), e non in eventuali sottocartelle (es. www.miosito.it/topolino/). E’ solo seguendo queste due operazioni che lo spider del motore di ricerca interpreterà le istruzioni contenute nel file.

Adesso che sappiamo come nominare il file e dove caricarlo, dobbiamo sapere cosa metterci dentro per dare il comando ai motori di ricerca di seguire questo protocollo (formalmente il “Robots Exclusion Protocol“).
Il formato è semplice per tutti gli intenti e scopi: una linea User-agent, per identificare il crawler in questione, seguito da una o più linee Disallow, per disabilitarlo all’indicizzazione di certe parti del proprio sito, e dalla presenza o meno di linee Allow, per abilitarlo all’indicizzazione di certe parti del proprio sito.

• Ecco un robots.txt che blocca tutto:
  User-agent: *
Disallow: /
  Così tutti i robots (indicati con “*”) sono comandati a non indicizzare nessuna pagina del sito (indicato con “/”). Molto probabilmente non è quello che si vuole, ma è per dare l’idea.
• Questo invece è il più libertino ed il più usato:
  User-agent: *
Disallow:
  In questo modo tutti i motori di ricerca sono liberi di visitare ed indicizzare le pagine del sito (lasciando lo spazio vuoto dopo i : del Disallow).
• Adesso passiamo all’essere più discriminatori. Mentre ogni webmaster ama google, si potrebbe non volere che l’imagebot di google indicizzi le immagini del sito e che le renda ricercabili online. Il comando seguente farà questo stratagemma:
  User-agent: Googlebot-Image
Disallow: /
• Per disabilitare tutti i motori di ricerca e robots dall’indicizzare specifiche cartelle e pagine:
  User-agent: *
Disallow: /cgi-bin/
Disallow: /topolino/
Disallow: /paperino/blank.htm
Disallow: /*?
  L’ultimo comando impedisce l’indicizzazione di tutte le pagine dinamiche, che contengono il carattere ? nelle url.

E ora non mi resta altro che augurare a tutti… buon robots!
*Carlo*

La nuova modalità di registrazione dei domini Internet .it, definita «sincrona», andrà a sostituire le attuali norme previste della registrazione «asincrona», che obbligano la persona fisica, il professionista o la società richiedente a inviare una lettera cartacea di assunzione di responsabilità (LAR) al numero di fax gestito dal NIC.it.

La pubblicazione dei nuovi Regolamenti costituisce il primo passo per l’avvio del nuovo sistema, che per due anni continuerà a essere affiancato, senza sostituirla, dall’attuale modalità di registrazione.

Per registrare, modificare o cancellare un dominio .it, basterà rivolgersi a un Registrar autorizzato a operare direttamente sul database dei domini, senza dover inviare alcuna documentazione cartacea al Registro. I provider che vorranno fornire il servizio di registrazione in tempo reale dovranno sottoporsi a una verifica tecnica, al termine della quale sarà fornito loro l’accredito per l’utilizzo del servizio sincrono. Una volta ottenuto l’accredito, il Registrar dovrà mantenere tutti i dati comunicati dal cliente, comprese le sue generalità.
Ogni provider, inoltre, dovrà sviluppare un’interfaccia per la gestione del meccanismo di registrazione, modifica e cancellazione dei domini .it in tempo reale.

Mi sembra un ottimo passo in avanti, cosa ne pensate?

*Carlo*

Icat Food lo sa bene e non perde occasione di regalarci interessanti novità legate ai suoi prodotti.

Tante le iniziative per i brand Icat Food, iniziando da Consorcio, prodotto di altissima qualità, che da fine giugno ha in pianificazione il nuovo spot.

Un messaggio di benessere inteso come cura del corpo e della propria alimentazione, una cornice di assoluta eleganza se pur nella modernità degli ambienti; il risultato è uno spot ricercato, fluido, in cui tutto è trattato con grande gusto estetico in ogni dettaglio. Non l’hai ancora visto? Clicca per vedere gli spot Consorcio.
Sempre sul sito Consorcio è disponibile la promozione “Soddisfatti o rimborsati” fino ad agosto 2009 e l’area dedicata ai piatti della tradizione spagnola, terra madre di Consorcio.

Tonno Moro da invece  il via ad un’interessante operazione online “L‘esperto risponde”.

Tonno Moro, attraverso la sua linea al naturale pensata appositamente per chi è attento al benessere e alla corretta alimentazione, permette agli utenti del sito di inviare domande all’indirizzo esperto@icatfood.it.
La risposta da parte di dietologi e nutrizionisti  verrà pubblicata sul sito tonnomoro.it e sarà visibile a tutti, creando un database di domande sulla nutrizione facilmente consultabile.

Anche Angelo Parodi ci dona un’estate carica di proposte, a partire dalla partnership con il progetto Forno Festival, al concorso “ UN MARE DI PREMI” attivo fino al 31 luglio e che ci permette di vincere uno dei 25 videogiochi SING IT o ancora una delle 3 console NINTENDO WII!

In ultimo…siete pronti a svelare le vostre tentazioni più segrete? A cedere, come la splendida modella della campagna stampa, al prelibato tonno? Semplicemente registrandosi al sito si ha la possibilità di partecipare al nuovo concorso “ E tu a cosa ti arrendi?” Rispondendo al questionario che gioca con l’arrendevolezza e le manie di ognuno, si partecipa all’estrazione di 4 forniture della gamma di Angelo Parodi. I vincitori saranno estratti entro il 30 settembre 2009.

Icat Food: un’estate di gustose novità.

Sonia

Come potete notare dall’immagine a fianco, si tratta di un normalissimo file javascript ma con alcune caratteristiche, tra cui spiccano:

• l’eliminazione degli spazi superflui, compresi gli “a capo”
• la denominazione in lettere delle variabili e delle funzioni utilizzate

Per poterlo rendere “umanamente” leggibile basta andare all’url del sorgente, selezionarlo tutto, copiarlo e poi incollarlo nello strumento Javascript Beautifier, che ce ne renderà una versione decisamente più digeribile per i nostri occhi.
Da subito si noterà tra l’altro il numero di versione del file, che è passato dalla 4.3 alla 4.3.1, probabilmente in concomitanza con l’introduzione di Bing tra i motori di ricerca riconosciuti.

*Carlo*

Personalmente ho avuto il piacere di conoscere attraverso l’Istituto Chiossone alcune persone cieche, ipovedenti, le quali mi hanno fatto provare cosa significa navigare un sito  con il monitor spento ascoltando solo la voce della sintesi vocale, mi hanno mostrato la tastiera braille, un’invenzione incredibile secondo me. Io sono rimasta davvero stupefatta dalle loro abilità, la velocità con cui navigano, l’entusiasmo e la positività che hanno nonostante gli ostacoli che devono superare.

Dal libro di Michele Diodati  ho molto riflettuto leggendo l’introduzione scritta da una persona sordocieca, per me è difficile anche solo pensare che una persona possa non sentire e non vedere.. bene non solo queste persone esistono ma navigano tutti i giorni come noi, utilizzando solo il tatto per comunicare e penso che basterebbe immedesimarsi solo un secondo per capire quanto può essere importante l’accessibilità,  a volte basta un accorgimento minimo per facilitare molto la vita di qualcun altro.

Vale

Ma AJAX è costituito da funzione scritte in javascript è questo per l’accessibilità è un grosso problema perché gli utenti che utilizzano tecnologie assistive non hanno accesso e non si rendono conto dei cambiamenti di contenuto. Il W3C raccomanda che le pagine che utilizzano Javascript siano accessibili anche quando questi sono disabilitati ma è abbastanza complesso rendere funzionalità avanzate senza i js. E quindi?

L’anno scorso di questi tempi ero all’@media conference e Steve Faulkner, ci parlava di WAI-ARIA (Accessible Rich Internet Applications Suite) ovvero una serie di proprietà HTML che permetterebbero di veicolare correttamente le informazioni sul cambiamento di stato alle tecnologia assistive. Peccato che ad oggi questo linguaggio non sia supportato dalle versioni più diffuse dei browser.

Quello che ci fa ben sperare per le generazioni future (che nel web per fortuna sono molto più corte che nella vita reale) è che WAI-ARIA sia nativo all’interno di Firefox 3 e Internet Explorer 8 e sopratutto che Google abbia cominciato a sperimentarlo, forse fra qualche anno esperti di accessibilità e sviluppatori non dovranno più discutere se sia lecito o meno utilizzare AJAX

Silvia

Si tratta cioè di una parte in cui vengono monitorati alcuni eventi sul nostro sito web, come ad esempio:

• il download di un file (es. PDF)
• l’interazione con applicazioni dinamiche, Ajax, ecc.
• l’interazione con oggetti Flash, video e altri media Adobe

Prima infatti questo si poteva fare ma si andavano a creare delle “Pageview” virtuali, che si aggiungevano a quelle reali, andando a creare confusione all’interno dei vari report della sezione “Contenuto”.
Ora invece in questo modo si tracciano solo gli eventi reali, che verranno raggruppati nella nuova parte a loro dedicata.

I metodi per fare in modo che i suddetti eventi vengano correttamente monitorati sono diversi (e verranno indicati nei futuri post); al momento ci tengo a segnalare questo (in inglese):
How to send Events to Google Analytics

*Carlo*

L’articolo su AlistApart permette di conoscere tutti gli utilizzi di questa ottima tecnica: http://www.alistapart.com/articles/sprites/
C’è chi la definisce come una tecnica misteriosa riportando molti esempi di siti che la utilizzano: http://www.smashingmagazine.com/2009/04/27/the-mystery-of-css-sprites-techniques-tools-and-tutorials/

Anche il LAU – Laboratorio di Accessibilità e Usabilità ne parla con un utile articolo in italiano con le istruzioni per implementare la tecnica.
In tutti gli articoli viene consigliato l’utilizzo di CSS Sprites Generator, se ne trovano di diversi tipi in rete e in pratica fanno tutto il “lavoro sporco” per noi, restituendoci le immagini già composte con le posizioni corrette. 
L’unico neo  riguarda l’accessibilità, in quanto non è possibile utilizzare testo alternativo (tag alt) sulle immagini, inoltre se usiamo questa tecnica per visualizzare loghi e parti grafiche rilevanti del sito, dobbiamo sapere che non ci sarà possibilità di stamparle.

Vale

Precedentemente avevo pubblicato un post riguardo BrowserShots che genera screenshot di una pagina web in più di 80 versioni dei più diffusi Browser su Windows, Linux, BSD e Mac, servizio sicuramente molto utile, ma BrowserLab offre di più; la sua principale caratteristica oltre alla velocità nel visualizzare gli screenshot è sicuramente la vista onion skin, che consente di visualizzare gli screenshot sovrapposti dei diversi browser.

Lato server, BrowserLab utilizza la tecnologia di virtualizzazione, lato client utilizza invece Flash Player 10: la tecnologia Flash viene impiegata per  visualizzare, all’interno di una finestra suddivisa in due parti, il risultato del rendering di una pagina web eseguito su due differenti browser. Le due sotto finestre possono essere affiancate o sovrapposte per consentire di confrontare al meglio le eventuali differenze tra un browser e l’altro.

Adobe browserLab

Peccato che il servizio è destinato a diventare a pagamento, mentre per i primi 5000 iscritti Il tool resterà gratuito fino alla fine del programma di testing pubblico.

Personalmente mi domando: se la strada è quella dell’adesione dei vari browser agli standard, perché continuano a rilasciare tools per testare il proprio sito? La strada è veramente quella? Spero vivamente di si, ritengo assolutamente sbagliata e anti produttiva quest’ossessione maniacale della perfezione al pixel.

Bene

Dove Gumblar ha infettato 60.000 siti, il suo parente stretto ne ha toccati 30.000. Le differenze sono comunque sostanziali, perchè questo nuovo malware usa un sentiero leggermente diverso. Infatti i codici sono diversi, pur facendo all’incirca la stessa cosa: SQL injection di javascript malevoli camuffati con firme polimorfiche, che li fanno sembrare degli innocenti frammenti di codice di Google Analytics.
Anche qui il malware reindirizza lo sfortunato utente a siti pericolosi che sfruttano circa una decina di brutte falle di sicurezza, nella speranza di trovare qualche ingresso non ancora chiuso dagli aggiornamenti software (e di utenti negligenti ce ne sono!).

Se non trova dei buchi, il malware non demorde e gioca l’ultima carta: cerca di convincere l’utente ad installare un falso antivirus. Peraltro, l’infezione sebbene sia piuttosto standard è difficile da scovare. Il codice polimorfico infatti garantisce una certa protezione dagli antivirus (quelli veri).

*Carlo*

[fonte: Trackback]

Ecco perché Google ha deciso di ristrutturare Strumenti per i Webmaster da zero, con una suite di funzioni organizzata in modo logico, oltre a un’interfaccia più pulita e veloce. Questo risultato è stato ottenuto parlando con i webmaster e conducendo studi sugli utenti.

Il risultato è una navigazione più semplice e intuitiva. Le funzioni ora sono raggruppate in tre categorie:

• Configurazione sito (dove si possono fornire a Google informazioni sul proprio sito)
• Il tuo sito sul Web (dove si possono visualizzare i dati di Google relativi al proprio sito)
• Diagnostica (dove si possono ottenere rapporti su eventuali problemi riscontrati nella scansione del proprio sito)

Il loro obiettivo era semplificare l’individuazione di statistiche e dati, rimuovendo nello stesso tempo le pagine e le funzioni ridondanti (come le Statistiche indice) che ingombravano l’interfaccia e riproducevano informazioni disponibili altrove.

A una prima fugace occhiata direi che lo scopo è stato raggiunto.

*Carlo*

Esistono già aziende che hanno iniziato a sviluppare usando la in preview: scorrendo l’elenco degli esempi non possiamo fare a meno di notare Concentrateme di Juice Analytics oppure MailChimp.
Google ha dato loro un accesso privilegiato in modo da uscire da subito con alcuni strumenti pronti e funzionanti, che possono motivare ulteriormente altri sviluppatori a gettarsi nella mischia.

Ad esempio, si può ipotizzare l’arrivo di CMS in grado di proporre automaticamente in prima pagina i contenuti più letti, oppure di comporre al volo una pagina con i contenuti più visitati da una determinata keyword se l’utente arriva con la medesima keyword.

Non essendoci quasi limite alla fantasia, una volta che si possono avere i dati a disposizione, fuoco alle micce!

*Carlo*

Il sito in perfetto stile web 2.0 permette di interagire inserendo i propri consigli, taggarli con parole chiave  e suggerire tutorial o esempi relativi al consiglio proposto.
Inoltre il sito propone anche una suddivisione di tutti gli accorgimenti inseriti in tre livelli di apprendimento: beginner, intermediate e advanced e un sistema di votazione per decretare i consigli più votati.

Mi sembra una proposta originale e interessante per raccogliere idee, condividerle tra gli utenti e creare una guida utile e facile da consultare.  Speriamo che il servizio abbia successo e continui ad arricchirsi e magari ad aggiungere qualche altra features interessante in stile web 2.0.

Vale

*Carlo*

Un bravo sviluppatore web sa che Firebug è un estesione per Firefox che rente molto facile il debug delle nostre pagine web e ti permette di ottimizzare i tempi per fare delle modifiche evitando ogni volta di andare ad aprire direttamente il codice sorgente.

Non tutti sanno però che esiste una versione semplificata del mitico Firebug chiamata Firebug Lite, utilizzabile su browser come Internet Explorer, Opera e Apple Safari.

Firebug lite

Per poterlo utilizzare ci sono 2 modi: come chiamata Bookmark o come libreria Offline.

In modalità Bookmark bisogna aggiungere il seguente link nei preferiti:

javascript:var firebug=document.createElement(’script’);firebug.setAttribute(’src’,'http://getfirebug.com/releases/lite/1.2/firebug-lite-compressed.js’);document.body.appendChild(firebug);(function(){if(window.firebug.version){firebug.init();}else{setTimeout(arguments.callee);}})();void(firebug);

Sarà possibile attivare Firebug Lite su qualsiasi sito Web e da qualsiasi browser. Questa è forse l’opzione più interessante, nonostante le funzioni siano davvero limitate.

In modalità Offline se stiamo sviluppando noi un sito Web, è possibile scaricare un pacchetto Javascript ed installarlo sul nostro Web! In questo modo possiamo usare Firebug Lite anche senza una connessione Internet ed in locale.

Sebbene non sia possibile editare il CSS degli elementi selezionati, Firebug Lite fornisce un meccanismo per editare il CSS. E’ una cosa simile a una console CSS da dove scrivete il vostro codice CSS e ne visualizzate il risultato.

Sul sito ufficiale sono descritte piccole modifiche che si possono apportare a Firebug Lite, chi ne fosse interessato può consultarlo al seguente indirizzo http://getfirebug.com/lite.html.

Bene

Opinione di Google su un sito web e diagnosi dei potenziali problemi
La prima cosa da fare per aumentare la visibilità di un sito su Google è ottenere ulteriori informazioni su come i loro programmi automatizzati (robot) eseguono la scansione e l’indicizzazione del sito.

• Informazioni sulla scansione: si può verificare l’accesso al sito e vedere l’ultima visita di Googlebot. Si possono anche visualizzare gli URL per i quali si sono riscontrate difficoltà di scansione e il motivo della mancata scansione. In questo modo, si possono correggere gli eventuali problemi evitando a Google di dover indicizzare tutte le pagine.
• Convalida del file Robots.txt: si può verificare se ci sono problemi con il file e testare le modifiche al file stesso prima di modificarlo sul server dove è ospitato.
• Contenuto del sito web: si possono visualizzare i contenuti principali del sito e le parole utilizzate da altri siti nei link che vi rimandano.

Scoprire qual è il rendimento del sito
La seconda fase consiste nell’ottenere informazioni su ciò che indirizza il traffico al sito.

• Query principali: si possono trovare le query principali che indirizzano il traffico al sito e la sua posizione nei risultati di ricerca principali. Ciò consente di conoscere l’opinione degli utenti sul sito.
• Informazioni sull’indicizzazione: si può scoprire come viene indicizzato il sito e quali pagine vengono incluse nell’indice. Se nel sito si riscontrassero violazioni, gli strumenti offrono la possibilità di correggere i problemi e di inviare una richiesta di reinserimento del sito.

Condivisione con Google dei dati sul sito
Poiché nessuno conosce il sito meglio del suo webmaster, si possono anche condividere queste informazioni con Google e migliorare l’attitudine del sito alla scansione.

• Invia un file Sitemap: si possono comunicare tutti i dati relativi alle pagine del sito inviando un file Sitemap (in formato xml); si possono indicare quali sono le pagine più importanti e con quale frequenza vengono modificate.
• Specifica il dominio preferito: si può comunicare l’URL da utilizzare durante l’indicizzazione del sito; Google farà il possibile per indicizzare la versione preferita.

*Carlo*

Il procedimento da seguire è molto semplice: dovrete installare il software nel vostro PC o Mac ed effettuare la registrazione su www.logmein.com. Successivamente sarà proprio attraverso l’accesso a questo sito che potrete raggiungere il vostro desktop.
Il software si attiva in background ma è anche incredibilmente sicuro perchè vi sarà invece sufficiente disattivare l’applicazione per impedire che qualsivoglia accesso si possa realizzare via internet.

Vi domanderete dov’è l’inghippo. Come fa un software così perfetto ad essere anche gratuito?
La spiegazione sta nel fatto che gli sviluppatori vi offrono in omaggio a LogMeIn Free anche una versione in prova gratuita di LogMeIn Pro che comprende caratteristiche extra e professionali del software.

Con l’upgrade alla versione Pro è infatti possibile avere l’accesso remoto completo al computer, trascinare facilmente file e cartelle tra computer collegati, condividere file/foto con altri utenti (anche file troppo grandi per essere inviati via mail), potete effettuare stampe in remoto dal vostro computer in rete alla vostra stampante locale, potrete anche invitare amici e colleghi per un meeting, mostrando loro il vostro pc e interagendo con il vostro computer, e tanto altro ancora.

In realtà la versione base è più che sufficiente per qualsiasi tipo di utilizzo amatoriale. Se siete al lavoro, se siete a scuola o all’università e volete semplicemente dare una sbirciatina al vostro desktop o alla posta che vi è arrivata, LogMeIn è la soluzione più pratica, leggera, veloce ed economica per tutti voi.

*Carlo*

Per  comprenderle meglio linko qualche post interessante dai blog che hanno contribuito a divulgarle e che ogni giorno si impegnano per far si che l’accessibilità in Italia non sia solo teoria:

Marco Bertoni nel suo blog  Semplicemente.org, riassumendo ci fornisce una versione chiara delle dodici linee guida e dei principi alla base delle WCAG2.0.  (secondo me da stampare e conservare)

Da Webaccessibile.org troviamo la prima bozza integrale di traduzione delle WCAG2.0. in italiano, uscita recentemente.

E infine dal blog di Roberto Scano, un’ interessante interpretazione delle linee guida,  portate in musica offrendoci addirittura la canzone ufficiale in versione rap delle WCAG2.0., un modo alternativo per farle conoscere  e per far capire quante persone si impegnano affinchè ci sia diffusione sempre più consapevole dell’esigenza di  una cultura dell’accessibilità.

Vale

Dati statistici riportano un sostanziale calo dell’utilizzo di IE6 da parte degli utenti nell’ultimo anno,  viene quindi naturale chiedersi quale sia la strategia migliore per farlo uscire di scena nella maniera più indolore possibile.

Molti siti norvegesi hanno deciso di non supportare più questo browser, così come un buon numero di sviluppatori avevano dichiarato che nel 2009 avrebbero abbandonato IE6 creando anche gruppi sui social network come “Liberiamoci da Internet Explorer 6” su Facebook.

Le soluzioni sono molte, dalle proposte meno invasive  come una box /warning , prima dei contenuti,  che consiglia all’utente  di aggiornarsi per godere di tutte le funzionalità più avanzate del sito, alle proposte più estreme, come quella di non passare più fogli di stile a IE6, limitando l’esperienza utente a chi non vuole aggiornare il browser, ai soli contenuti testuali .

Io credo che la giusta soluzione stia nel mezzo, è vero che l’utente dovrebbe essere invitato con risolutezza ad aggiornarsi ma bisogna considerare anche le esigenze di molte aziende che non si aggiornano con facilità.
Sono curiosa di sapere cosa succederà e voi cosa ne pensate?

Vale

Il problema della compatibilità con i browser, infatti, riguarda tutti i siti Internet e nasce quando una pagina web o qualsiasi altra risorsa condivisa in rete viene sviluppata senza tener conto delle funzionalità presenti nei diversi browser, nelle diverse versioni degli stessi e nelle diverse piattaforme che li supportano.

Bisogna cercare di  adottare determinati accorgimenti in termini di linguaggi di markup (XML, XHTML, HTML ecc), fogli di stile (CSS, XSLT ecc), scripting lato client (javascript/ajax o altri) o eventuali altri formati di uso frequente sul web (Flash, Java), al fine di permettere all’utente che naviga di visualizzare e fruire i contenuti senza differenze dipendenti dal browser che utilizza.

Io la vedo come una ricerca, una ricerca del codice perfetto; a volte si rischia così di trasformarla in un’odissea, in una ricerca estenuante di trucchi e soluzioni alla miriade di bug che affliggono i browser presenti nel mercato.

Ma come fare a testare il nostro sito web su tutti i browser esistenti nel mercato?
Bè , esistono svariati programmi che ti permettono di testare il sito web, ma quello che mi ha colpito di più girando in rete è stato Browsershots.

Browsershot è un servizio web, gratuito, che permette di visualizzare un sito in 50 web browser diversi, di tutti e 4 i maggiori sistemi operativi (Linux, Windows, Mac OS X, BSD).
Basta inserire l’url del nostro sito web nell’apposito spazio , selezionare i browser con cui fare il controllo, addirittura puoi decidere di selezionare le dimensioni dello schermo, la profondità di colore, selezionare se sono presenti script  java e se è presente un animazione flash.

Avremo davanti a noi una serie di thumbnails: una per ogni browser scelto.
Se clicchiamo la thumbnail, ingrandiremo lo screenshot e otterremo informazioni  sul computer, sul browser, e sul rendering in generale. Cliccando invece sullo screenshot avremo l’immagine a grandezza massima.

Peccato che il confronto avvenga solo con degli screeshot e non si possa navigare all’interno dei vari  browser, ma chissà che in un futuro non venga sviluppato un modo semplice e veloce per testare i nostri siti web interagendo con i vari browser.

Quanto dovremmo ancora soffrire per raggiungere il codice perfetto?
Bene

scarica la mappa mentale per Google Analytics

*Carlo*

Per fortuna il problema è presto risolto in quanto la spiegazione ha basi molto solide: se nel nostro bellissimo design utilizzassimo dei titoli, testo o menù con font particolari o comunque non installati sul pc di chi visita le pagine, lo stesso font verrebbe sostituito con uno compreso nel set di font del pc utente andando così ad impattare sul risultato finale.
A questo punto utilizzeremo fonts particolari solo per elementi che potranno esser ritagliati come immagini (banner, box, etc) mentre i contenuti saranno inseriti con fonts che sicuramente sono installati su la maggior parte dei pc, mac, linux machine come Arial, Tahoma, Verdana, Trebuchet, Georgia,Courier.

Per chi volesse estendere il set di fonts ecco un elenco di risorse ove attingere gratuitamente:

Creamundo
Urban Fonts
1001 Free Fonts

Francy

Per attivarlo è sufficiente scegliere “Visite provenienti da iPhones” dal menu dei segmenti avanzati di Google Analytics:

Utilizzando i segmenti avanzati è inoltre possibile analizzare le abitudini degli utenti che visitano il sito con altri dispositivi come la PlayStation, l’iPod o la Nintendo Wii.

Questi nuovi segmenti saranno probabilmente fondamentali in futuro, mentre al momento – almeno in Italia – i numeri sono piuttosto bassi.

Può essere allora utile allargare la base del segmento e includere tutte le tipologie di cellulari. Per fare questo Bryson Meunier propone una super espressione regolare da inserire all’interno di un segmento basato sulla dimensione “Risoluzione dello schermo”.
L’espressione regolare è questa:
(^[1-2]?[0-9]?[0-9]|^3[0-1][0-9]|^320)x([1-3]?[0-9]?[0-9]$|4[0-7][0-9]$|480$)
e include tutte le risoluzioni fino a 320×480 pixel.

Questo segmento produce risultati di maggiore interesse statistico.

*Carlo*

[fonte: GA in 30 secondi]

Si tratta di un foglio di stile di base in grado di annullare tutte le proprietà CSS attribuite di default dai browser (dimensioni, peso, tipo, margini, padding, ecc..).

Interessante l’evoluzione del CSS nelle diverse versioni e soprattutto da non perdere la logica dietro le varie scelte implementative, ben illustrata dal guru.

Molti preferiscono usare un CSS di base magari che includa anche un ritmo verticale, in grado di fornire già un solido punto di partenza.

Io personalmente utilizzo con soddisfazione la tecnica di Meyer e voi? quale approccio di sviluppo preferite?

*Carlo*