Un elenco di jQuery Slider per immagini e contenuti

Sempre per un cliente stavo cercando un plugin già pronto per realizzare uno slider di immagini in jQuery. Mi sono imbattuta in decine e decine di liste... troppa grazia! Per fare un po' di ordine nei miei appunti, e per dare una mano a chi ha il mio stesso problema, riporto di seguito tutti gli slider che mi sento di consigliare!

JCoverflip

Coin Slider

Nivo Slider

loopedSlider

Automatic Image Slider w/ CSS & jQuery

The Lof SiderNews Plugin

Advanced jQuery background image slideshow

CJ Flashy Slide Show

jqFancyTransitions

Making a Mosaic Slideshow With jQuery & CSS

Slide Thumbs

Animate Panning Slideshow with jQuery

Create Featured Content Slider Using jQuery UI

CU3ER – Flash 3D Image Slider

jQuery Easy Slider

s3Slider jQuery Plugin

bxSlider

slides

Fonti:

http://www.themeflash.com/30-stunning-jquery-slider-plugins-and-tutorials-to-boost-your-work/

http://blog.mrwebmaster.it/2010/06/23/slider-jquery-migliori-plugin.html

http://webdesignledger.com/tutorials/10-jquery-slider-techniques-and-plugins

Leggi tutto...

20+ Tendenze 2011 per il Web Design

Un cliente mi ha contattato chiedendomi il restyling del suo sito. Parliamo di un sito praticamente nuovo, realizzato proprio da me alla fine del 2009.

Guardo il sito, lo riguardo, e mi chiedo cosa ci sia che non vada. Il design è bello, la struttura è usabile, la navigazione accessibile. Il cliente insiste, dicendo di volere qualcosa di più "moderno".

Allora ho pensato: perché non dare un occhio ai nuovi trend per il 2011? Sia mai che mi venga qualche ispirazione!

E visto che la ricerca ormai l'ho fatta, tanto vale che ve ne renda partecipi :)

Eccovi quindi i trends - le tendenze - per il web design nel 2011.

1. Pulizia, ordine, spazio bianco
2. Massiccio utilizzo delle nuove tecnologie: HTML5 ma soprattutto CSS3
3. In conseguenza a ciò, grande importanza della tipografia (grazie al largo uso di @font-face) e uso di font "non di sistema".
4. Utilizzo di texture leggere al posto degli sfondi piatti
5. Grande cura e attenzione per i piccoli elementi (pulsanti, banner, badge)
6. Uso di icone grandi
7. Uso di foto (o anche video) a schermo pieno come sfondo
8. Uso di colori chiari e brillanti
9. Utilizzo di angoli arrotondati (box, pulsanti)
10. Diffusione di sistemi di navigazione orizzontale (in particolare con l'utilizzo di sistemi di sliding come jCarousel)
11. Uso massiccio di slider di immagini e contenuti
12. Utilizzo del footer come spazio per contenuti importanti
13. Utilizzo del 960 grid system
14. Utilizzo di linee e strisce orizzontali
15. Layout fluidi, griglie flessibili, in grado di adattarsi a qualsiasi risoluzione, in particolare ai dispositivi mobili (iPhone e iPad rulez!)
16. Uso dei single page websites - siti costituiti da un'unica pagina scrollabile
17. Uso di ombre elaborate e realistiche per gli elementi costitutivi della pagina
18. Uso di piccoli oggetti interattivi
19. Diffusione dell'effetto parallax
20. Uso di elementi che diano profondità al design
21. Connettività, condivisione, aggiornamenti frequenti, lifestream



Fonti:
http://www.webdesignshock.com/review/design-trends-for-2011/
http://www.labelmedia.co.uk/blog/posts/top5webdesigntrends2011.html
http://webdesignledger.com/tips/web-design-trends-in-2011
http://webdesign.tutsplus.com/articles/design-theory/the-state-of-web-design-trends-2011-annual-edition/

Leggi tutto...

KPMRS.com: Servizio gratuito di monitoraggio del posizionamento di un sito

KPMRS.COM è un sito che offre un servizio utile e particolare. Completamente online e completamente gratuito, permette di monitorare il posizionamento del nostro sito nei maggiori motori di ricerca.
E' sufficiente scegliere una serie di parole chiave, e attivare il monitoraggio. Il servizio ci dirà non solo la nostra posizione nei motori di ricerca per quella chiave, ma anche quella dei nostri competitor, e molto altro.

Le sue caratteristiche sono:
- widget per consentire ai visitatori di controllare il ranking direttamente dal tuo sito web
- monitoraggio del posizionamento dei tuoi competitor per la tua parole chiave
- applicazione per iPhone per controllare istantaneamente il tuo ranking
- strumento social popularity per controllare quanto il tuo sito è popolare nei social network
- tool di "scoperta sito": lista delle parole chiave con le quali è stato trovato il tuo sito nei motori di ricerca
- avvisi via email quando il tuo ranking cambia
- numero di link verso il tuo sito
- widget per condividere il ranking del tuo sito con i tuoi visitatori
- grafici semplici e accattivanti per l'analisi dei dati

Insomma non mi pare male no??? Eccovi il link: http://www.kpmrs.com/!

Leggi tutto...

Generatore online di regole per la riscrittura delle URL / URL Rewrite / Mod Rewrite

Oggi avevo la necessità di scrivere alcune regole di URL Rewrite per un sito multilingua dinamico che sto realizzando. Nonostante vari tentativi, la mia regola non ne voleva sapere di funzionare.
Ho quindi iniziato a spulciare qua e là nella Rete alla ricerca di qualche informazione utile, è ho trovato questo praticissimo Mod Rewrite Generator: http://www.generateit.net/mod-rewrite/.

Come funziona? E' sufficiente scrivere nell'unico campo di testo che si presenta aprendo la pagina la nostra URL "vera" - anche con le variabili $variabile1 , $variabile2 funziona perfettamente - e il generatore creerà il testo che dovremo inserire nel nostro file .htaccess (su Apache).

Et voilà, finito! Facile e veloce! Ma soprattutto, funziona!!!

Leggi tutto...

Come visualizzare un "estratto" del post su Blogger / Blogspot

Uso Wordpress su molti progetti per i miei clienti, e devo dire che ha delle funzionalità veramente interessanti ed importanti. In particolare è facilissimo mostrare un "estratto", per così dire un riassunto, o un summary, dei propri post. Questa funzione può tornare utile ad esempio nell'homepage o nelle pagine di archiviazione, dove magari vogliamo mostrare l'incipit di parecchi post, per invogliare poi i nostri lettori a cliccare e navigare nel blog.

Su Blogger però fino a poco tempo fa questa funzione non esisteva proprio. Oggi esiste ma non in forma automatica. Si può utilizzare un page break nell'editor, ma per chi, come me, si ritrova ad avere già parecchi post e non vorrebbe modificarli a mano uno ad uno, o per chi non vuole neanche pensare a dover cliccare un tasto ogni X caratteri, ecco che ci viene in aiuto un hack.

E' riportato su molti siti pertanto non so chi ne sia l'autore originale. Vi segnalo quindi questo articolo che, seppur in inglese, spiega bene i passaggi che sono necessari per implementarlo: http://www.doncaprio.com/2010/11/how-to-add-automatic-post-summary-for.html

In pratica si tratta di andare a modificare il template originale aggiungendo qualche parametro ed una funzione javascript.
Attenzione però! A differenza della funzione integrata nel nuovo editor, questo hack, essendo realizzato in javascript, farà in modo che il vostro visitatore carichi ugualmente l'intero contenuto del post, oscurando poi quello che non volete mostrare. La pagina quindi, se ricca di post, sarà comunque molto pesante e lenta nel caricamento (come la mia home :( ).

Leggi tutto...

Generatore online di preview / anteprime / thumbnail di un sito web

Mi stavo chiedendo come potevo creare articoli più interessanti per i miei lettori... "Con l'aggiunta di più immagini!" mi son detta.
Sì, vero, ma la creazione e l'upload di immagini, soprattutto quando si sta scrivendo ad esempio una lunga lista di plugin, diventa cosa lunga e faticosa. Allora come fare? Possibile che non esista un tool o qualche servizio online gratuito che permetta la creazione di miniature, thumbnail, di un URL fornito al volo (on the fly)?

Eccerto che esiste!!! Si chiama Web Snapr 2.0 e fa proprio ciò che speravo: crea al volo una miniatura del sito linkato. Fantastico no?

Qui a fianco vedete la prova tangibile :)

Leggi tutto...