Dopo 9 mesi di duro lavoro con il contributo di centinaia di sviluppatori, progettisti, collaudatori e gli stessi utenti, nella giornata di ieri è stata annunciato il rilascio della versione finale di jQuery UI 1.8 con 5 nuovi plugin e 1 nuovo effetto. (more...)

Continua a leggere Rilasciata jQuery UI 1.8

Categoria: Scripting

Da qualche giorno è visibile in rete un'anteprima funzionante della nuova home page della BBC che andrà  presto a sostituire l'attuale versione.In un lungo e dettagliato post sul blog ufficiale del broadcaster britannico, uno dei responsabili del progetto, Richard Titus, ha esposto la filosofia alla base del remake. La parola d'ordine sembra essere 'personalizzazione'. O meglio (e scusatemi per l'orribile resa in italiano): widgettizzazione. L'utente ha la possibilità  di aggregare i contenuti BBC che preferisce assistito da un'interfaccia studiata nei dettagli proprio per facilitare questo compito (in effetti, rispetto all'aggiunta di nuovi moduli e alla modifica di quelli esistenti è quanto di più intuitivo mi sia capitato di usare). I modelli citati da Titus sono Facebook, iGoogle e Netvibes.Non mi soffermo su altri dettagli, lasciando a voi il giudizio generale.Commentando la nuova home page sul suo blog, Tom Scott dice poi la sua sulla personalizzazione, esprimendo un parere che da utente mi sento di condividere: la personalizzazione non dovrebbe appartenere alla home page, ma essere consentita attraverso pagine utente ad hoc. Un po' come avviene per Google e iGoogle. Nel mio caso il giudizio è parzialissimo, non sono in generale un grande fan della personalizzazione delle pagine via widget preferendo come punto di partenza un buon feed reader. E voi? Tutti pazzi per Netvibes e i suoi fratelli? Vorreste qualcosa di simile a quanto offerto dalla BBC per i vostri siti di news preferiti?

Continua a leggere Personalizzare la home page: il modello BBC

Categoria: Web Design

Alcuni articoli interessanti sui CSS. La prima segnalazione è Creating bulletproof graphic link buttons with CSS di Roger Johansson, che presenta un modo per ottenere link-bottoni autoadattanti in larghezza e in altezza. Buoni i risultati, ma devo dire che il markup è decisamente troppo abbondante per fornire i necessari agganci grafici, soprattutto considerando che il più delle volte non c'è necessità  di scalabilità  in altezza per questa tipologia di elementi.Rimanendo sul tema bottoni: in Styling the Button Element with Sliding Doors viene presentato un modo semplice per avere elementi button grafici. Due piccoli appunti: una buona norma è specificare il colore di sfondo in casi simili, dato che a immagini disabilitate risulterebbe testo bianco su sfondo bianco. Penso poi che sia possibile ottenere lo stesso risultato con una sola immagine che combina i due stati, un po' come ho fatto in Bottoni con rollover e nel suo seguito Bottoni con rollover flessibili pubblicato su HTML.it lo scorso martedì.Passiamo a un altro di quegli elementi che sta spopolando in quanto a tutorial presenti in rete, ovvero lo star rater. Credo che il recente CSS The Star Matrix Pre-loaded con il relativo esempio rappresenti quanto di meglio si possa ottenere con i CSS e un'immagine unica, soprattutto per il fatto che viene mostrato anche il valore medio delle votazioni: molto dettagliato il tutorial e notevoli i risultati.

Continua a leggere Bottoni e star-rater

Categoria: CSS

Il recente Creating an AJAX Rating Widget è un corposo tutorial che guida nella creazione di uno star rater con Javascript e AJAX, e soprattutto spiega come sia possibile integrare il widget con i principali framework: Dojo, Mootools, Prototype e JQuery.Dopo una lettura veloce, ecco i due piccoli difetti che ho riscontrato nell'articolo: la mancanza di un esempio da consultare online e il fatto che il rating non è funzionale con Javascript disabilitato. Come complemento, segnalo quindi due risorse che potrebbero essere un buono spunto per realizzare uno star rater con l'approccio di progressive enhancement, a partire da una select: jQuery Star Rating Plugin e Star rating UI. Update: Laurent Haan, l'autore di Creating an AJAX Rating Widget, mi segnala alcune riflessioni sull'implementazione del widget dell'articolo e lo sviluppo accessibile dei widgets in generale in How to correctly use the power of widgets in Ajax. Una lettura decisamente notevole e articolata sull'usabilità  e la graceful degradation dei widget. Thanks Laurent!

Continua a leggere Uno star rater con CSS, Javascript e AJAX

Categoria: Scripting

Lo detesto!

19 Mar

Conoscete Snap Preview Anywhere? Se girate molto da un blog all'altro probabilmente sì. Per quanti non lo conoscessero ricordo che è un sistema per visualizzare all'interno di una specie di fumetto l'anteprima della pagina collegata ad un link. Non sto qui a discutere se e quanto possa essere utile. Fatto sta che io lo detesto. Mi scusino tutti quelli che lo adottano sul proprio sito (tra i blog che seguo l'ho notato su quelli di persone che stimo moltissimo e alcuni sono amici a cui ho già  posto la fatidica domanda: perché?). Non ce l'ho con voi, insomma, sono quelle idiosincrasie istintive difficili da spiegare.C'è però da dire che bisogna fare tanto di cappello a Snap. Visualizzando una bubble, viene mostrato anche il link alle opzioni da cui il visitatore può disabilitare la preview, su quel sito specifico o su tutti i siti. La cosa viene esplicitata anche nelle FAQ. Complimenti davvero, perché è un atteggiamento tutt'altro che comune.La stessa cosa (lo detesto) e anzi peggio potrei dirla a proposito di IntelliTXT e di qualche altro cazzabubolo di quelli che spesso trovano posto nelle colonne laterali dei blog.Bene, avrete già  capito come si chiude questo post: voi cosa detestate?

Continua a leggere Lo detesto!

Categoria: Software e Servizi

Gli effetti aqua e gloss sono tra i più usati per bottoni, navigazione e widget in applicazioni software e siti web. Cosa li differenzia? Sostanzialmente l'effetto aqua (manca la "c" non per un errore di grammatica o di battitura, ma perchè il termine si scrive così in inglese) rende un elemento trasparente, mentre l'effetto gloss lo rende lucido. L'effetto aqua poi è noto e usato da tempo, mentre l'effetto gloss è un po' più moderno ed è entrato alla ribalta in siti tipicamente Web 2.0. Distinguere un bottone con effetto aqua da uno con effetto gloss (a volte detto anche glossy) non è semplice, ma ci sono alcune caratteristiche che li contraddistinguono. Tipicamente l'effetto aqua dà  riflessi, gradienti e ombre più morbidi, mentre l'effetto gloss ha gradienti sottili, zone di luce più estese, magari non orizzontali o dritte, e sfumature quasi nette. (more...)

Continua a leggere Photoshop: Aqua vs Gloss

Categoria: Web Design

Eh, eh, appena ho letto della cosa sul feed RSS del W3C mi è venuto in mente un commento di Luca Mascaro al post sul fantamarkup di Alessandro Fulciniti.Ale vorrebbe un elemento widget nel prossimo HTML, e Luca rispondeva sibillino " per il resto, tipo widget, verrai accontentato presto ;)". Chissà  se voleva riferirsi al rilascio del working draft di una nuova specifica del W3C: Widgets 1.0.Confesso di aver dato al tutto un'occhiata veloce, ma se il W3C si muove è in genere perché propone armonizzazione, standardizzazione, interoperabilità ... Guarda caso sono alcuni dei temi caldi affrontati nel corso di WidgetsLive, la conferenza sui widget organizzata da Om Malik e di cui potete trovare un sunto sul blog di Nial Kennedy (ma anche su Read/Write Web).

Continua a leggere Una specifica per i widget

Categoria: Web Standards

Tags: ,

L'ultima novità  di Google è relativa ai Gadget. Ieri Cesare Lamanna ne ha parlato a proposito di Nokia e mobile, qui se ne parla oggi a proposito di Google e siti web.C'è una gallery, c'è del codice da manipolare, c'è la possibilità  di usare gadget altrui sui propri siti e c'è la possibilità  di offrire gadget propri a siti altrui. News, immagini, feed, utility, di tutto e di più. Quantomeno da darci un'occhiata. Se poi qualcuno ha voglia metta su un bel gadget che proponga alternativamente i contenuti di Webnews e di Edit, così tanto per vedere l'effetto che fa.

Continua a leggere Metti un gadget sul tuo sito web

Categoria: XML/RSS

Tags: , ,

Leggo su O'Reilly Radar del rilascio da parte di Nokia di WidSets. Chi ha scritto il post ha immediatamente e felicemente azzeccato il paragone. Si tratta di una sorta di versione per cellulari Java MIDP 2.0 di Netvibes. Ci si registra, si scarica il client e si organizza la propria collezione di widget, al momento per lo più basati sulla lettura di feed RSS.Interessante il processo di registrazione. Si sceglie all'inizio la solita accoppiata user name + password, poi si deve fornire il proprio numero di cellulare. Arriva subito un SMS che contiene il link per il download della versione adatta al proprio dispositivo. In pratica, da quello che ho capito, i dati di accesso vengono abbinati al numero di telefono, tanto che quando ci si connette non è necessario inserirli.Il client, poi, è perfettamente integrato con la dashboard fruibile via browser. Succede così che è possibile organizzare e gestire la nostra collezione di widget sul sito, collegarsi con il cellulare e sincronizzarli 'in diretta'... con un semplice click :).C'è anche un'area del proprio account chiamata 'Studio' dove è possibile cimentarsi nella creazione di moduli personalizzati.

Continua a leggere Da Nokia i widget mobili

Categoria: Software e Servizi

Sono in molti a ritenere che nel web design del futuro, almeno per l'utenza non professionale, ci sarà  sempre più spazio per i widget (Microsoft e Google preferiscono parlare di gadgets).Come si sa, si tratta di piccoli controlli da inserire in una pagina per implementare sulla stessa una certa funzionalità . Puà essere una lista delle ultime foto postate su Flickr, il feed RSS del nostro sito di news preferito, il meteo, l'elenco delle aste più interessanti su eBay, qualsiasi cosa.In pratica, chi prima si rivolgeva a Geocities, ora aprirà  un account su Google Pages o su una qualunque piattaforma di blogging, e riempirà  il suo sito con questi piccoli oggetti attingendo a collezioni messe a disposizione da chi fornisce il servizio (si veda l'esempio dei widget per Typepad) o da terze parti. Tempo fa, per dirne una, è stato lanciato in versione beta WidgetBox, un servizio che si propone come un grande punto di incontro per svilupattori che vorranno promuovere le proprie creazioni e utenti. La fase di test è a inviti, ma una buona recensione si trova su TechCrunch.

Continua a leggere Il futuro é dei widget

Categoria: Web Design