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 Social Media]

Novità su instagram: nuovi meravigliosi strumenti!

Oggi instagram ci propone nuovi strumenti creativi con la possibilità di regolare luminosità, contrasto, saturazione, calore e altro ancora.

Quando scattate una foto catturate un momento, spesso nella foto si fa fatica a percepisce le emozioni, ora con una foto ravvivata potete far emergere le emozioni di quel  momento.

Schermata 2014-06-04 alle 08.27.46

http://blog.instagram.com/post/87703266532/new-creative-tools


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

[Web Design]

Effetti sulle immagini con Javascript! PaintbrushJS. Funzione

Oggi vi propongo un interessantissimo plugin, PaintBrushJS, scritto totalmente in Javascript, in grando di applicare degli effetti alle immagini selezionate dagli utenti.

Gli effetti vengono applicati client-side (javascript) e utilizzano il tag <canvas> dell’HTML5. Oltre all’effetto principale è possibile applicare altri parametri semplicemente applicando una classe all’elemento.

Gli effetti applicabili, attualmente, sono: blur, scala di grigi, mosaico, noise, posterize, sepia e tint.

Ecco una demo.


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

[News Web Design]

PHP Image Editor per Qualsiasi CMS

PHP Image Editor è un piccolo applicativo installabile su qualsiasi CMS e abilità gli utenti a modificare immagini.

È in grado di rimpicciolire, tagliare, ruotare e applicare effetti semplici.

Lo script può essere implementato molto velocemente, infatti basta fornirgli l’immagine da modificare e il resto lo farà in automatico. L’interfaccia è multi-lingua e può utilizzare Joomla, con un appropriato plugin.

Requisiti: PHP5+ e GD Library 2.0.28+


Consigliato da @imaginepaolo
Scritto da imaginepaolo
Suggerisci Modifiche

[News Web Design]

Dynamic News un jQuery news slider plugin

Dynamic News è uno slider news in jQuery plugin che rende si integra con il tuo sito web molto facilmente. Dynamic News un plugin che supporta due modi per aggiungere dati news.

È possibile inserire le vostre notizie via HTML markup manualmente o si possono caricare le notizie da feed RSS e costruire il markup HTML automaticamente.

Link: http://www.egrappler.com/rss-driven-dynamic-jquery-news-slider-plugin-dynamic-news/


Consigliato da @imaginepaolo
Scritto da imaginepaolo
Suggerisci Modifiche

[Web Design]

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

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.


Consigliato da @imaginepaolo
Scritto da imaginepaolo
Suggerisci Modifiche

[Web Design]

Converti ogni immagine in una mappa con MobilyMap !

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

Consigliato da @imaginepaolo
Scritto da imaginepaolo
Suggerisci Modifiche

[News]

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

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 !


Consigliato da @imaginepaolo
Scritto da imaginepaolo
Suggerisci Modifiche

[Web Design]

jDownload – Un plugin in jQuery per la gestione dei downloads !

jDownload è un plugin per jQuery che mira a fornire più informazioni agli utenti sul file da scaricare.

Una volta cliccato un link per il download , esso invia una query Ajax ad un file PHP che restituisce il nome, il tipo e la dimensione del file in una finestra modale.

L’utente può scegliere di ottenere il file o annullare la richiesta che è specialmente una buona esperienza per conoscere la dimensione del file prima di scaricarlo.

Il plugin richiede jQuery UI oltre alla stessa jQuery per la finestra di dialogo modale e viene fornito con diverse opzioni di personalizzazione tra cui le dimensioni della finestra di dialogo, l’evento per la chiamata (click, hover, ecc), e altro ancora.

Inoltre, sulla base della stessa idea, la sua funzionalità può essere ulteriormente migliorata con l’aggiunta di “downloads zippati” o “Invia e-mail “tipi di opzioni agli utenti .

Ecco il link !