Tutorial Jquery
Tutorial jQuery – Creare Una Navigazione Animata Magica
Appuntamento con i tutorial su jQuery, dove oggi andiamo a vedere Panel Magic un super plugin, che ti permetterà di realizzare una navigazione nel sito orizzontale, verticale e diagonale, raramente si è vista una navigazione del genere in un sito web.
Il plugin è compatibile con tutti i browser, compreso Internet Explorer 6! Andiamo a vedere come utilizzarlo al meglio.
I Migliori Tutorial jQuery Per Gli Effetti Sui Testi
Appuntamento con i tutorial su jquery. Per oggi non sono riuscito a preparare un tutorial, ho preferito andare ad abbronzarmi un po’ nel weekend Però comunque ho deciso di fare qualcosa e allora ho raccolto per te una lista di tutorial per applicare degli effetti ai testi con jquery. JQuery FontEffect plugin jQuery Approach Airport [...]
Tutorial jQuery – Gallery di Foto Con Effetto Zoom
Appuntamento con i tutorial su jquery, dove oggi andiamo a vedere come realizzare una galleria fotografica accativante. In particolare vedremo come “unire” il plugin Photo Zoom Out Effect con Fancy Zoom, uno dei tanti cloni di lightbox. Vediamo subito l’esempio, per capire dove si vuole arrivare. Andiamo a vedere come realizzare la gallery. Passo preliminare. [...]
Tutorial jQuery – Fade Hover Animato Su Immagini, Testi e Div
Appuntamento con i tutorial jquery, dove oggi andiamo a vedere come ottenere un effetto fade animato al passaggio del mouse sopra un elemento, in particolare sopra una foto, testo o un div. Guarda subito l’esempio per capire di cosa si tratta. Come vedi l’effetto fade lo puoi applicare alle immagini, ai testi oppure ai div. [...]
jQuery Plugin – Due Ottimi Carousel Per Il Tuo Sito
Nel progettare un sito web dobbiamo fare in modo che l’home page già racconti tutto del sito, nel modo più elegante e immediato possibile. Un modo per ottenere questo effetto è quello di utilizzare Featured Carousel, un fantastico plugin che ti permetterà di scorrere le immagini, facendole ruotare, con anche una descrizione per ogni foto [...]
Tutorial Jquery – Uno Bellissimo Slideshow Di Foto Originale
Appuntamento con i tutorial su jquery, dove andremo a vedere uno bellissimo slideshow di foto dove potrai realizzare effetti di transizione davvero originali. Ecco subito l’esempio che andremo a realizzare, grazie al plugin jqFancyTransitions. Andiamo a vedere come ottenere questo effetto Passo preliminare Scarica gli script necessari: jQuery e jqFancyTransitions Passo 1. Inizializzazione dello script [...]
Tutorial Jquery – Slideshow Di Foto Come Sfondo Del Sito
Uno dei trend del momento è l’utilizzo di immagini grandi come sfondo nel sito. In questo modo si vuol dare forte risalto alle immagini, suscitando forti emozioni nell’utente. Oggi vediamo come si fa a realizzare questa tipologia di siti, utilizzando maxImage un plugin jquery, realizzato da Aaron Vanderzwan dove viene già spiegato come utilizzarlo, ma [...]
Tutorial Jquery – Bellissime Gallery Di Foto in 5 Minuti
Per la serie di tutorial e risorse su javascript, oggi ti segnalo jPhotoGrid, un fantastico plugin jquery che ti permetterà di realizzare gallerie fotografiche in un attimo. Guarda subito l’esempio per capire le potenzialità di questo plugin. La gallery è compatibile con tutti i browser, compreso Internet Explorer 6. Per realizzarla sarà sufficiente scaricare i [...]
Tutorial Javascript – Animazioni Flash Con jQuery
Ti ricordi quando dicevo che tra flash e javascript il vincitore era javascript? Neanche farlo apposta, pochi giorni dopo il mio articolo è uscito Spritely, un incredibile plugin per animare sfondi e oggetti, con solo javascript e html. Il plugin funziona su tutti i browser (e quando dico tutti, intendo anche IE6..); l’unico accorgimento è [...]
Javascript Vs Flash: The Winner Is..
Javascript! Ormai slideshow, menu e testi animati, e molto altro ancora si possono tranquillamente realizzare con javascript, con il vantaggio di doverli fare a costo zero e in meno tempo rispetto che con il prodotto di Adobe. Anche il peso gioca il suo ruolo, dove i filmati in flash rallentano di molto il caricamento delle [...]
Tutorial Javascript – Realizzare Una Textarea Dinamica
Oggi vediamo un semplice ed efficace tutorial su javascript, dove realizzeremo una textarea dinamica, le cui dimensioni si adatteranno al testo che andiamo ad inserire. Ci vuole veramente poco per ottenere questo effetto. Vediamo quali sono i passi per realizzarlo. Scarica i sorgenti prima di iniziare con il tutorial. Passo 1. Inizializzazione script Al solito [...]
Tutorial Javascript – Realizzare una navigazione orizzontale animata
Dopo aver visto qualche mese fa come realizzare una navigazione verticale animata, oggi vediamo un tutorial per realizzarne una orizzontale. Guarda subito l’esempio per capire quello che andremo a realizzare. Questo effetto è molto gradevole e stupisce in positivo l’utente, che si aspetta la solita navigazione tradizionale. Vediamo quali sono i passi per ottenere l’effetto [...]
Tutorial Jquery: Slideshow di Immagini Con SexyCycle
Come ogni lunedì appuntamento con i tutorial. Oggi vediamo in particolare come realizzare uno slideshow di immagini sfruttando la libreria jquery. Si tratta di Sexy Cycle, script altamente personalizzabile da poter integrare nel tuo sito in modo da dargli della dinamicità alla pagina che coinvolga maggiormente l’utente nella navigazione. Prima di vedere come utilizzare lo [...]
Tutorial Javascript: Prima e Dopo..
A volte ci può essere l’esigenza di mostrare l’evoluzione di un ritocco fotografico, di una donna con e senza trucco, e più in generale di far vedere l’inizio e la fine del lavoro, un po’ come in questo esempio preso dal New York Times, realizzato però in flash. Grazie al plugin Before/After, implementato da Catch [...]
Tutorial Jquery: Come Realizzare Una Navigazione Animata
Oggi vediamo un tutorial su javascript, dove imparerai a realizzare una navigazione animata nei siti web, tecnica utilizzata sempre più spesso, soprattutto per i portfolio di web designers o fotografi. Per capire meglio quello che andremo a fare, vediamo prima qualche esempio dell’effetto che vogliamo ottenere. Come vedi in tutti questi esempi la navigazione non [...]
Tutorial Javascript: Slideshow con Effetti Speciali
Tornano i tutorial su javascript e oggi vediamo Floom, un bellissimo slideshow di foto che utilizza la libreria mootools. L’effetto è molto gradevole ed è semplicissimo da realizzare. Inoltre è supportato da tutti i browser, compreso anche Internet Explorer 6! Prima di andare a vedere come realizzare lo slideshow, ti consiglio di scaricare i sorgenti, [...]
Tutorial Jquery: Creare Un Menu Elastico Con Delle Immagini
Dopo tanto tempo su Fedeweb ritornano i tutorial su jquery, dove in passato abbiamo visto come realizzare degli slideshow di immagini, realizzare degli effetti di hover animati, delle alternative a lightbox ecc. Oggi vedremo come realizzare un menu molto particolare, dove al passaggio del mouse l’immagine si ingrandirà con un effetto ad elastico. Ora vedrai [...]
Tutorial Flash e Lightview: Realizzare una galleria di immagini
Ecco un altro bell’articolo preso dal passato, dove imparerai a costruire una galleria in flash sfruttando lo script lightview per visualizzare le immagini con effetti speciali. Buona lettura! Una delle caratteristiche dello script lightview è la possibilità di raggruppare delle immagini in base a una categoria e poterle vedere in sequenza tramite uno slideshow. Per [...]
Tutorial Jquery: Creare fantastici slideshow in 5 minuti
Ecco un altro post dal passato che ha destato molto interesse nei lettori di questo blog. Di seguito vedrai come è possibile realizzare slideshow di immagini, in poco tempo senza sapere nulla di flash! Oggi vediamo l’ennesima applicazione della libreria jquery, che ogni giorno mi sorprende sempre di più per quante cose si possano fare. [...]
Guest Post Per Blographik: Web Design – [Video] Questo è un eccellente alternativa a LightBox
![Guest Post Per Blographik: Web Design – [Video] Questo è un eccellente alternativa a LightBox](http://www.fedeweb.net/wp-content/uploads/2009/07/bumpbox-150x150.jpg)
Pochi giorni fa ho parlato di BumpBox, un clone di Lightbox la cui caratteristica principale è quella di poter aprire i documenti PDF, oltre a pagine HTML, immagini, video flv e oggetti flash, con un effetto a rimbalzo. Oggi ho approfondito l’utilizzo dello script con un video tutorial e una spiegazione dettagliata su come sfruttare [...]
Flash e Thickbox Tutorial: Un Post Dal Passato
Oggi ti propongo uno dei primi articoli comparsi su questo blog, che ha avuto maggiore successo e se è da solo pochi giorni che segui questo blog potrai rileggertelo e magari sfruttarlo per qualche tuo progetto. Buona lettura! Molti di voi conosceranno lo script lightbox, che permette di aprire le immagini con degli effetti speciali. [...]
BumpBox – Un’ottima alternativa a LightBox
Poco tempo fa mi è capitato di segnalarti le migliori alternative a lightbox, ovvero gli effetti speciali per aprire immagini, video, oggetti flash ecc, come ad esempio puoi anche trovare nella sidebar del blog, nella sezione “Lettori feed rss”, premendo sul link “Cosa sono i feed rss”. Oggi ti propongo un’altra ottima alternativa, ovvero BumpBox, [...]
11 Tutorial Per Creare Tooltip Originali!
Quando si realizza un sito web può capitare a volte di trascurare degli elementi apparentemente inutili, ma che in realtà possono essere valorizzati con le giuste tecniche. Sto parlando dei tooltip, di cui si è già discusso su questo blog, con dei tutorial. Web Design Ledger propropone una lista di 11 diversi metodi per creare [...]
Supersized – Slideshow di Immagini a Schermo Intero
Supersized è un plugin Jquery implementato da Sam Dunn che permette di realizzare uno slideshow di immagini a pieno schermo, adattandole alle dimensioni della finestra del browser. Le caratteristiche principali dello script sono: – ridimensionamento delle immagini in base alle dimensioni della finestra del browser, mantenendo le proporzioni; – non sono presenti barre di scorrimento [...]
Sexylightbox ora funziona su tutti i browser!!
Recentemente ho parlato in un articolo di Sexylightbox, uno script che permette di aprire immagini, filmati flash, pagine web e altro ancora in una finestra con degli effetti speciali stile lightbox. Avevo anche precisato che con Opera questo script non funzionava correttamente. Appunto “funzionava”, in quanto ora anche con Opera lo script funziona alla grande [...]
Sexylightbox: immagini, testi, pagine web mai così sexy…
Già il nome dello script dice tutto…sexy e in effetti è un gran bello script. Sinceramente sono un po’ stufo di vedere nel 90% dei siti il famigerato lightbox, che oltretutto permette di aprire soltanto le immagini. Sexylightbox è una gran bella alternativa, basata su mootools, che supera come estetica e come funzionalità lightbox. Sexylightbox [...]
Animare le immagini di sfondo con javascript
In questo articolo vedremo una delle innumerevoli applicazioni della libreria jquery, l’animazione delle immagini di sfondo nei menu. L’esempio è più chiaro di qualunque altra parola.. Andiamo a vedere insieme come realizzare questi effetti. 1) Scaricate jquery e il plugin backgroundposition. 2) L’html Scrivete il codice html necessario per realizzare un menu, come questo: <ul [...]
Anteprima delle immagini in un tooltip
Tempo fa avevo scritto un articolo su come creare dei tooltip gradevoli, grazie a javascript. Oggi vedremo come ottenere lo stesso effetto con le immagini, cioè al passaggio del mouse sulle miniature compariranno le anteprime, con la didascalia, il tutto sfruttando la libreria jquery. Per capire meglio di cosa si tratta guardate l’esempio. Prima di [...]
Effetto hover animato con jquery
Oggi vediamo come creare un effetto hover animato, sfruttando jquery, di cui è stata già vista un’applicazione qualche settimana fa. Ecco un esempio di quello che andremo a costruire. I passi da seguire per ottenere questo effetto sono molto semplici: 1. Tra i tag <head> e </head> dovete mettere il codice per installare jquery: <script [...]
Aggiornamento sorgenti per flash cs3
Negli articoli che ho scritto tempo fa, riguardanti Flash e thickbox, Flash e lightview e Flash e lightview (Galleria di immagini), ho aggiunto i sorgenti per Flash CS3. Questi e molti altri articoli li potete trovare nella sezione tutorial del blog.
DhoniShow: galleria di immagini javascript
Oggi vi segnalo DhoniShow, una galleria di immagini realizzata in javascript, che vi permette di creare delle gallery molto suggestive. Su questo sito potete vedere un’applicazione dello script. Dhonishow sfrutta il framework prototype e, opzionalmente, scriptaculous. La visualizzazione delle immagini si può personalizzare andando a modificare il file css. Dhonishow permette di avere una gallery [...]
Permettere all’utente di cambiare lo sfondo del sito
Qualche giorno fa vi ho parlato dello slide panel, ovvero un div che compare a seconda dell’azione dell’utente. Uno degli utilizzi più comuni di questo pannello è quello di permettere agli utenti di modificare le proprietà del sito web, come la dimensione dei caratteri, il colore di sfondo ecc. In questo articolo cercherò di spiegarvi [...]
Creare uno slide panel con jquery
Ultimamente ho avuto l’esigenza di creare un pannello che compariva a comparsa, come in questo esempio. Per ottenere questo effetto ho utilizzato jquery, una libreria javascript che consente di manipolare facilmente il codice HTML, creare animazioni ecc,, ma principalmente permette di velocizzare la scrittura del codice javascript. Per realizzare questo effetto, dovete: Scaricare il file [...]
Creare un tooltip gradevole con javascript
Molte volte mi è capitato di andare in siti web dove, passando sopra alcune parole, compariva un riquadro elegante con una descrizione, e non il solito tooltip ottenibile con l’attributo title. Sto parlando di uno script, molto leggero (solo 2 KB), che vi rivoluzionerà il modo di visualizzazione appunto dei tooltip, non solo per quanto [...]
Ciao, mi chiamo Federico Pian e lo scopo di questo blog è condividere con te la mia passione per la grafica e il web design.
Ultimi Commenti