DIGITALife

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

• How to Implement animations of CSS Properties
• 15 Ways to Improve CSS Techniques Using jQuery
• 50 Useful New jQuery Techniques and Tutorials
• Mastering CSS Coding: Getting Started
• jQuery Visual Cheat Sheet
• 10+ astonishing jQuery resources to spice up your website
• Flipping Content Tabs Using jQuery
• Fancy Navigation with CSS & jQuery
• Kwicks for jQuery and an awesome horizontal animated menu
• Using Opacity to Show Focus with jQuery — COOL!!!
  
• Crafting an Animated Postcard With jQuery — COOL!!!
• Color Changing Text and Backgrounds with jQuery –COOL!!
• Animate Image Filling Up Using jQuery
• jQuery Thumbnail with Zooming Image and Fading Caption Tutorial — COOL!!
• Lazy Loading Of Images — COOL!!!
• Snippets

Ecco una raccolta di plugin e tutorial per arricchire i vostri siti di moderni effetti grazie alla libreria jQuery:

• AnythingSlider - Il classico slider per visualizzare a rotazione qualsiasi elemento HTML
• Horinaja - Altro slider (disponibile anche per altre librerie diverse), con la possibilità di gestione del mouse wheel
• Gritter - Permette di creare notifiche tramite un sistema ispirato al mitico Growl dei sistemi Apple - demo
• MooFlow - Un plugin coverflow non per jQuery ma per MooTools
• Featured Content Slider - avete gia capito di cosa si tratta….
• Menu Background Image Animations - Effetto davvero carino che si presta a molte personalizzazioni

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.

Una fantastica collezione di esperimenti basati su jQuery.

Molti dei fantastici scrip utilizzati nel loro sito, ci vengono ora svelati nei particolari.

Ottimi per un design dinamico e moderno.

Dragoninteractive.com - LAB

Dopo un paio di post dedicati al calcio, e dopo la goleada di ieri del Milan al Bologna, possiamo tornare a dedicarci alle cose serie.

Vi segnalo questo simpatico plugin: Jquery Fade In.Fade Out.

Queste poche linee di codice vi permetteranno di visualizzare gli elementi della vostra pagina web ( immagini, testi, link o interi div) con un effetto di trasparenza al 30%, e al rollover (passaggio sopra del mouse) questi elementi torneranno gradualmente ad una visualizzazione normale

Un semplice effetto che può rendere più interessanti le vostre pagine web.

Vedi una demo.

Scarica Jquery Fade In.Fade Out

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.

Ecco una serie di plugin jQuery per creare facilmente stupendi effetti di slide (verticali oppure orizzontali) o fade per immagini, testi e tutto quello che vi viene in mente…

Simple jQuery spy effect -   Demo

Start/Stop Slider -   Demo

Easy Slider -   Demo

S3slider -   Demo

Innerfade and Demo

Animated  Inerfade and Demo

Cross-Slide

La nuova tipografia per il Web!!!

sIFR permette di creare nelle vostre pagine e nei vostri template dei testi accessibili utilizzando tutti font che desiderate…

Sostanzialmente questo script va sostituire il nostro testo con dei movieclip flash dove è stato precedentemente embeddato il nostro font.

Il progetto sIFR è arrivato alla terza versione : sIFR3.

E’ stato anche sviluppato un plugin jQuery per aiutarvi nell’implementazione: jQuery sIFR Plugin.

Cercate le varie implementazioni per Wordpress attraverso dei Plugin.

Altro link interessante: Custom fonts.

AGGIORNAMENTO: sIFR Lite.