Tag Archives: jQuery

Voi Usate Il jParallax???

by / 313 views
diagram

Il jParallax trasforma nodi in strati posizionati in modo assoluto che si muovono in risposta al mouse. A seconda delle loro dimensioni questi livelli si muovono a velocità diverse, in una sorta di modo parallelo.

Con un po’ di CSS è possibile creare finestre per vedere attraverso questi strati, oppure lasciarli liberi di vagare in giro per la pagina HTML.

 

Questo plugin esiste già da un paio di anni solo adesso sta venendo fuori dalle pagine internet.

Si può ipotizzare che questo sia dovuto allo sviluppo dei browser web che solo negli ultimi tempi si sono aggiornati in maniera davvero esponenziale andando a superare ogni aspettativa.

 

Ciò ha fatto si che anche il web design si evolvesse in qualcosa di spettacolare che impressiona anche il singolo utente di passaggio sul vostro sito.

 

Ecco un semplice esempio di jParallax http://www.ristorantemartella.it/

jQuery Countdown

by / 412 views
jquery_countdown_clock

Da tempo sono approdati sul web gli jQuery Countdown ma cosa sono?

Già dal nome si può capire che è un conto alla rovescia che lavora tramite jQuery che altro non è che una libreria Javascript veloce e concisa che semplifica il “movimento” del documento HTML, la gestione degli eventi, l’animazione e le interazioni Ajax per lo sviluppo web rapido.

 

Questi jQuery Countdown posso essere usati per qualsiasi avvenimento ad esempio:

sul vostro sito sta per aprirsi una nuova sezione? con il counter potrete creare fermento nei vostri utenti magari anche mettendo in rete rumor per creare attesa; inserirlo in una pagina di coming soon; oppure in una pagina di download; oppure creare un evento e inserire questo countdown e tante altre applicazioni basta avere le idee giuste!

 

Nel web si trovano tante versioni free e alcuni siti che producono articoli jQuery, ovviamente personalizzati, e li propongono per pochi dollari.

 

Ecco alcuni siti che propongono top 10 di jQuery Countdown sia free che a pagamento:

 

http://www.tripwiremagazine.com/2012/11/jquery-countdown-scripts.html

 

http://freebiesdesign.com/31-cool-jquery-count-down-script/#.UPWTyKEjiuk

 

http://creativecan.com/2012/10/jquery-countdown-timer/

 

http://www.jquery4u.com/image-scripts/10-awesome-jquery-count-scripts/

Popup in jQuery – Finestra Modale Attiva Alla Pressione di un Anchor

by / 5.994 views

Questo semplicissimo plugin jQuery consente di ancorare ad una semplicissima scritta (con tag html <a>) una finestra pop-up che fuoriesce all’utente mediante un effetto fade.

Il plugin può essere interamente modificato mediante il codice in jQuery allegato e i fogli di stile CSS3. Infatti, sono compresi anche effetti come ombre e bordi arrotondati.

Quando si effettua il link al popup è possibile definire la grandezza di esso. “#?w=500″ visualizzerà un pop-up di 500 px di larghezza.

Link

jQuery Resources: Infinite carouFredSel. Slideshow Immagini

by / 3.592 views

carouFredSel è un plugin gratuito in jQuery che converte qualsiasi elemento HTML in un carosello circolare di immagini infinito.

Può lasciar scorrere uno o più elementi contemporaneamente, sia orizzontalmente che verticalmente. Include funzionalità automatiche e altre attivabili mediante l’interazione dell’utente ai pulsanti di azione.

Essi possono essere pulsanti prev e next con immagini personalizzate (CSS), indicatori di posizione e pulsanti di play e di pausa.

Link

Plugin in jQuery: Carosello di contenuti (immagini e html)

by / 3.972 views

bxCarousel è un semplicissimo plugin in jQuery pronto da implementare nelle nostre pagine web.

Lascia scorrere – come da titolo – dei contenuti all’interno di una lista <ul> di elementi.

È possibile implementare dei pulsanti di scorrimento prev e next mediante l’uso dei CSS3, può essere impostato lo scorrimento automatico con loop infinito, la velocità e la direzione dello scorrimento.

Lightbox_me: Plugin in jQuery per Oggetti DOM a Comparsa sulla Pagina

by / 2.259 views

Lightbox_me è un plugin in jQuery che esegue un bell’effetto di messa in evidenza degli oggetti DOM. Avete mai voluto evidenziare dei form, dei contenuti, e nascondere il resto della pagina, magari opacizzandola con una tonalità di nero (overlay)? Questo è il plugin che fa per voi.

È leggerissimo, solo 1kb (compresso) e utilizza un sistema di posizionamento intelligente, in quanto, è in grado di posizionare correttamente gli elementi anche quando la finestra principale è ridotta.

Gli effetti personalizzabili sono diversi: l’effetto di comparsa, la velocità, personalizzazione CSS e scelta di far comparire il pulsante di uscita o meno.

Thumbnails Preview Slider con jQuery

by / 2.609 views

Questo tutorial vi mostrerà come creare e utilizzare una miniatura di anteprima con jQuery e Slider.

Utilissimo quando abbiamo una necessità di visualizzare una miniatura insieme allo slider jQuery.

Link al tutorial: http://tympanus.net/

HTML5 Canvas experiment

by / 3.078 views


HTML5 ci affascina sempre di più. Con l’arrivo di Firefox 3.5, Safari 4 e la nuova beta di Google Chrome e Opera il futuro sembra luminoso per HTML5 e meno per flash.

Molti giocano e sperimentano con questa tecnologia, ho trovato un piccolo esperimento che carica 100 tweets relativi a HTML5 e li mostra utilizzando un motore di particelle basato su JavaScript. Ogni particella rappresenta un tweet – cliccate su uno di essi e sarà visualizzato sullo schermo.

Assolutamente da vedere: http://9elements.com/io/projects/html5/canvas/

Converti ogni immagine in una mappa con MobilyMap !

by / 6.657 views
MobilyMap è un plugin per jQuery che può creare una mappa simile a quelle di Google maps, con il posizionamento dei puntatori data una qualsiasi immagine di partenza fornita dallo sviluppatore.

E ‘possibile aggiungere marcatori basati sulla localizzazione e informazioni su display quando uno di questi marcatori viene cliccato.

La mappa può essere posizionata come si preferisce (in alto, in basso a destra, ecc) o attraverso la definizione di una posizione esatta.

I dati della mappa sono citati all’interno di elementi HTML come: <div class = “punto” id = “p-900-130″> che assegnerà un marcatore al punto specificato.

Il plugin ha anche funzioni di callback come : onMarkerClick, onPopupClose, onMapLoad per una migliore interazione ad ogni livello.

Ecco il link

Aggiungere Widgets a jQuery UI ? Wijmo è ciò che fa per te !

by / 4.076 views

Query UI è una grande aggiunta a “JavaScript jQuery” grazie ai framework, ai widget ed alla personalizzazione che offre.

Se state cercando un’alternativa per i widget, Wijmo, che è un set di 30 elementi, può essere ciò che fa per voi.

Ha 2 versioni in cui la versione “Open” ha 15 prodotti gratis da utilizzare ;  la versione “Complete”,  che è commerciale (o gratuita per le licenze GPL apps), comprende, invece, il set completo.

La versione “Open” di Wijmo ha molti widget utilizzati di frequente come la fisarmonica, il calendario, barra di avanzamento, slider, schede, tooltip e altro ancora.

Ecco il link !