TagTagWeb: Script a portata di mano
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
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
});
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
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/
SpiceArt è un template messo a disposizione gratuitamente da SpicyGraphic.com
Il tema può essere utilizzato e modificato senza restrizioni o limitazioni.
Sito web: http://www.spicygraphic.com
Socialmonochromicons è un set di 150 icone per il social bookmarking in vettoriale utili per provare a creare le proprie icone personalizzate sono disponibili in formato vettoriale EPS o PNG.
Licenza: Creative Commons Attribution-Share Alike 3.0 Unported License.
Sito web: http://www.elegantui.com/?p=19
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 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
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
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 »
Come avete notato TagTagWeb ha cambiato faccia e anche piattaforma. Dall'ormai datato e non più aggiornabile Mambo siamo passati a Wordpress, sicuramente di più facile e immediato utilizzo. Mi scuso per coloro che cercavano un articolo e non lo hanno più trovato, ma piano piano riusciremo ad inserirli tutti.
