YAV, un tool javascript per la validazione di form

Yav è un tool di validazione di form html, semplice da implementare, interessante nelle features, indispensabile per il programmatore che vuole offrire una esperienza ricca ed accessibile ai propri utenti.

Segue una lista delle principali caratteristiche:

• Grande varietà di regole di validazione
• notifica degli errori all'onblur
• Regole avanzate per la definizione di pre-condizioni e post-condizioni
• Ampliabile e flessibile: l'utente può creare le proprie regole
• messaggi di aiuto all'onfocus
• Notifica degli errori classica ed avanzata, anch'essa personalizzabile
• Supporto ajax
• Compatibilità con i browser più diffusi
• Solo 17kb senza dipendenze da librerie esterne

Yav è rilasciato sotto licenza LGPL, perciò si può utilizzare sia in progetti commerciali che open-source.

Ecco alcuni esempi di applicazione: http://yav.sourceforge.net/it/example_1.html

Se siete interessati a saperne di più sulla validazione istantanea dei form con ajax, vi rimando a questo interessante articolo di A List Apart: Inline Validation in web forms.

Leggi tutto...

jQuery Tools, una collezione di plugin per jQuery

Cercando un plugin per rendere gli elementi di un div scrollabili in orizzontale, ho trovato questa ottima libreria di plugin per jQuery: jQuery TOOLS.

La libreria include i seguenti plugin:

• tabs
  
  Un classico sistema di tabs in jQuery. L'autore afferma che le tabs (o linguette) sono la parte più popolare delle interfacce lato utente, perchè sono intuitive da usare, gli utenti le conoscono e riconoscono, e permettono di organizzare la pagina in modo più comodo e accessibile. L'autore afferma che la sua implementazione è la migliore che si possa trovare nel web, ed in effetti basta una sola riga di codice per applicare il plugin al nostro elemento, è leggera, e le feature sono molte ed interessanti.
  


• tooltips
  
  I tooltips sono le simpatiche nuvolette che appaiono al passaggio del mouse sopra ad un link. Sono utilissime per dare informazioni aggiuntive ai nostri utenti. I tooltips sono facilmente ottenibili con l'attributo title del tag, ma con l'aiuto di jQuery possiamo avere effetti più interessanti e più accattivanti. La soluzione proposta da jQuery Tools è semplice da implementare e molto personalizzabile.


• scrollable
  
  Ottimo plugin per lo scrolling orizzontale di contenuti, attivabile al click del mouse, con le freccie direzionali della tastiera o con la rotellina del mouse.


• overlay
  
  Ovvero un altro modo di chiamare un lightbox clone. Questo plugin permette di aprire una immagine o una pagina esterna in un riquadro che sta sopra a tutti gli altri contenuti della pagina, con un effetto fluido e accattivante.


• expose
  
  Bellissimo, superlativo effetto di focus su un elemento. Ottimo per dare visibilità all'elemento attivo. Assolutamente da provare.


• flashembed
  
  Un clone (o un miglioramento, giudicate voi) dell'usatissimo swfobject, ovvero usare javascript per inserire filmati flash nelle nostre pagine web senza invalidare il nostro codice html.

Buon divertimento!

LINK: http://flowplayer.org/tools/demos/index.html

Leggi tutto...

WS-Slideshow, uno slideshow gratuito in flash

Cercando uno slideshow in flash gratuito per un amico, mi sono imbattuta in questo bel prodotto di Jens Krause, WS-slideshow .
Si tratta di una galleria in flash, che supporta anche la lingua italiana, completamente gratuita per uso privato e non commerciale.

Le sue caratteristiche sono:

• Configurazione e aggiornamento semplicissimi grazie al WS-Slideshow Configurator
• Comportamenti, stili e proprietà possono essere personalizzati
• Quantità illimitata di immagini grazie a un sistema di caricamento intelligent
• Possibilità di usare *.gif, *.png o *.jpg
• Album illimitati con sistema di loop incluso
• Descrizioni per album e per immagini
• Supporto per Flickr
• Scalabile da 300 x 220 fino al full screen
• Tutte le lingue sono supportate
  
• Scorciatoie da tastiera
  
• Pesa solo 76kb
• Adobe Flash Player versione 9.0.28 o più recente
  

Link: http://www.ws-slideshow.com/

Leggi tutto...