DIGITALife

Has this user visited this site before?: Ravelrumba:
http://www.ravelrumba.com/blog/firstimpression-js-library-detecting-new-visitors/
Incredible animation – Jmpress.js:

http://shama.github.com/jmpress.js/

http://shama.github.com/jmpress.js/examples/impress/#/overview

Superscroll/parallax – Superscrollorama:

http://johnpolacek.github.com/superscrollorama/

Sliding Website – REVOLVER:

http://2.s3.envato.com/files/27577254/index.html#/homepage

http://codecanyon.net/item/revolver-sliding-website-plugin/2278396?ref=jqueryrain&ref=jqueryrain&clickthrough_id=74039323&redirect_back=true

Tooltip:

http://onehackoranother.com/projects/jquery/tipsy/

Advance Multiple Responsive Slider:

http://www.idangero.us/sliders/moover/

Custom CSS Buttons & jQuery Events Tutorial:

http://www.jquery4u.com/dynamic-css-2/custom-css-buttons-jquery-events-tutorial/#.UB7XYURDTpT

Endless Scroll:

http://www.beyondcoding.com/demos/endless-scroll/

Filtry:

http://luis-almeida.github.com/filtrify/

Full screen background – Backstretch:

http://srobbin.com/jquery-plugins/backstretch/

Pagination: Jpages:

http://luis-almeida.github.com/jPages/mosaic.html

Textualizer:

http://kiro.me/projects/textualizer.html

Website Tour and page Instruction:

http://www.jquery4u.com/plugins/web-tour-instructional-plugins/#.UB7fikRDTpT

Hovercards:

http://designwithpc.com/Plugins/Hovercard#demo

Calendar like Google! Full Calendar:

http://arshaw.com/fullcalendar/

SPECIAL – ICONS

http://brankic1979.com/icons/

Ecco tutte le risorse necessarie per rendere il vostro sito davvero Responsive!

Responsive Web Design: What It Is and How To Use It
TOP 30 jQuery Responsive Layout Plugins
Slider and responsive-slider
wmuSlider, a jQuery responsive slider
Control image aspect ratios with CSS3
Fluid CSS3 Slideshow with Parallax Effect
Why responsive design
Responsive Design Testing Tool

http://www.webresourcesdepot.com/imagemapster-interactive-image-maps-with-jquery/

http://www.svennerberg.com/examples/imagemap_rollover/index_jquery.html

http://www.outsharked.com/imagemapster/examples/usa.html

http://www.red-team-design.com/image-map-with-css3-jquery-tooltips

http://jquery-howto.blogspot.it/2009/01/jquery-and-html-image-maps.html

http://www.jquery4u.com/image-scripts/highlight-image-map-area-hotspots-jquery/#.T8P1Qb8azpT

http://craigsworks.com/projects/qtip2/demos/#imagemap

http://davidlynch.org/projects/maphilight/docs/

http://davidlynch.org/projects/maphilight/docs/demo_simple.html#

http://davidlynch.org/projects/maphilight/docs/demo_world.html

http://davidlynch.org/projects/maphilight/docs/demo_usa.html#

http://davidlynch.org/projects/maphilight/docs/demo_features.html#

Develop TAB for pages

http://developers.facebook.com/docs/appsonfacebook/pagetabs/

Develop CANVAS

http://developers.facebook.com/docs/appsonfacebook/tutorial/

Una selezione di alcuni esempi e script per creare un carrello elettronico 2.0; con l’utilizzo di jQuery possiamo creare effetti come il drag & drop o il fly to basket…. spicy up your e-commerce!

• Fly-to-basket – esempio
• Drag & Drop – esempio
• AJAX – Drag & Drop – esempio

Dopo questo veloce cambio di tema, vi propongo uno degli articoli più interessanti: un utilissimo link ad una raccolta sensazionale di plugin per jQuery, utili per creare gallery e slideshow di immagini nei vori progetti Web.

jQuery Image Gallery/Slideshow Plugins

Sempre a causa delle vacanze vicine e dei molti progetti ancora da finire, ho confezionato questo superpost pieno di risorse gratutite per voi sviluppatori e webdesigner, ma prima di tutto per me.

Abbiamo 3 applicazioni open source molto interesanti, una serie di plugin jQuery, un sistema di questionari in flash e altre cosine simpatiche da implementare nei vostri progetti.

Enjoy!!!

1. Software open source per la gestione delle fatture.
2. Software open source per la creazione di Tasklist.
3. Free Collaborative File Sharing.
4. Google web elements, ti permette di inserire i widget di google sui tuoi siti.
5. SRT, un template html-css per creare il vostro CV on-line.
6. jQuery inline form validation.
7. Flash-XML based survey with multiple questions. Sistema gratuito per piccole inchiste basato su Flash-Xml.
8. UIpatternfactory.com . Una collezione di User Interface Pattern.
9. jQuery SuperBox! – Una nuova modal windows basata su jQuery.

Direttamente da Adobe una serie di video – tutorial per cominciare ad utilizzare il nuovo Flash Bulider e lultima versione di Flex…

Cominciamo Subito!

Ecco un paio di link che vi permetteranno di creare le vostre favicon.

Cosa sono le favicon?

Semplice, sono quelle piccole iconcine che appaiono nei browser accanto all’URL del sito,  accanto al nome del sito nei vari tab del vostro browser, o nella vostra lista di siti preferiti quando ne aggiungete uno nei segnalibri o preferiti!

Per crearle esistono particolari estensioni per Photoshop, ma risulta più facile e veloce appoggiarsi ad alcuni siti che offrono il servizio di generazione delle favicon in semplici passi.

Vi segnalo due siti:

• http://www.favicon.cc : vi permette di disegnarle direttamente sulo con un editor oppure di caricare un immagine e poi modificarla, sempre con l’editor, per poi generare il file finale favicon.ico. I risultati non sono sempre di altissima qualità ma il sito vi presenta una galleria delle migliori favicon generate… molto carine ed inoltre vi permette di creare delle stupende favicon ANIMATE!!!!.
• http://tools.dynamicdrive.com/favicon/ : qui potete caricare le vostre immagini e poi riposare qualche secondo mentre il software genera la vostra favicon; se lo desiderate potrete farvi generare anche dei file .ico pronti per essere utilizzati nei vostri sistemi operativi come icone. La qualità della favicon è molto buona.

Personalmente preferisco il secondo sito segnalato.

Vi consiglio di creare la vostra favicon direttamente con il vostro software di disegno preferito sviluppando l’immagine su un file di proporzioni quadrate (onde evitare successivi “stirameti” dell’immagine) per esempio 50px X 50px , salvate poi il tutto in formato .png per preservare l’eventuale trasparenza e caricate l’immagine in uno dei due siti segnalati.

Una volta generata la favicon.ico caricatela nella root del vostro spazio web ed inserite nel tag HEAD della pagina :

<link rel="shortcut icon" href="/favicon.ico">

Il gioco è fatto!!! PS: la nuova favicon potrebbe non apparire subito… ma non temete… pulite la cache e poi tutto dovrebbe funzionare!

Se conoscete altri siti con gallerie di favicon o che vi permettono di generarle, segnalate pure!

Questo è un piccolo esempio di quello che si andrà a creare: Demo

Seguiamo i due tutorial:

- Create simple tooltips with CSS and jQuery – Part 1

- Create simple tooltips with CSS and jQuery – Part 2

Se avete tempo date un’occhiata a tutti i tutorial presenti in questo sito che vi aiuteranno a migliorare  vostri temi per WordPress e le vostre conoscenze di jQuery.