hanicker + plugin   4

CarouFredSel: Creare Slider Animati Orizzontali e Verticali
CarouFredSel è un interessante Plugin jQuery che permette in modo semplice e intuitivo di creare slider orizzontali e verticali di determinati contenuti HTML.

Questo slider (o carosello) è configurabile molto facilmente e si adatta con altri plugin esterni come effetti Lightbox

Il Plugin è personalizzabile al 100% anche grazie agli stili CSS e JavaScript, è possibile vedere le sue potenzialità dalla pagina demo.

Vediamo insieme come installare e utilizzare questo slider.

Installazione jQuery
Prima di tutto andiamo a richiamare tra <head> e </head> la libreria jQuery e il cuore del Plugin.

<script type="text/javascript" language="javascript" src="jquery.js"></script>
<script type="text/javascript" language="javascript" src="jquery.carouFredSel-2.4.3-packed.js"></script>

Una volta inseriti questi due richiami dovremo aprire un JavaScript dove indicare il nome dell’ ID del DIV che vorremo animare.

<script type="text/javascript" language="javascript">
$(document).ready(function() {
$("#item1").carouFredSel();
});
</script>

Come vedete il div che faremo animare dovrà avere ID = item1.

Ora andiamo a vedere la parte HTML base da inserire per diverse tipologie di contenuto.

Per le immagini
<div id="item1">
<img src="img1.jpg" />
<img src="img2.jpg" />
<img src="img3.jpg" />
<img src="img4.jpg" />
<img src="img5.jpg" />
<img src="img6.jpg" />
<img src="img7.jpg" />
<img src="img8.jpg" />
</div>

Per una paginazione
<ul id="item1">
<li> c </li>
<li> a </li>
<li> r </li>
<li> o </li>
<li> u </li>
<li> F </li>
<li> r </li>
<li> e </li>
<li> d </li>
<li> S </li>
<li> e </li>
<li> l </li>
</ul>

Per un contenuto HTML
<div id="item1">
<div>
<h3>Infinity</h3>
<p>A concept that in many fields refers to a quantity without bound or end.</p>
</div>
<div>
<h3>Circular journey</h3>
<p>An excursion in which the final destination is the same as the starting point.</p>
</div>
<div>
<h3>jQuery</h3>
<p>jQuery  is a cross-browser JavaScript library designed to simplify the client-side scripting.</p>
</div>
<div>
<h3>Carousel</h3>
<p>A carousel is an amusement ride consisting of a rotating circular platform with seats.</p>
</div>
</div>

Caratteristiche
Ecco alcune caratteristiche fondamentali di questo Plugin jQuery.

Trasforma qualsiasi tipo di elemento HTML in uno slider orizzontale o verticale.
Scorre uno o più oggetti contemporaneamente.
Scorre automaticamente o con l’interazione dell’utente.
Ridimensiona automaticamente larghezza e altezza.
Ottimizzato per navigazione da tastiera.
Disponibili eventi personalizzati, metodi e molte opzioni.
Compatibile con i più diffusi (jQuery) lightbox-plugins.
GET e (re) SET opzioni di configurazione dopo l’esecuzione.

Esempi Extra
Inoltre vi segnalo questi esempi e metodi di implementazione dello slider.

Slider Base
Slider con diversi contenuti
Slider con interazione utente
Uso di funzioni Callback
Uso di eventi personalizzabili
Slider con diverse dimensioni di contenuto
Slider personalizzato da eventi
Slider + Lightbox
Uso di 15 Slider simultanei

Abbiamo la possilità di leggere la documentazione per la configurazione del plugin sul sito ufficiale oppure seguire il Forum.

Inoltre vi segnalo la possbilità di creare il codice Slider con un Wizard automatico.

Questo Plugin è molto simile ad un altro che avevo gia segnalato, jQuery Slider.
Altro  Design  Grafica  Immagini  Sviluppo  CSS  HTML  JavaScript  jQuery  Plugin  from google
october 2010 by hanicker
Paginazione per una lista di elementi con jquery
Pajinate è un semplice plugin di jquery utile per creare la paginazione partendo da un elenco puntato o da un qualsiasi listato di dati. Il menù della paginazione, che viene generato, presenta i tasti first-last per passare dalla prima pagina all’ultima, prev-next per scorrere le pagine singolarmente e ovviamente i numeri di ogni pagina.Questi tasti possono essere comunque personalizzati inserendo la dicitura che più ci aggrada.Grazie a questa paginazione processata lato browser otterrete anche dei vantaggi in termini di prestazioni e navigabilità della pagina in quanto molto meno onerosa in termini di banda e di performance rispetto alla classica versione realizzata lato server.

Cliccare qui per scaricare Pajinate
ajax  jQuery  paginazione  plugin  from google
may 2010 by hanicker
Plugin WordPress: Ecco quelli che dovresti conoscere
Chi utilizza il CMS WordPress per lavoro saprà che è possibile aggiungere delle funzionalità alla piattaforma tramite l’installazione di Plugin.

WordPress è come una macchina funzionale in cui noi possiamo aggiungere degli optional (Optional = Plugin WordPress) come aria condizionata, tettuccio apribile, navigatore satellitare, alettone, minigonne, continuo? Direi di no.

La scelta di questi Plugin e la loro configurazione corretta possono aumentare e migliorare le prestazioni della piattaforma.

Oggi voglio condividere con voi alcuni Plugin per WordPress che uso attualmente su JuliusDesign o che ho usato per dei miei clienti.

Cosa uso per il SEO?

All in One SEO Pack – Download Plugin
Questo Plugin è uno dei più usati da blogger con piattaforma WordPress in quanto ti permette di gestire e ottimizzare alcune carateristiche nei tuoi articoli per facilitare il posizionamento.

Cosa uso per le Statistiche?

Google Analytics – Download Plugin
Questo Plugin ti permette di integrare nella propria bacheca di amministrazione le statistiche di Google Analytics.

Cosa uso per lo SPAM?

Akismet – Download Plugin
Questo Plugin è uno dei più usati da blogger con piattaforma WordPress per monitorare e bloccare lo spam in entrata sotto forma di commenti.

Cosa uso per il Modulo Contatti?

Contact Form 7 – Download Plugin
Uno dei Plugin più completi pre creare al volo un modulo contatti funzionante i pochi passaggi. Ti permette con facilità di creare campi peronalizzati di testo, combo box, box uploder e di gestire il contenuto in output.

Cosa uso per visualizzare i Video?

Viper’s Video Quicktags – Download Plugin
Questo Plugin ti permette di integrare nel tuo pannello di amministrazione dei comodi pulsanti per inserire facilmente video da YouTube, Google, Vimeo, Veoh, Viddler, Blip, Flickr e Spike.

Cosa uso per condividere Audio?

Audio Player – Download Plugin
Questo Plugin ti permette di integrare con una linea di codice un player flash audio indicando il flusso sonoro da eseguire.

Cosa uso per la Foto Gallery?

NextGEN Gallery – Download Plugin
Questo Plugin ti permette di integrare nel tuo Blog una serie di album o fotografie gestite da un pannello di amministrazione interno molto efficente.

Cosa uso per gestire la Pubblicità?

Whydowork Adsense – Download Plugin
Questo Plugin ti permette di integrare nel tuo Blog codice pubblicitario in modo alternato, in determinati articoli e fascie di tempo.

Cosa uso per il Multilingua?

xLanguage – Download Plugin
Questo Plugin ti permette di impostare illimitate lingue da configurare successivamente all’interno del post in determinat attributi.

Cosa uso per il Backup?

WordPress Database Backup – Download Plugin
Questo Plugin è uno dei più usati per effettuare Backup dell’intero database WordPress. I Backup possono essere programmati oppure diretti in qualsiasi momento.

Cosa uso per modificare il mio Database?

Search and Replace – Download Plugin
A volte può essere comodo poter effettuare qualche operazione su DB senza entrare in PHPMyAdmin, questo Plugin ti permette di effettuare operazioni come il cerca e sostituisci all’interno del database globale del tuo WordPress.

Cosa uso per far Votare i Miei Visitatori?

WP-PostRatings – Download Plugin
Questo Plugin ti permette di integrare nei tuoi articoli la possibilità di far votare i tuoi visitatori il contenuto.

Cosa uso per far Registrare i Miei Visitatori?

Register Plus – Download Plugin
Questo Plugin ti permette consentire i tuoi visitatori di registrarsi all’interno del tuo spazio WordPress, i visitatori avranno come ruolo standard sottoscrittore.

Cosa uso per impaginare i Commenti?

Paginated Comments – Download Plugin
Questo Plugin ti permette impaginare i commenti in più pagine al fine di non avere una pagina infinita di commenti.

Cosa uso per impaginare gli Articoli?

Wp Page Numbers – Download Plugin
Questo Plugin ti permette impaginare gli articoli integrando una numerazione a fine blog, aumentando l’accessibilità alle pagine seguenti contenete gli altri articoli.

Oggi voglio condividere con voi alcuni Plugin per WordPress che uso attualmente o che ho usato per dei miei clienti in base alle esigenze.

Cosa uso per il SEO?

All in One SEO Pack – Download Plugin
Questo Plugin è uno dei più usati da blogger con piattaforma WordPress in quanto ti permette di gestire e ottimizzare alcune carateristiche nei tuoi articoli per facilitare il posizionamento.

Cosa uso per il Modulo Contatti?

Contact Form 7 – Download Plugin
Uno dei Plugin più completi pre creare al volo un modulo contatti funzionante i pochi passaggi. Ti permette con facilità di creare campi peronalizzati di testo, combo box, box uploder e di gestire il contenuto in output.

Cosa uso per visualizzare i Video?

Viper’s Video Quicktags – Download Plugin
Questo Plugin ti permette di integrare nel tuo pannello di amministrazione dei comodi pulsanti per inserire facilmente video da YouTube, Google, Vimeo, Veoh, Viddler, Blip, Flickr e Spike.

Cosa uso per condividere Audio?

Audio Player – Download Plugin
Questo Plugin ti permette di integrare un mini player flash audio e di impostare il flusso sonoro esternamente tramite testo.

Cosa uso per la Foto Gallery?

NextGEN Gallery – Download Plugin
Questo Plugin ti permette di integrare nel tuo Blog una serie di album o fotografie gestite da un pannello di amministrazione interno molto efficente.

Cosa uso per gestire la Pubblicità?

Whydowork Adsense – Download Plugin
Questo Plugin ti permette di integrare nel tuo Blog codice pubblicitario in modo alternato, in determinati articoli e fascie di tempo.

Cosa uso per impaginare i Commenti?

Paginated Comments – Download Plugin
Questo Plugin ti permette impaginare i commenti in più pagine al fine di non avere una pagina infinita di commenti.

Cosa uso per impaginare gli Articoli?

Wp Page Numbers – Download Plugin
Questo Plugin ti permette impaginare gli articoli integrando una numerazione a fine blog, aumentando l’accessibilità alle pagine seguenti contenete gli altri articoli.

Cosa uso per i Sondaggi?

PollDaddy Polls – Download Plugin
Questo Plugin ti permette di creare e inserire nel tuo Blog Sondaggi altamente personalizzabili nella grafica e struttura.

Hai altri Plugin interessanti da consigliare?
Design  Grafica  Immagini  Sviluppo  Plugin  WordPress  from google
may 2010 by hanicker
Aumentare la propria visibilità con Facebook
Facebook permette di implementare diversi suoi plugin sociali su siti web o blog per aumentare la propria visibilità.

Questi interessanti plugin consentono di aggiungere funzioni sociali di Facebook utilizzando poche righe di codice, aumentando il proprio flusso di condivisione.

Vediamo insieme alcuni Plugin Sociali di Facebook da usare per ottimizzare la comunicazione sul web.

Like Button
Questo plugin consente di inserire un pulsante Like nelle nostre pagine web.

Esempio Codice:

<iframe src="http://www.facebook.com/plugins/like.php?href=juliusdesign.net&amp;layout=standard&amp;show_faces=true&amp;width=450&amp;action=like&amp;colorscheme=light" scrolling="no" frameborder="0" allowTransparency="true" style="border:none; overflow:hidden; width:450px; height:px"></iframe>

Una volta premuto abbiamo la possibilità di far condividere la preferenza sulla bacheca dell’utente e di inserire il suo avatar insieme agli altri.

Abbiamo la possibilità di personalizzare e configurare alcune informazioni.

Activity Feed
Questo plugin consente di inserire un box in cui mostrare le attività degli amici su un determinato dominio.

Esempio Codice:

<iframe src="http://www.facebook.com/plugins/activity.php?site=juliusdesign.net&amp;width=300&amp;height=300&amp;header=true&amp;colorscheme=light" scrolling="no" frameborder="0" allowTransparency="true" style="border:none; overflow:hidden; width:300px; height:300px"></iframe>

Nel box verranno visualizzati gli amici che hanno condiviso pagine o link.

Un ottimo metodo per incentivare maggiormente i nostri visitatori a condividere pagine e link.

Recommendations
Questo plugin consente di inserire un box in mostrare le raccomandazioni dei tuoi amici a determinate pagine web.

Esempio Codice:

<iframe src="http://www.facebook.com/plugins/recommendations.php?site=juliusdesign.net&amp;width=300&amp;height=300&amp;header=true&amp;colorscheme=light" scrolling="no" frameborder="0" allowTransparency="true" style="border:none; overflow:hidden; width:300px; height:300px"></iframe>

Una volta inserito il box potremo visualizzare gli amici che suggeriscono alcune pagine di un determinato dominio.

Like Box
Questo plugin consente di inserire un box per mostrare il flusso della tua Pagina Fan, ovvero la famosa Fan Box che sicuramente avrete visto su svariati siti e blog.

Esempio Codice:

<iframe src="http://www.facebook.com/plugins/likebox.php?profile_id=36081207346&amp;width=292&amp;connections=10&amp;stream=true&amp;header=true" scrolling="no" frameborder="0" allowTransparency="true" style="border:none; overflow:hidden; width:292px; height:px"></iframe>

Questo box ti permette di integrare il flusso di preferenze, il numero dei tuoi fan e la possibilità di diventarlo semplicemente premendo un bottone.

Login with Faces
Questo plugin consente di inserire gli avatr degli utenti che hanno effettuato il login con Facebook Connect nel tuo sito.

Esempio Codice:

<fb:login-button show-faces="true" width="200" max-rows="1" />

Questo plugin incentiva l’utilizzo di integragra tramite login FB e di mettere in rilievo i propri visitatori.

Facepile
Questo plugin consente di far visualizzare direttamente gli avatr degli utenti loggati autenticati al sito.

Esempio Codice:

<fb:facepile max-rows="1" width="200" />

Non vi è la possivilità di effettuare direttamente il login ma solo di visualizzare gli avatar.

Comments
Questo plugin permette di inserire un box con la possibilità di far inserire commenti a un determinato dominio.

Esempio Codice:

<fb:comments numposts="10" width="420" />

Questo ci può essere d’aiuto per intergrare altri feed back ai nostri commenti su pagine o blog.

Live Stream
Questo plugin consente agli utenti di condividere le attività e commenti in tempo reale.

Esempio Codice:

<iframe src="http://www.facebook.com/plugins/livefeed.php?app_id=255955255198&amp;width=420&amp;height=500" scrolling="no" frameborder="0" allowTransparency="true" style="border:none; overflow:hidden; width:420px; height:500px"></iframe>

Plugin interessante per dare la possibilità in tempo reale di avere commenti e nello stesso modo di ampliare il flusso di visibilità.

Conclusione
Questi plugin offrono l’opportunità di dare ai nostri visitatori la possibilità di condividere e seguire in modo semplice il nostro flusso di informazione.

Ovviamente non tutti questi plugin possono essere adatti a un sito o blog, ma dobbiamo usarli in modo corretto a seconda delle nostre esigenze.

Personalmente trovo molto utile implementare i seguenti plugin Activity Feed, Like Box e Live Stream.

Spero di avervi dato il giusto input per incominciare ad usare Facebook in modo costruttivo.
Design  Grafica  Immagini  Sviluppo  Comunicazione  Facebook  Network  Plugin  from google
april 2010 by hanicker

Copy this bookmark:



description:


tags: