Piano Etudes, interfaccia Ajax per comporre col piano

Jason Freeman, professore di musica al Georgia Institute of Technology, ha creato utilizzando il GWT (Google Web Toolkit) Piano Etudes, un’interfaccia Ajax per scrivere brevi composizioni per pianoforte.

Decisamente semplice da utilizzare, Piano Etudes permette di creare, modificare, condividere e anche stampare su spartito le vostre composizioni, al fine di poterle riutilizzare poi anche dal vivo.

Qui sotto uno screenshot di come si presenta l’interfaccia:

Ulteriori informazioni sul blog ufficiale del progetto.

Scorrere gli elementi in diverse direzioni

La libreria jQuery ha già un buon set di metodi che permette lo slide degli elementi, ma qualche volta potremmo voler far scorrere i componenti in diverse direzioni; fortunatamente è facile realizzarlo!

Su uno dei migliori siti su jQuery (LearningJquery) oggi troviamo una guida che ci permette di creare degli effetti di scorrimento personalizzati e vengono proposti anche esempi di codice per ogni effetto creato.

Ruotare le immagini con Canvas jQuery

Sviluppato da Pawel Witkowski, Wilq32.RotateImage è un interessante plugin per jQuery che vi permetterà di ruotare facilmente le vostre immagini.

Qui sotto potete vedere un esempio di codice, che produce l’effetto sotto mostrato:

// just do it 5 degrees
$('#image2').rotate({angle:5});
// animate the rotation
var rot=$('#image3').rotate({maxAngle:25,minAngle:-55,
bind: [
{"mouseover":function(){rot.rotateAnimation(85);}},
{"mouseout":function(){rot.rotateAnimation(-35);}}
]
});


Google Visualization API: Grafici e analisi di dati.

Google Visualization API permette di analizzare dati e creare grafici di qualsiasi tipo da poter inserire nelle nostre applicazioni Web.

Questo tool offre numerose modalità di visualizzazione e mette a disposizione un ricco set di strumenti grafici che permette di salvare ed esporre i dati nei modi più vari.

Oltre alla documentazione completa fornita da Google, è uscito questo ottimo tutorial che spiega come utilizzare al meglio le Google Visualization API, dalla preparazione dei dati, alla creazione della visualizzazione personalizzata, fino al caricamento di dati e gestione degli eventi sui grafici.

OnAjax non è degno di WikiPedia

Signori è col lutto al braccio che vi annunciamo che OnAjax non è degno di Wikipedia :)

Il problema principale è in realtà che mi annoio in questi giorni e quale modo migliore di rallegrarsi che un bel Flame ? Lasciatemi divertire un po’ chiedo venia.

Tutto ha inizio l’altro giorno quando scorrazzando per wikipedia sono finito sulla voce relativa ad Ajax. Scorrendo fra le risorse collegate ho visto molti nomi familiari e una gran quantità di blog ma non c’era OnAjax ho quindi pensato potesse essere utile (per i visitatori di Wikipedia e anche per il nostro blog) aggiungere il link fra le risorse esterne. Non l’ho aggiunto in prima posizione che dio me ne guardi bene, ma in mezzo a tutti gli altri. Non è passata mezz’ora che Ramac, admin di Wikipedia e giovane programmatore suppergiù diciassettene rimuove il link. Alla sera un nostro utente lo reinserisce ma anche stavolta il link viene prontamente rimosso da Klaudio, giovane esperto di mezzi blindati sessentaseienne nonché presumo anche lui esperto di Web 2.0 ed Ajax.

Che posso dire … prendo atto che On Ajax non è degno di Wikipedia.

Eppure nel corso degli anni qualcosina pensavamo di essercelo meritato siamo stati credo (potrei sbagliare) il primo blog interamente dedicato ad Ajax in italia nel lontano giugno del 2005 (un po’ di whois sui domini di altri blog mi conforta su questa ipotesi, tutto posteriori a onajax.com). Siamo stati citati dal ben più noto Ajaxian e Max Kiesler fra i migliori blog in giro per il mondo su Ajax. Non abbiamo smesso di aggiornare il sito nel 2006 come la metà dei siti in lista.

Finito questo avvincente quanto melodrammatico Flame vi saluto tutti augurandomi che su Wikipedia non si ripeta quanto avvenuto a Dmoz (qualcuno forse capirà di cosa parlo :) )

jQuery ListNav - plugin per creare e gestire liste alfabetiche

jQuery ListNav è un ottimo plugin per creare e gestire widget di navigazione in liste di tipo UL o OL.

Il plugin si presenta con una barra di navigazione nella parte superiore, facilmente personalizzabile via CSS e divisa per lettere dalla A alla Z. Cliccando su una delle lettere la lista verrà filtrata, mostrando solo gli oggetti che cominciano per la lettere scelta.
Facile da applicare a liste già esistenti, funziona bene anche con LI contenenti codice HTML, mostra buone performance su liste molto lunghe ed è testato per funzionare su IE6, IE7, Firefox 2 e 3 (Windows e Mac) e Safari (Windows e Mac).

Tra le numerose opzioni presenti elenchiamo le più interessanti:

• mostrare il numero di oggetti per ogni lettera al passaggio del mouse;
• usare classi CSS per disabilitare visivamente le lettere che non contengono oggetti;
• utilizzare come selezione di default una lettera specifica oppure forzare la selezione di default su una lettera a scelta;
• scelta del testo da mostrare in caso di assenza di oggetti.

Potete provare QUI una DEMO.

imgPreview, Image Preview con jQuery

imgPreview è un plugin per jQuery che permetterà agli utenti di visualizzare una preview delle foto prima di cliccarci sopra, mostrandole in un box stile quello per i tooltip.

Inoltre, il caricamento della foto avviene durante la preview, quindi in caso gli utenti vadano a cliccare effettivamente l’immagine verrà visualizzata molto velocemente.

E’ in grado di trovare automaticamente il link a cui ancorare il box di preview, e inoltre dispone di diverse opzioni personalizzabili, quali definire la distanza dal cursore per cui si attiva il box, la sua dimensione, oppure eventuali funzioni di callback e molto altro.

FireScope nuova estensione di FireBug

FireBug, la più diffusa e utile estensione di FireFox per sviluppatori Web, oggi si arricchisce ulteriormente grazie all’uscita di FireScope.

Questa estensione è sviluppata da SitePoint e si integra appunto con FifeBug aggiungendo un pannello “Reference” che contiene materiale di riferimento per HTML e CSS.
Analizzando la pagina, FireScope fornisce informazioni per tutti gli elementi e gli attributi HTML presenti e per le prorpietà CSS utilizzate, indica se rispetta gli standard W3C e implementa una tabella che mostra com’è supportato un tag o una proprietà ccs sui diversi browser, che torna davvero utile per chi litiga spesso con i problemi di cross-browsing.
Oltre all’analisi della pagina visualizzata, è presente anche un motore di ricerca per trovare le informazioni su ciò che ci serve al momento. Per tutto il materiale fornito è presente un link che rimanda ad una documentazione più completa.

L’uscita di questo add-on coincide con il restyling del sito di documentazione al quale FireScope da riferimento, un buon lavoro di cui gli sviluppatori di SitePoint vanno fieri.

Internet Explorer 8 Release Candidate 1

Microsoft ha reso disponibile nella giornata di ieri Internet Explorer 8 Release Candidate 1, il che vuol dire che il rilascio della versione definitiva è ormai dietro l’angolo. Dopo circa 5 mesi dall’uscita della seconda beta, ecco che appare la versione quasi definitiva del famoso Browser.

Sebbene IE sia ancora il programma dominante, negli ultimi tempi gli altri browser come FireFox (che presto passerà alla 3.1), Opera e Google Chrome sono riusciti a guadagnare una fetta di mercato più ampia, sembra dunque che Microsoft si sia data da fare per stare al passo con i suoi concorrenti.

Ecco le novità rispetto alla versione di agosto:

• Sicurezza: si è lavorato molto su questo punto ed ora è stata inserita la protezione dal clickjacking (il furto di click); inoltre è presente la modalità di navigazione InPrivate che permette di visualizzare le pagine web senza lasciare traccia nella cronologia o nei cookie.

• Stabilità e Performance: è stata perfezionata l’affidabilità generale del programma mettendo a disposizione nuove pagine e nuove schede che rendono possibile accedere con un click ai siti preferiti, alla web mail e altri servizi in linea. Le prestazioni di IE8 sono migliorate e questo aumento performance si deve anche al nuovo motore di rendering oltre che al debutto di un inedito motore javascript.

Microsoft ha lavorato molto su questo Browser, lo ha migliorato rendendolo più sicuro, più rapido e più semplice e secondo le parole di Dean Hachamovitch, General Manager per Internet Explorer, tutto questo è stato possibile anche grazie ai feedback degli utenti, che sono stati ascoltati con attenzione.

Sono disponibili le versioni in italiano sia per Windows Vista e per Windows XP.

JSXGraph, e fare i grafici diventerà semplice

JSXGraph è una libreria cross-browser che vi permetterà di creare facilmente grafici interattivi, disegnare funzioni e gestire la visualizzazione grafica di dati in un web browser.

Implementato completamente in JavaScript, utilizza tecnologie di tipo SVG (Scalable Vector Graphics) e VML (Vector Markup Language, utilizzata anche da Google Maps).

E’ possibile creare grafici utilizzando JavaScript, un file o una stringa GEONExT oppure un file Inteorgeo.

Supporta anche funzioni matematiche molto complesse, aiutandovi a rappresentarle in modo semplice.

JSXGraph richiede Prototype JS library per funzionare