Già nel 2010 si era iniziato a parlare di Responsive Web Design, ma soltanto da pochi mesi hanno iniziato a vedersi dei progetti interessanti. Questo grazie alla diffusione sempre maggiore di siti basati su HTML5 CSS3 e al numero in continua crescita di persone che accedono a internet da dispositivi mobile.

Fino a poco tempo fa navigare online voleva dire stare seduti davanti a un PC, invece ora con la diffusione di smartphone, tablet, webtv ecc. questa situazione sta venendo sempre meno.

Se prima un elemento fondamentale e alla base dello sviluppo di un layout era l’area di lavoro, cioè quanto spazio avrebbe occupato un sito (soprattutto in termini di larghezza, e a volte anche di altezza), con il RWD si perde questo elemento perchè bisogna adattarsi all’utente e al device che sta utilizzando.

E’ evidente che questo cambia in modo il modo di fare web e di realizzare siti internet.

Tra i vari elementi di sviluppo che vengono incontro ai web designer il più importante è quello delle Media Queries CSS3 che permettono, oltre all’identificazione del media utilizzato (come accade già con quelle CSS2) , di rilevare anche le caratteristiche fisiche del dispositivo (larghezzza e altezza). Questa caratteristica è importantissima perchè permette di realizzare un layout il più possibile compatabile con i dispositivi presenti sul mercato.

Giancarlo

A colpo d’occhio gli aggiornamenti non sono si vedono, perché che si tratta più che altro di nuove funzioni dedicate agli sviluppatori oppure nuove funzioni nascoste nei menu.

La novità più interessante per chi si sviluppa è:

Page Inspector 3d View un potente tool di layout visivo. “Soprannominato Tilt, si tratta di uno strumento basato su WebGL che permette di visualizzare la struttura di una pagina web in modo più intuitivo rispetto ad una visualizzazione “piatta”, rendendo immediata la relazione tra il codice e l’output della pagina. Mentre strumenti come “Visualizza Sorgente” sono sempre stati utili per comprendere come sviluppare una pagina, la 3d View mostra più chiaramente come sono strutturate le varie parti di un sito. Dopo aver selezionato visualizzazione “3D” in Page Inspector,basta muovere il mouse per avere maggiori informazioni su ognuno degli elementi selezionati.”

All’interno di questo gli sviluppatori troveranno anche una nuova versione di Style Editor che permette di modificare i fogli di stile come in un editor di testi e vedere i cambiamenti immediatamente, senza mai dover uscire dal browser. Un modo per testare nuovi design del sito. Style Editor consente anche di salvare il file css modificato.

Invece la novità più interessante per l’utente è la possibilità di sincronizzare gli add-on fra un pc e l’altro attraverso Firefox Sync. L’opzione si trova nella scheda Sync della schermata delle preferenze. Molto utile per chi ha abbandonato Firefox in precedenza lo strumento per importare bookmark, history, e cookie da Chrome.

Francesca

Il 24 gennaio è uscita la versione 2.5 di Joomla. Come spiegato dagli sviluppatori questa è una versione LTS (long term support)  e verrà aggiornata e supportata per almeno i prossimi 18 mesi.

Forse la più importante novità è il supporto ai database Microsoft SQL Server liberandosi dal vincolo di dover utilizzare MySQL. In questo modo gli sviluppatori sperano di poter aumentare il numero di utilizzatori, infatti è probabile che verrà garantito il supporto anche per altri DB (cosa che avviene già in Drupal).

Gli sviluppatori raccomandano di aggiornare le versioni 1.7 il cui supporto cesserà il 24 febbraio.

Dal prossimo gennaio infatti tutti i computer basati su sistemi operativi Windows XP, Vista o 7 passeranno in automatico alle versioni 8 e 9 di Internet Explorer, senza possibilità di scelta e senza avvisi per l’aggiornamento, proprio sulla scia di quanto ha sempre fatto quello che attualmente è il principale rivale: Google Chrome.

Lo annuncia l’azienda di Redmond tramite un post apparso sul blog ufficiale di Windows.

In dettaglio, i computer basati su XP passeranno dalle versioni 6 o 7 di Internet Explorer alla 8, mentre gli utenti che utilizzano Vista o 7 migreranno in blocco verso IE9. Gli aggiornamenti silenti inizieranno nel prossimo gennaio, e inizialmente coinvolgeranno i paesi di Australia e Brasile.

Le motivazioni alla base di questa nuova strategia di Microsoft riguardano principalmente la sicurezza rivolta ai propri utilizzatori, che si ritroverebbero a navigare in un web più sicuro. A questo proposito infatti l’ultimo report Microsoft Security Intelligence ha sottolineato come le minacce più incombenti provengano dai nuovi malware per lo sfruttamento delle vulnerabilità negli strumenti di navigazione più obsoleti.

Microsoft ha tuttavia messo a disposizione il suo tool Automatic Update Blocker per tutti quegli utenti che non vorranno passare alle versioni successive del browser, anche se ne sconsiglia chiaramente l’utilizzo.

Personalmente, la trovo una “forzatura” che per la prima volta va seriamente incontro sia all’esigenza del navigatore, migliorandone la sicurezza, sia all’esigenza dello sviluppatore web che si vede sempre dover rincorrere mille versioni di browser, comprese quelle più obsolete, solo per non perdere una fetta tuttora ancora consistente di utenza finale, soprattutto in Italia.

Siete del mio stesso parere?

*C@rlo*

Ecco un’altra manifestazione interessante.. Il Better software 2011 si è svolto a Firenze il 27/28 giugno, presentato come “Una conferenza eclettica ricca di argomenti presentati dai maggiori esperti nazionali di software per far nascere idee e trovare nuove ispirazioni.”

La conferenza parla di produzione software in tutte le sue fasi dal design, al project management, allo sviluppo ma anche di tutte le tematiche che gravitano attorno al mondo del software e del web,  il ricco programma è stato rimpolpato da approfondimenti interessanti insieme ad esperti di web 2.0, usabilità e open source.

Speriamo che eventi come questo si verifichino più spesso

Valeria

Ebbene sì, da alcune settimane Google Analytics permette di visualizzare – nella sezione Contenuti dei rapporti – anche quello relativo alla velocità di caricamento delle pagine del proprio sito.

Affinché i rapporti Velocità sito funzionino, bisogna però modificare il codice di monitoraggio. La modifica consiste nel semplice inserimento di un metodo aggiuntivo:

_trackPageLoadTime();

dopo la chiamata alla funzione “_trackPageview”, e quindi:

_gaq.push(['_trackPageLoadTime']); > per il codice asincrono
o
pageTracker._trackPageLoadTime(); > per il codice precedente

Come da articolo nella guida ufficiale di Google Analytics, la visualizzazione predefinita del rapporto Velocità sito mostra Pagine (le pagine del tuo sito web) come dimensione principale. Riporta un elenco delle tue pagine a partire da quelle con la massima latenza fino a quelle con la latenza più bassa. In questa visualizzazione, la tabella del rapporto contiene le seguenti metriche:

• Tempo di caricamento medio della pagina: il tempo medio (in secondi) impiegato da una pagina per caricarsi, dall’avvio della visualizzazione di pagina (ad esempio clic su un link alla pagina) fino al termine del caricamento nel browser.
• Visualizzazioni di pagina: il numero effettivo di volte che la pagina è stata visualizzata nell’intervallo di date selezionato.
• Esempio di caricamento pagina: il numero effettivo di visualizzazioni di pagina sottoposte a campionamento per il calcolo del tempo medio di caricamento della pagina.
• Frequenza di rimbalzo: come per il rapporto Pagine, la percentuale di visualizzazioni di pagina nelle quali la pagina è stata la sola pagina visualizzata nella sessione.
• % uscita: come per il rapporto Pagine, la percentuale di visualizzazioni della pagina nelle quali la pagina è stata l’ultima pagina visualizzata nella sessione.

La visualizzazione predefinita di questo rapporto fornisce una serie di controlli che si possono utilizzare per modificare i dati della tabella. Ad esempio, si può scegliere una dimensione secondaria, come browser, insieme alla dimensione Pagine per avere un’idea della classificazione della latenza di una determinata pagina in base al browser. Si può selezionare anche una serie di altre dimensioni principali per questo rapporto. A destra del controllo Visualizzazione nella parte superiore della tabella, provate a selezionare Browser se si desidera visualizzare la latenza complessiva del sito per browser specifici.

Vista l’importanza sempre maggiore che viene data anche a livello di SEO alla velocità di caricamento delle pagine web di un sito (che in Google Analytics si traduce nel calcolo di latenza per un campione di visualizzazioni di pagina sulle pagine del proprio sito web), questo nuovo fattore si rivela un’interessante informazione in più da tenere sotto controllo.

*C@rlo*

Quasi a sorpresa infatti ha fatto uscire Google+ (o Google Plus) e contemporaneamente ha reso disponibile anche un app per Android: questo la dice lunga su quanto ci stessero lavorando dietro da tempo.
Anche il “bottone +1” che Google ha fatto uscire poco tempo fa aveva creato curiosità e aspettative sul fatto che non finisse tutto lì, e infatti…

Per ora è in versione demo e solo a inviti (peraltro attualmente bloccati da Google stesso), ma quello che trapela da notizie e da video sul web sembrerebbe essere un prodotto a 360° gradi: la sfida al colosso Facebook è lanciata!

Voi cosa ne pensate? Chi vincerà questa sfida?

*C@rlo*

Utilizzando framework Javascript, come ad esempio Jquery, Cufon, Mootools e Prototype per citare solo i più conosciuti, si possono incontrare problemi con Internet Explorer 9, poichè non supporta alcune precedenti versioni degli stessi.

La seguente tabella elenca le versioni dei più comuni framework JavaScript che affermano di avere piena compatibilità con IE9:

Un consiglio? beh, provare ad aggiornare all’ultima versione il framework utilizzato

[Articolo originale sul sito Microsoft: http://bit.ly/isdPDp]

*C@rlo*

Oltre a dover inizializzare il documento con il il nuovo doctype <!DOCTYPE> (che deve essere la prima cosa da inserire) ho utilizzato il nuovo meta tag <meta charset=”UTF-8″ /> che va a sostituire il bisogno di dover utilizzare <meta http-equiv=”Content-Type” content=”text/html; charset=UTF-8″>.
Per quanto riguarda il <body> ho utilizzato i nuovi tag <header>, <hgroup>, <nav>, <section>, <footer>.

Sono stato attento alla retrocompatibilità con i browser che non supportano le nuove implementazioni, in particolar modo IE8 e IE7.

Per ottenere questo ho utilizzato 3 file:

• un file reset.css per azzerare e uniformare il comportamento dei vari browser
• html5shiv: un workaround per abilitare gli elementi di html5 per versioni precedenti a IE9
• ie9-js: una libreria Javascript che forza IE5.5-8 a comportarsi come IE9

Il risultato ottenuto è stato superiore a ogni aspettativa, ho creato il template e l’ho controllato solo con FF4, solo una volta concluso il lavoro l’ho testato sugli altri browser e non c’erano problemi di visualizzazione.

Inoltre grazie ai nuovi selettori (in particolare nth-child e nth-of-type) sono riuscito ad ottenere un codice ancora più pulito

Giancarlo

È molto probabile che in effetti HTML5 sarà lo standard del futuro. YouTube, però, potrebbe decidere di impostare di default il formato VP8 (WebM), e il formato made in Google potrebbe contrastare e rallentare la crescita di HTML5 (secondo le dichiarazioni del World Wide Web Consortium sarà ratificato solo a luglio 2014).

Il nuovo standard dovrebbe migliorare notevolmente le performance e la gestione dei contenuti multimediali: per questo colossi come Microsoft, Google ed Apple non vedono l’ora che lo standard sia ratificato ufficialmente, in modo da poterne sfruttare al massimo le nuove potenzialità. Durante il mese di maggio ci sarà una riunione in cui molti operatori del settore verranno chiamati ad esprimere la propria valutazione riguardo le nuove specifiche: attendiamo quindi nuovi sviluppi.

[fonte: italiamac.it]

*C@rlo*

Vale

Per provare di persona è possibile farsi una ‘corsa’ su www.mta.me, mentre a questo indirizzo è possibile conoscere il dettaglio del progetto in questione.

Bello vero?

*C@rlo*

Nonostante l’entusiasmo che si sta diffondendo su HTML5, il W3C ha fatto sapere che sarà standardizzato solamente nel 2014.Il motivo di una data così lontana è che bisognerà mettere d’accordo browser e piattaforme diverse considerando anche il crescente numero di strumenti che si collegano alla rete.

Una cosa chiara già da ora è che HTML5 è un linguaggio dedicato alla rappresentazione della struttura della pagina web; imposta le basi per definire meglio i vari elementi che compongono la pagina (l’introduzione dei nuovi tag <header> e <nav> per esempio).Lo scopo di questi nuovi elementi è di contrassegnare le aree di una pagina in modo univoco (<header> e <footer>) a differenza di quanto succede ora con i div (<div id=”header”> e <div id=”footer”> per esempio).

Tutto questo è stato possibile grazie ai CSS. I fogli di stile hanno permesso che HTML si liberasse di tutti elementi stilistici diventando appunto un linguaggio dedicato solo alla struttura della pagina.Una delle novità più importanti introdotte con CSS3 sono i nuovi selettori e le nuove pseudo-classi che permettono di intervenire su un elemento ben definito di una pagina web e cosa ancora più importante senza dover intervenire sulla struttura HTML inserendo attributi class o id.

Per quanto riguarda il supporto Firefox, Chrome, Safari e Opera rispondono positivamente. Il problema si presenta con i prodotti Microsoft; fatta esclusione di IE9, le versioni precedenti si sono sempre distinte per un’implementazione un po’ scarsa senza dimenticare che i cicli di vita dei browser Microsoft sono notevolmente più lunghi rispetto a quelli di ogni altro browser.

HTML e CSS stanno di nuovo evolvendosi e renderanno la comunicazione in Rete ancora più straordinaria di quanto lo è già ora.

Giancarlo

Con la nascita di HTML5, molti sviluppatori ritengono che questo sarà lo standard del futuro per la programmazione web

Da tempo, infatti, si discute di specifiche, compatibilità con i browser. Un primo, seppur piccolo, passo in avanti è stato fatto dal World Wide Web Consortium (W3C) che ha annunciato di aver scelto il logo di HTML5, uno scudo rosso, contenente un 5, che ricorda una sorta di “S”, quasi a simboleggiare un supereroe secondo quanto definito dalla creatività dell’azienda autrice, la Ocupop: ‘Forte e autentico, resistente e universale come il markup che scrivi. Splende brillante come te, sviluppatore web dal pensiero lungimirante. Lo standar degli standard, stendardo del progresso. E di certo non usa le tabelle per il layout’.

Il logo non è solo un discorso di marketing (per altro importante dal momento che i precedenti HTML non ne avevano uno vero e proprio), ma serve ad inquadrareo il discorso sulle tecnologie Web di prossimo sviluppo e a cosa ci si riferisce quando si parla di HTML5. E vuole essere esteso oltre all’HTML5 in sé, per ricomprendere CSS (Cascading Style Sheet, linguaggio usato per definire la formattazione di documenti HTML, XHTML e XML), Svg (Scalable Vector Graphics, una tecnologia in grado di visualizzare oggetti di grafica vettoriale e, pertanto, di gestire immagini scalabili dimensionalmente), Woff (Web Open Font Format, un formato per font utilizzato nelle pagine Web) e altre tecnologie che costituiscono la piattaforma open web. Per ognuna delle quali è stato approntato un’icona differente. Un utilizzo che tuttavia è in parte criticato da alcuni sviluppatori, che avrebbero preferito una più netta circoscrizione della definizione.

HTML5 sarà una rivoluzione nell’ambito della programmazione Internet e diventerà sicuramente uno dei linguaggi più utilizzati e richiesti già dal 2011. La maggior parte dei comandi è stata già validata dal W3C e anche se altro lavoro rimane da fare al consorzio prima del rilascio definitivo, l’HTML5 è già pienamente utilizzabile.

Le differenze tra HTML4 e HTML5 sono profonde e sostanziali, tanto che non si può fare nessun paragone: HTML5 è in grado di gestire animazioni 3D, video, multimedia, programmazione con i database, cloud storage e lavorare in perfetto connubio con i fogli di stile, in particolare con i CSS3. Proprio queste peculiarità sono state inserite graficamente all’interno del logo ufficiale dell’HTML5 rilasciato poche ore fa dal W3C.

Il logo può essere usato da chiunque, essendo stato pubblicato in licenza Creative Commons. Materiale per comprendere le novità di HTML5 si possono trovare su un sito di Microsoft, HTML5 Labs, creato per testare e verificare le potenzialità dell’HTML5 direttamente sul web.

Da ricordare che anche Adobe si è già mossa verso il nuovo standard, rilasciando Adobe Illustrator CS5 e un add-on gratuita per Dreamweaver CS5 chiamata HTML5 Pack.

[fonti: Punto Informatico - Webmasterpoint]

Diego

IE9, non ancora in fase beta, sta già abbattendo la concorrenza. Al secondo posto si piazza Google Chrome 7.0.517.41 beta, a seguire dopo Firefox 4 beta 6, Opera 10.60 e Safari 5.0.
Il rapporto completo di questo test si trova sul sito web del W3C.

Microsoft prevede di rilasciare Internet Explorer 9 Release Candidate (RC) entro i prossimi mesi, saltando la release Beta 2.

 
Diego

In questa release sono molte le novità introdotte e riguardano i diversi aspetti che costituiscono il CMS, anche perchè l’applicazione è stata riscritta per buona parte partendo da zero.

Ecco un breve elenco delle principali novità introdotte:

• suddivisione dei contenuti basata su “Categorie” e non più su “Sezioni”
• miglioramento della gestione dell’Access Control List e dei privilegi degli utenti
• possibilità di visualizzare gli oggetti bloccati
• miglioramento della gestione delle sessioni
• compatibilità piena con Flash 10
• strumenti che permettono il multi-upload dei files
• la possibilità di escludere i moduli da specifiche pagine di un sito
• miglioramento per il supporto del multi-language

A causa di queste grosse novità il passaggio dalle versioni 1.5 non sarà semplice in quanto bisognerà fare una vera
e propria migrazione. Ma questo non deve preoccupare in quanto la versione 1.5 verrà supportata ancora per un bel
po’ di mesi.

Per quanto riguarda le estensioni già qualche centinaio sono compatibili con la versione 1.6, il problema in questo caso è la compatibilità. Le estensioni per la vecchia versione non saranno utilizzabili per quella nuova e viceversa.

Giancarlo

A partire da inizio novembre la cosiddetta “Anteprima istantanea” è disponibile su Google .com e, spiega Google, nei giorni seguenti sarà disponibile in 40 lingue differenti, italiano compreso.

Il funzionamento è semplice: una volta formulata la query, Google Instant offre immediatamente le risposte per quanto cercato. Al fianco di ogni risultato comparirà d’ora in poi l’icona raffigurante una lente di ingrandimento: il semplice passaggio del mouse su questa icona consente di vedere l’anteprima del sito relativo.

Google Anteprima Istantanea consente infatti di:

• Confrontare i risultati velocemente: un confronto visivo di tutti i risultati di ricerca aiuta ad individuare quale sia quello giusto, perché dà un’idea del sito prima ancora di accedervi;
• Individuare i contenuti rilevanti: le caselle di testo evidenziano dove compare il termine cercato sulla pagina web. In questo modo é possibile valutare se questo coincide effettivamente con la ricerca effettuata;

*C@rlo*

Ultimamente navigando in rete sento sempre più spesso parlare dell’uso di griglie e di framework css nella creazione di pagine web. Mi capita spesso di pensare a quale sarà il passo successivo nel tentativo di facilitare la vita di noi sviluppatori, personalmente non mi sono fatta ancora un parere su questi strumenti avendoli utilizzati poco. In parte apprezzo il fatto che le pagine web vengano strutturate in maniera ordinata e con un approccio più vicino al layout tipografico, dall’altra come non ho mai fatto molto uso in passato dei template predefiniti non sento ancora la spinta a cercare framework css che sembrano semplificare la vita ma in pratica vanno poi considerate le personalizzazioni del caso. Per ora resto al vecchio metodo, css reset e codice a mano.. però si può sempre cambiare idea no? e voi cosa ne pensate?

Intanto vediamo alcuni link interessanti sulle griglie e i framework css:

http://pecciola.com/2010/03/6-ottimi-framework-css.html

http://blog.html.it/28/08/2008/qual-e-il-framework-css-giusto-per-te/

http://blog.html.it/11/10/2010/thesquaregrid-un-framework-css-con-griglia-a-35-colonne/

Vale

I microformati rappresentano una soluzione semplice e nello stesso tempo interessante per far si che i browser siano in grado di interpretare e aggregare le informazioni inserite nelle pagine web, avvicinandoci sempre più a un concetto di web semantico e ad un utilizzo di Internet più strutturato dove l’uomo sia al primo posto rispetto alla macchina.

Facciamo un esempio, se inserisco in una pagina web l’ora e i dati di un evento, una data di compleanno, un prezzo,  l’utente sarà in grado di distinguere a prima vista che cosa rappresentano quei numeri e quelle informazioni, ma per il browser quei dati sono solo numeri . E’ proprio in questo contesto che entrano in gioco i microformati, attraverso l’utilizzo di brevi porzioni di codice XHTML inserite nel codice della pagina posso segnalare il significato di quelle informazioni al browser, dando l’opportunità di aggregarle e renderle utili.

Da ICTV leggiamo la trascrizione di un video relativo ai microformati:

“Una volta riconosciuti, questi elementi possono essere gestiti in decine di modi diversi: gli indirizzi stradali si cercano su una mappa online, i contatti si aggiungono direttamente al proprio servizio di posta elettronica e gli eventi si includono con un click in un calendario online. Per i tag la scelta è più ampia: si possono cercare contenuti affini su Flickr, Technorati e altri siti che adottano classificazioni compatibili.

Le pagine Web in questo modo vengono come scomposte in singole unità di informazioni. I dati conservati in una pagina Web acquistano indipendenza e dunque portabilità: l’utente li può identificare più facilmente, li può trasferire su altri servizi, li può salvare nel proprio computer e li può utilizzare per creare a sua volta nuove pagine o applicazioni Web.”

I microformati quindi sembrano essere destinati nella loro semplicità a cambiare il volto del web, l’unica pecca è sempre rappresentata dalla compatibilità tra i browser, per ora solo mozilla li supporta, inoltre per fruire dei contenuti segnalati dai microformati occorre utilizzare dei plug-in, per Firefox il migliore è  la barra di Operator, un’estensione gratuita che si popola di informazioni durante la navigazione.

Per approfondire i microformati:

• Microformats.org, la comunità di sviluppatori indipendenti che promuove i microformati
• Il video di ICTV sui Microformati
• L’articolo “Cosa Sono I Microformati E Perché Rendono Le Informazioni Online Più Facili Da Trovare” di Robin Good

Valeria

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