'Esempi Ajax'

PXN8: Fotoritocco Online con Ajax

Oltre ad avere un’interfaccia Ajax Based decismente ben fatta, PXN8.com è una delle prime applicazioni web based veramente ben fatte per ritoccare immagini online.
Non dovrete far altro che uploadare la vostra foto e potrete iniziare ad applicare filtri, rimuovere occhi rossi, e molto altro ancora. Decisamente apprezzabile anche l’integrazione con Flickr che consente l’upload immediato sul più noto sistema di catalogazione immagini online.

Commercio elettronico con un tocco di dinamismo

Non si tratta proprio di Ajax ma di un bell’esempio di come creare siti di ecommerce dinamici in Flash, tuttavia molte delle cose proposte da Etsy.com potrebbero anche essere realizzate con Ajax.
Questo interessante sito consente a tutti gli utenti di vendere oggetti vari purché siano artigianali. Decisamente accattivante l’interfaccia che con vari widget flash posizionati al posto giusto, non perdetevi la Time Machine che vi consentirà di ripercorrere a ritroso la spirale di oggetti venduti dagli utenti del sito.
Etsy

ColorBender: Scegliere il colore giusto

Si chiama Colorbender il nuovissimo servizio web based per “giocare” con i colori. Decisamente un tool utile per i web designer alla ricerca dei colori giusti per il proprio sito. E’ disponibile anche l’export delle scelte cromatiche fatte in vari formati.
Dato un colore di vostro piacimento, creato attraverso dei comodi componenti slider, ColorBender provvederà a suggerirvi una serie di colori che ben si abbinano col vostro. Decisamente utile !

Risiko si rinnova con Ajax

Sembra proprio che Risiko, lo storico gioco da tavolo, abbia un buon seguito di fans anche fra gli sviluppatori Ajax.
Ed ecco infatti una versione di risiko giocabile con qualsiasi browser. La cosa curiosa è che come tavolo di gioco viene utilizzato Google Maps e tutto il gioco è realizzato in Ajax con XmlHttpRequest e le comodissime API di google.
Se volete fare una parita non dovete fare altro che andare sulla homepage di GMRisk
Google Map Risico

Dojo WYSIWYG Editor

I ragazzi di Dojo Toolkit hanno creato un Editor WYSIWYG realizzato per garantire la massima compatibilità cross browser, safari incluso.

Dal documento di presentazione del nuovo editor:

Rich text (WYSIWYG) editing on the web is a difficult problem. Browser-based rich text editors to date have failed to meet users stability expectations or in other ways subtly break the seamlessness of the editing experience.

JotSpot has been a key sponsor of Dojo and as the first Wiki to provide usable WYSIWYG, Jot’s WYSIWYG editor is a critical part of the Wiki experience. While WYSIWYG is a clear advantage, it can be quickly undermined if niggling interaction problems or crashes make users distrustful or hesitant. Trust is earned slowly, but can be destroyed in the blink of an eye.

Testing showed almost every in-browser editor breaks user expectations or makes editing unstable. Of course it’s not intentional. WYSIWYG on the web is a hard problem, and providing features cross-browser is a difficult feat. We’ve all struggled against unhelpful APIs, lousy documentation, and a never-ending maze of bugs and feature requests. Amidst the frustration it’s easy to forget that while it is possible to add a feature, endangering a solid experience is never worth it. What use is an editor if “undo” doesn’t work? Do the semantics of an editor’s output matter if it crashes?

A new editor that adhered to strict user-experience and reliability principles was needed. The results are the Dojo Rich Text, Toolbar, and Editor controls. JotSpot has generously made this work Open Source Software under the same liberal license as Dojo.

in particolare è stata posta molta attenzione al non causare in nessuna situazione perdite di dati per l’utente e di consentire l’uso dell’undo (ctrl-z) il più possibile. L’utilizzo richiede ovviamente l’installazione del Dojo Toolkit.

Pragmatic Ajax in beta

ajax coverLa dicitura beta potrebbe far pensare ad una nuova libreria di sviluppo Ajax ed invece no, questa volta si tratta di un libro, che io sappia il primo, dedicato interamente a chi vuole imparare lo sviluppo web avvalendosi di Ajax. Come dicevamo il libro è in beta, ciò significa che potete acquistarlo fin da subito in formato pdf e man mano che gli autori effettuano correzioni ed aggiunte potrete scaricare sempre la nuova versione fino a quella finale. L’indice del libro sembra assai interessante e va dai concetti base all’uso di Google Maps fino alla progettazione di UI con Ajax. Gli autori per altro sono due vere autorità nel settore: Justin Gehtland, Ben Galbraith e Dion Almaer. Se volete dare uno sguardo al libro potete vederne la scheda qui.

Zimbra: Webmail ajax Open Source

Segnalo a tutti gli amanti di Ajax, Zimbra, un’interessantissimo progetto Open Source di Webmail dall’interfaccia web decisamente innovativa. Il sistema utilizza Ajax e una buona quantità di Javascript per effettuare drag & drop ed altre funzionalità. Il sistema sembra funzionare bene ed è decisamente piacevole anche se non velocissimo. Oltre alla webmail sono presenti moduli per la gestione contatti ed appuntamenti. E’ disponibile sia una demo online che una release beta per il download.

Ajaxed.com - autocompletamento javascript facile

Vi segnaliamo un interessante nuovo servizio: Ajaxed. Il sito, previa registrazione vi consentirà di generare facilmente, attraverso scelte guidate, un sistema di autocompletamento dei campi di una form così come in Google Suggest utilizzando Javascript ed Ajax. L’autocomplete dei campi è una delle funzioni che stanno avendo più successo per il primo approccio ad Ajax e un sistema di generazione automatica che renda questa tecnica alla portata di tutti è sicuramente una bella idea !

Digg, Ajax autorefresh

DiggDigg ci offre un ottimo esempio di Ajax. Sull’esempio proposto il contenuto della pagina si aggiorna automaticamente via Ajax ogni pochi secondi e con un simpatico effetto di fade-in Javascript ci mostra in tempo reale tutte le entry del proprio database (un misto di blog e community bookmarking) più gradite dai visitatori.

Ajax Zoom, Drag & Pan

Mi sono appena imbattuto in un esempio di applicazione web di nuova generazione che mi ha veramente sorpreso. Il concetto di base è quello di google map, una grande immagine spezzettata in molte miniature che vengono caricate dinamicamente in base alla posizione dell’utente, il tutto con possibilità di dragging e zoom. Molto interessante è però il metodo di realizzazione, quasi perfetto direi, e l’interessante campo di applicazione.

Press Daily consente infatti di vedere le prime pagine di tutti i più importanti quotidiani del mondo, compresi quelli italiani e, pagando una piccola somma, si ha diritto alla consultazione di tutto il giornale.

Se volete rimanere a bocca aperta provate a effettuare col mouse, tenendo schiacciato il tasto sinistro del mouse, un cerchio intorno all’articolo che volete leggere !