Consigliato da @imaginepaolo
Scritto da imaginepaolo
Suggerisci Modifiche

[News Web Design]

Blockster, plugin in jQuery per scorrimento div (effetto slide)

Blockster è un leggerissimo plugin in jQuery che gestisce i livelli div con bellissime animazioni a effetto slide.

Il plugin, sostanzialmente, ha 2 effetti: transizione a blocchi e una transizione a gradiente. Sono entrambe molto belle da vedere e utilissime per impressionare e far interessare gli utenti ai contenuti.

Le transizioni possono essere personalizzate definendo il numero di righe, colonne e la velocità (dell’effetto fade). Blockster, inoltre, è capace di mostrare i div in ordine di posizionamento sulla pagina, ma può essere tranquillamente impostato anche lo scorrimento random.

Link


Consigliato da @imaginepaolo
Scritto da imaginepaolo
Suggerisci Modifiche

[News]

Voi Usate Il jParallax???

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/


Consigliato da @imaginepaolo
Scritto da imaginepaolo
Suggerisci Modifiche

[News]

jQuery Countdown

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/


Consigliato da @imaginepaolo
Scritto da imaginepaolo
Suggerisci Modifiche

[News Web Design]

jQuery.textFit: un Testo che si Adatta al suo contenitore

Esempi jQuery.textFit

jQuery.textFit che lasciano adattare il testo all’interno della casella, gli esempi sono al rallentatore per mostrare come funzionano.


Consigliato da @imaginepaolo
Scritto da imaginepaolo
Suggerisci Modifiche

[Web Design]

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

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


Consigliato da @imaginepaolo
Scritto da imaginepaolo
Suggerisci Modifiche

[Web Design]

jQuery Resources: Infinite carouFredSel. Slideshow Immagini

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


Consigliato da @imaginepaolo
Scritto da imaginepaolo
Suggerisci Modifiche

[Web Design]

Web Design con jQuery

Vi segnalo questi siti per fare Web Design in jQuery e abbandonare piano piano flash…

demo page:
http://pupunzi.com/#mb.components/mb.extruder/extruder.html

download page:
http://pupunzi.open-lab.com/mb-jquery-components/jquery-mb-extruder/

Ajax Zoom

Examples
Magento integration (demo store)
xt:Commerce plugin (xtcModified demo store)
Documentation
Download

ed altri ancora su: http://plugins.jquery.com/


Consigliato da @imaginepaolo
Scritto da imaginepaolo
Suggerisci Modifiche

[Web Design]

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

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.


Consigliato da @imaginepaolo
Scritto da imaginepaolo
Suggerisci Modifiche

[Web Design]

55 risorse per animazioni jQuery

Sono finiti i giorni in cui ogni bella animazione su un sito web viene considerata nata da Flash. Oggi non più, JQuery lentamente ma costantemente sta rubando le luci della ribalta a Flash e sta affascinando tutti  i “veri” sviluppatori con le sue caratteristiche ineguagliabili.

Da conservare assolutamente questa collezione di 55 risorse per creare animazioni in jQuery: http://slodive.com/freebies/jquery-animate/