TagTagWeb: Script a portata di mano

Ketchup – plugin jQuery per validazione form

ketchup

Ketchup è un semplice jQuery Plugin per la validazione di form, E’ un pluginmolto flessibile e enstensibile per la sua apparenza e funzionalità.

Se non ti piace lo stile puoi cambiarlo facilmente, non è presente un funzione di validazione? Puoi benissimo aggiungerla ti stesso.

Comunque Ketchup si presenta con uno stile semplice e accattivante e presenta le più comuni funzioni di validazioni..

Richiede: jQuery Framework
Demo: http://demos.usejquery.com/ketchup-plugin/
Licenza: MIT, GPL License

jQuery Magic Line Navigation

jQuery Magic Line Navigation permette di ottenere delle evidenziazioni di qualcosa (un background o una sottolineatura) che segue il mouse quando passa sopra a differenti link di un menu di navigazione.

Questa linea  o effetto magico è ottenuto solamente utilizzando css e jQuery. Una volta aggiunta la funzione alla lista e allo stile l’animazione si adatterà alla posizione e alla lunghezza del testo da evidenziate.

Richiede: jQuery Framework
Demo: http://css-tricks.com/examples/MagicLine/
Licenza: Free

Come creare tabs dinamici con jQuery

Quando si parla di tab all’interno di un sito web molto spesso ci si riferisce alla barra di naviagazione, comunque questi possono essere utilizzati per visualizzare differenti elementi all’interno di una pagina. Janko ha scritto un tutorial che mostra come utilizzare jQuery per la realizzazione di tab dinamici che possono essere aggiunti o rimossi in modo dinamico.

Richiede: jQuery Framework
Demo:http://www.jankoatwarpspeed.com/examples/dynamic_tabs/
Licenza: License Free

Featured List – una vetrina in jQuery

Feature List è un semplice plugin di jQuery che rende semplice e facile la creazione di un widget “Vetrina” da inserire nelle homepage dei vostri blog o in un normale sito web.
Il file .js è leggerissimo di appena 2k ed il codice può essere utilizzato per contenitori multipli e il funzionamento è simile a quello di uno slideshow.
Il plugin è facilmente personalizzabile con html e css e richiede due array di oggetti uno per i tab e l’altro per l’output.

Quando un utente clicca su un tab lo script  trova il corrispondente output attraverso l’indice e inizia a far partire il fading.

Sito web: http://jqueryglobe.com/article/feature-list
Demo: http://jqueryglobe.com/labs/feature_list/
Leggi tutto »

Masonry un plugin jquery per layout

Masonry è plugin jquery per layout. Pensato come il rovescio della medaglia di CSS float. Considerando che riorganizza gli elementi float prima orizzontalmente poi verticalmente, secondo una griglia. Il risultato minimizza gli spazi verticali tra elementi di diversa altezza.

L’utilizzo di Masonry è estremamente  semplice basta collegare al funzione masonry() all’elemento wrapper del layout. A seconda poi dei risultati che si vogliono ottenere è possibile utilizzare diverse opzioni che il plugin mette  a disposizione.

Sito web: http://desandro.com/resources/jquery-masonry
Demo: http://desandro.com/demo/masonry/basic.html
Download:  http://github.com/desandro/masonry

Inviti a Google Wave

Google mi ha inviato altri nuovi inviti per Google Wave da distribuire.
Ne metto a disposizione 15!!
Per chi fosse interessato commenti questo post!
Chi arriva fra i primi quindici avrà l’invito!! Pronti su viaaaaaaa!!

Creare un layout pulito e semplice in photoshop


Artbox7.com ha pubblicato un tutorial molto dettagliato per la realizzazione della parte grafica di un sito internet con photoshop.

Sito web: http://bit.ly/6PxYp2

jQSlickWrap – Collocare del testo intorno a un immagine

jQSlickWrap è un plugin di jQuery che permette facilmente e accuratamente “wrappare” il testo attorno a un immagine inserita nel contenuto.

L’implementazione è semplice basta inserire una riga di codice jQuery:

$('img').slickWrap();

L’immagine dev’essere un’immagine irregolare e deve utilizzare la proprietà float all’interno del css.

Sito web: http://jwf.us/projects/jQSlickWrap

Demo: http://jwf.us/projects/jQSlickWrap/example2.html

Effetto bolle con Css

E’ possibile creare un menu tipo Dock di Mac utilizzando solamente il CSS, ovviamente l’effetto non sarà fluido come per il plugin di jquery, ma riesce a dare comunque un bell’effetto al menu. Questo tutorila include due metodi, uno con l’utilizzo di CSS sprites, l’altro con lo scambio di immagini.

Sito web: http://aext.net/2009/11/bubble-effect-with-css/

Demo: http://aext.net/example/bubble-css/

TopUp per la visualizzazione di immagini e pagine in popup

TopUp è un’altra libreria javascript che utilizza jquery, di facile utilizzo, utile per la visualizzazione non intrusiva di immagini o di pagine web all’interno di pop up.

E’ assolutamente free anche per usi commerciali, oltre che essere compatibile con la maggior parte dei browser. L’installazione di TopUp consiste nell’inserimento all’interno di una pagina di un file, non necessita ne di immagini ne di fogli di stile. Il suo stile ricorda molto quello di Apple e le animazioni sono molto carine. E’ possibile utilizzare anche Prototype ed è facilmente personalizzabile attraverso l’utilizzo delle opzioni.

Richiede: jQuery Framework
Demo: http://gettopup.com/
License: Creative Commons License