TagTagWeb » javascript http://www.tagtagweb.com Script a portata di mano Wed, 08 Sep 2010 13:24:53 +0000 http://wordpress.org/?v=2.9.1 en hourly 1 Spritely – animazioni con jquery http://www.tagtagweb.com/2010/09/spritely-animazioni-con-jquery/ http://www.tagtagweb.com/2010/09/spritely-animazioni-con-jquery/#comments Tue, 07 Sep 2010 13:15:28 +0000 admin http://www.tagtagweb.com/?p=579

jQuery.spritely è un plugin jquery creato da  Artlogic per la creazione di personaggi dinamici o animazioni del background utilizzando semplicemente javascript e HTML, E’ un semplice e leggero plugin con una serie di metodi è possibile creare animazioni di oggetti come i corvi presenti nella pagina di presentazione o uno scroll dinamico del background.

Sito web e demo: http://www.spritely.net/



]]> http://www.tagtagweb.com/2010/09/spritely-animazioni-con-jquery/feed/ 0 Colortip – a jQuery Tooltip Plugin http://www.tagtagweb.com/2010/09/colortip-%e2%80%93-a-jquery-tooltip-plugin/ http://www.tagtagweb.com/2010/09/colortip-%e2%80%93-a-jquery-tooltip-plugin/#comments Mon, 06 Sep 2010 13:06:07 +0000 admin http://www.tagtagweb.com/?p=573

In questo tutorial viene semplicemente spiegato come utilizzare jQuery per realizzare un plugin per la creazione di tooltip .

Questo script permette di convertire l’attributo tittle degli elementi presenti all’interno della pagina in una serie di tooltip colorati.

Sito web: http://tutorialzine.com/2010/07/colortips-jquery-tooltip-plugin/

Demo: http://demo.tutorialzine.com/2010/07/colortips-jquery-tooltip-plugin/colortips.html



]]> http://www.tagtagweb.com/2010/09/colortip-%e2%80%93-a-jquery-tooltip-plugin/feed/ 0 Blockster http://www.tagtagweb.com/2010/09/blockster/ http://www.tagtagweb.com/2010/09/blockster/#comments Sun, 05 Sep 2010 13:02:30 +0000 admin http://www.tagtagweb.com/?p=568
Blockster è un effetto di transizione Javascript progettato per feature content o slideshow.
Il suo concetto di base è quello di creare un effetto di transizione tra un elemento all’altro, non solo tra immagini ma anche tra blocchi di codice.
E ‘altamente personalizzabile è possibile decidere quanti sono i blocchi che intervengono alla transazione, l’ordine di apparizione che può essere anche casuale o decidere se i blocchi devono solamente apparire o dissolversi.

Sito web: http://www.mitya.co.uk/scripts/Blockster-transition-effect-122



]]> http://www.tagtagweb.com/2010/09/blockster/feed/ 0 Effetto retina con jQuery http://www.tagtagweb.com/2010/06/effetto-retina-con-jquery/ http://www.tagtagweb.com/2010/06/effetto-retina-con-jquery/#comments Wed, 16 Jun 2010 20:40:57 +0000 admin http://www.tagtagweb.com/?p=559

Questo tutorial spiega come creare un effetto retina utlizzando solamente html, css e jQuery; creare cioè una sorte di lente di ingrandimento. L’effetto è sorprendente!

Sito web:http://tutorialzine.com
Demo:  http://demo.tutorialzine.com



]]> http://www.tagtagweb.com/2010/06/effetto-retina-con-jquery/feed/ 0 Far partire jQuery dopo che la pagina è stata caricata http://www.tagtagweb.com/2010/06/far-partire-jquery-dopo-che-la-pagina-e-stata-caricata/ http://www.tagtagweb.com/2010/06/far-partire-jquery-dopo-che-la-pagina-e-stata-caricata/#comments Wed, 09 Jun 2010 08:13:56 +0000 admin http://www.tagtagweb.com/?p=556 Il seguente codice deve essere inserito prima della chiusura del tag <head> e permettete di eseguire istruzioni jquery solamente dopo che la pagina è stata caricata.

$(window).bind(“load”, function() {
// code here
});
]]> http://www.tagtagweb.com/2010/06/far-partire-jquery-dopo-che-la-pagina-e-stata-caricata/feed/ 0 Come creare un effetto di movimento circolare con jQuery http://www.tagtagweb.com/2010/06/come-creare-un-effetto-di-movimento-circolare-con-jquery/ http://www.tagtagweb.com/2010/06/come-creare-un-effetto-di-movimento-circolare-con-jquery/#comments Sat, 05 Jun 2010 17:46:01 +0000 admin http://www.tagtagweb.com/?p=548

Codrops ha scritto un tutorialsu come creare simulare un movimento circolare con jQuery. Loro hanno utilizzato il plugin jQuery.path per animare un movimento circolare per un menu all’interno di un sito web, veramente d’effetto.

L’idea è quella di avere un contenitore rotondo con un menu principale. Quando si va in hover su una delle voci di menu, appare un sottomenu che appare circoscrivendo il contenitore. Il risultato è una meravigliosa pagina portfolio con un menu animato.

Richiede: jQuery Framework
Demo: http://tympanus.net/Tutorials/CircularPortfolio/
Licenza: License Free



]]> http://www.tagtagweb.com/2010/06/come-creare-un-effetto-di-movimento-circolare-con-jquery/feed/ 0 Fresh Sliding Thumbnails Gallery con jQuery and PHP http://www.tagtagweb.com/2010/06/fresh-sliding-thumbnails-gallery-con-jquery-and-php/ http://www.tagtagweb.com/2010/06/fresh-sliding-thumbnails-gallery-con-jquery-and-php/#comments Sat, 05 Jun 2010 16:36:32 +0000 admin http://www.tagtagweb.com/?p=543

In questo tutorial viene spiegatocome realizzare una galleria full screen di immagini con una barra all’interno della quale scorrono le miniature al passaggio del mouse. L’idea è anche quella di permettere all’utente di ingrandire leggermente la foto cliccando su di essa

Inoltre utilizzando PHP è possivile ottenere le immagini e le anteprime automaticamente dalla struttura delle cartelle.

sito web e download: http://tympanus.net/



]]> http://www.tagtagweb.com/2010/06/fresh-sliding-thumbnails-gallery-con-jquery-and-php/feed/ 0 Ketchup – plugin jQuery per validazione form http://www.tagtagweb.com/2010/02/ketchup-plugin-jquery-per-validazione-form/ http://www.tagtagweb.com/2010/02/ketchup-plugin-jquery-per-validazione-form/#comments Thu, 18 Feb 2010 22:19:27 +0000 admin http://www.tagtagweb.com/2010/02/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



]]> http://www.tagtagweb.com/2010/02/ketchup-plugin-jquery-per-validazione-form/feed/ 0 jQuery Magic Line Navigation http://www.tagtagweb.com/2010/02/jquery-magic-line-navigation/ http://www.tagtagweb.com/2010/02/jquery-magic-line-navigation/#comments Mon, 15 Feb 2010 13:14:08 +0000 admin http://www.tagtagweb.com/2010/02/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



]]> http://www.tagtagweb.com/2010/02/jquery-magic-line-navigation/feed/ 0 Come creare tabs dinamici con jQuery http://www.tagtagweb.com/2010/02/come-creare-tabs-dinamici-con-jquery/ http://www.tagtagweb.com/2010/02/come-creare-tabs-dinamici-con-jquery/#comments Sat, 06 Feb 2010 16:10:28 +0000 admin http://www.tagtagweb.com/2010/02/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



]]> http://www.tagtagweb.com/2010/02/come-creare-tabs-dinamici-con-jquery/feed/ 0