Urbangap

Mese: January 2008

Star rater con AJAX e Javascript

21 January 2008

Agli amanti di AJAX e Javascript segnalo Creating an AJAX Rating Widget, tutorial in inglese che permette di realizzare facilmente uno star rater. Inoltre spiega come integrare il widget con i princiapli framework open source quali Djo, Mootools, Prototype e JQuery. Unico neo, il rating non è funzionante con Javascript disabilitato.

Interessante anche il tutorial Creating a Star Rater using CSS, che permette di ralizzare la grafica di uno star rater totalemnte in CSS.

Autore:cava   Categoria:Ajax, Web 2.0, XHTML - 2 Commenti »

Flash design per un’interattività eccellente

15 January 2008

excellent flash designs monoface

Leggendo “65 excellent flash designs“, uno dei tanti interessanti articoli su Smashing Magazine, sono stato particolarmente colpito dalla genialità e dall’eleganza delle soluzioni adottate da alcuni flash designer per rendere più interattivi i loro siti.

Probabilmente li conoscerete già, ma non posso resistere alla tentazione di segnalarvi quei siti (tra quelli proposti nell’articolo) che meglio rappresentano il concetto “soliti contenuti, insolita presentazione”, uno dei segreti del successo (non solo) sul web:

  • l’agenzia Mono di Minneapolis ha ideato un divertente giochino flash che miscela le facce dei componenti del proprio team in una buffa “monoface”, un modo sicuramente originale per presentarsi e augurare buon anno a clienti vecchi e nuovi
    http://www.mono-1.com/monoface/main.html
  • nel sito del fotografo Kimm Saatvedt il menù c’è ma non si vede
    http://www.kimm.no
  • la navigazione tra le gallerie fotografiche di Filippa Smedhagen Sund, makeup artist svedese, avviene tramite drag&drop (!) delle varie slides
    http://www.filippasmedhagensund.com
  • attenzione al mal di mare, il sito dell’art director Kashiva Sato è una matrice di palette pulsanti, nella sua follia assolutamente all’avanguardia
    http://kashiwasato.com
  • la navigazione tridimensionale di Chromazone è decisamente ben riuscita e il tuffo nelle diverse sezioni rende perfettamente l’idea di “immersione nel colore”
    http://www.chromazone-imaging.co.uk/flashindex.html

Magari non sono tutte idee nuovissime, ma sono sicuramente una buona base di partenza da cui prendere spunto per elaborare ulteriori soluzioni e soprattutto imparare a presentare in maniera originale i contenuti dei propri siti web.

Autore:federico   Categoria:Design, Flash, Interattività, Web Sites - Nessun Commento »

MiniAJAX.com

14 January 2008

A tutti gli amanti del Web 2.0 segnalo MiniAJAX.com, un sito che contiene una vasta raccolta di scripts AJAX molti dei quali personalizzabili e configurabili a piacimento.

Tra gli script, sottolineo:

  • TrickBox 3.1, che permette di visualizzare sia immagini che contenuti HTML, senza aprire nuove pagine (una LightBox evoluta)
  • Cross-Fade, che permette il “cross-fade” multiplo di elementi HTML

Autore:cava   Categoria:Ajax, Web 2.0, Web Sites, XHTML - Nessun Commento »

Cellulare RFID-enabled

11 January 2008

Vincitori del London hackday 2007, Michael Young e Nick Bilton hanno ideato un ingegnoso meccanismo per sincronizzare il proprio cellulare con un’agenda appuntamenti online, utilizzando la tecnologia RFID.

Leggendo la descrizione del progetto sul sito ufficiale, il sistema funziona in questo modo:

  • posizionate il vostro telefono cellulare RFID-enabled (per ora non è ancora chiaro a chi rivolgersi per la modifica…) sul lettore collegato al vostro PC
  • il browser del PC vi redirezionerà automaticamente su Shifd.com (il sito dell’agenda online) dove potrete accedere al vostro account (o crearne uno nuovo)
  • annotate i vostri appuntamenti scrivendoli direttamente nella vostra pagina personale o consultate i servizi di Yahoo (che guarda caso è uno degli sponsor dell’iniziativa)
  • specificate l’ammontare di tempo che avete a disposizione in modo che l’applicazione possa inviare al vostro cellulare solo le informazioni più urgenti
  • riprendetevi il telefono e andate dove dovete andare, il PC capirà che vi siete disconnessi e vi manderà un SMS con il link della vostra pagina appuntamenti consultabile direttamente da cellulare
  • viceversa appena ritornerete davanti al PC il browser riaprirà la pagina della vostra agenda esattamente nel punto in cui l’avete lasciata durante l’ultima consultazione da cellulare

L’idea è veramente interessante e presenta il tipico livello di integrazione dei servizi web 2.0, certo è che in Italia, con il costo delle connessioni GPRS/UMTS attuali (e la scarsità delle offerte, date un occhiata a google) aspetteremo ancora un bel pezzo prima che si diffondano applicazioni di questo tipo!

Autore:federico   Categoria:Hi-Tech, Interattività, Web 2.0 - 2 Commenti »

L’araba fenice HTML4.01 risorge come HTML5

7 January 2008

L’HTML 4.01 doveva essere sostituito per sempre da linguaggi basati sull’XML. Poi è successo che alcuni produttori di browser, come Apple, Opera e Mozilla, si sono liberamente riuniti per discutere una nuova possibilità: creare una nuova versione di HTML, chiamata inizialmente Web Application 1.0, ma resa popolare come HTML5.

Qualche tempo dopo il W3C è tornato sui suoi passi, ha raccolto la sfida del WHATWG, e ha messo in piedi un nuovo gruppo di lavoro interno per scrivere una nuova versione di HTML. E così l’HTML è di nuovo in pista, resuscitato dall’oltretomba.

HTML5 propone alcune modifiche all’HTML4, introducendo alcuni elementi non legati al concetto di documento, orientati alla produzione di applicazioni web. In sostanza, nuovi marcatori vengono introdotti per gestire le transazioni via form, elementi interattivi come i menu, la memorizzazione di stati della pagina (fondamentale per tutte le applicazioni del cosiddetto web 2.0), di dati persistenti, e così via. HTML5 in realtà aggiunge modifiche al DOM, alle API, e altre novità interessanti.

Il WHATWG sostiene che è perché l’HTML è ciò che la maggior parte della gente (e dei siti) usa, dunque è giusto occuparsi di ciò che la gente usa. Poi è probabile che sia anche perché la strada intrapresa con XHTML 2.0 non è piaciuta alla maggior parte dei produttori di browser e degli sviluppatori. Ma HTML5 non abolisce l’uso di XHTML. Infatti la specifica porta avanti parallelamente due linguaggi: HTML5, e il corrispondente XHTML5. Chi vorrà potrà ancora utilizzare XHTML.

HTML5 viene sviluppato in maniera modulare. Alcune parti sono più mature, altre meno. Gli autori prevedono che lo sviluppo completo occuperà i prossimi 15 anni, dunque hanno preso le cose seriamente… Attualmente, alcuni browser già interpretano parti della specifica, anche se pare non correttamente. In realtà, trasformare pagine HTML in HTML5 sarà facile: grazie al fatto che HTML5 è retrocompatibile, basterà cambiare il doctype.

Fonte articolo: Ecologia dei siti web

Autore:cava   Categoria:Web 2.0, XHTML - 1 Commento »

Add to Technorati Favorites

Feed RSS

Sponsor

Commenti:

  • Gioacchino Poletto: Io utilizzo IE7 Enhanced ;)
  • WD Web Design: Per fortuna esiste questo script… che risolve un grosso problema per i web...
  • WD Web Design: Sicuramente lodevole la faccenda del risparmio di energia, ma credo sia una cosa...
  • Mad: Certo che ce n’è di gente geniale in giro!
  • Gioacchino: Vedo che gli anni passano ma i brutti … restano ! :-D Un saluto a tutti ..