Archive for 'links'


Aggiungere il supporto Finger-Swipe alle vostre pagine web!

Posted on 02. Sep, 2010 by daniele.

0

Uno degli aspetti più interessanti e divertenti di utilizzo iPad è la capacità di produrre un cambiamento in una pagina web strisciando il dito sullo schermo dell' iPad. Ad esempio, strisciando verso sinistra per passare alla pagina successiva in una serie di pagine, o strisciando per visualizzare l'immagine successiva in una serie di immagini. Per gli utenti iPad, queste azioni sono intuitive e naturali. Tuttavia, per coloro che realizzano pagine web, l'aggiunta di questa funzionalità può essere un processo impegnativo e difficile. Non più, in questo articolo troverete un tutorial che vi spiegherà come fare!

Link: http://padilicious.com/code/touchevents/

Demo: http://padilicious.com/code/touchevents/basicswipe.html

Continue Reading

Effetto Bianco e Nero con HTML5!

Posted on 01. Sep, 2010 by daniele.

0

Il nuovo tag HTML5 è noto per il suo potere di illustrazione. Ma oggi ve lo mostreremo sotto un'altro aspetto, la manipolazione delle immagini!

Questo è l'elemento più importante che differisce da SVG. Con il canvas è possibile eseguire operazioni sui pixel, si può scrivere una nuova immagine pixel per pixel o importare un'immagine e modificarla. In questo articolo vi mostreremo alcuni fondamenti della manipolazione dei pixel con il tag canvas, e su come utilizzare queste conoscenze per ottenere effetti interessanti!

Link: http://spyrestudios.com/html5-canvas-image-effects-black-white/

Continue Reading

Sprites animate con le transizioni CSS3

Posted on 31. Aug, 2010 by daniele.

0

Nel tutorial di oggi vedrete come creare un'animazione con i CSS3 utilizzando le transizioni.
Il vantaggio di questa tecnica è che non viene utillizzato nessun javascript e quindi avremo un minor peso complessivo del nostro sito. Lo svantaggio però, è che questa caratteristica non è ancora supportata da tutti i browser ma solamente dai browser basati su WebKit come Chrome e Safari.

Link: http://www.impressivewebs.com/animated-sprites-css3/

Continue Reading

WanderWall, un’interfaccia Hover-Based realizzata in jQuery, CSS3 e HTML5!

Posted on 30. Aug, 2010 by daniele.

0

Addy Osmani vi insegnerà come creare un utile interfaccia utente hover-based utilizzando jQuery, CSS3, HTML5 e @ font-face.
Con la popolarità di applicazioni web touch su dispositivi mobili, è stata semplificata  la navigazione, in quanto, con un semplice tocco è possibile passare da una pagina all'altra. Perchè non applicare tutto questo anche sui dispositivi desktop? Seguite il tutorial e lo scoprirete!

Link: http://addyosmani.com/blog/wanderwall/

Continue Reading

Manipolare i colori in tutte le possibili combinazioni? Con xColor si può!

Posted on 29. Aug, 2010 by daniele.

2

Il plugin xColor è un'estensione jQuery facile da usare per manipolare i colori in tutte le combinazioni immaginabili.
Questo plugin implementa un parser dei colori ed un insieme di metodi per la loro manipolazione. Una tra le più importanti e interssanti funzioni è isReadable() che permette di verificare se un testo è leggibile su un certo sfondo.
Il valore dei colori può essere passato in differenti modelli: RGB, HSV/HSB, HSL e la loro estensione alpha.

Link: http://www.xarg.org/project/jquery-color-plugin-xcolor/

Continue Reading

Creare un’interfaccia scrollabile con jQuery Image Scroller Plugin

Posted on 28. Aug, 2010 by daniele.

0

jQuery Image Scroller Plugin crea un'interfaccia scorrevole facendo scorrere un'immagine di grandi dimensioni in una zona più piccola. L'idea è che abbiamo un contenitore con una altezza e larghezza fissa e un contenitore per l'anteprima di tale immagine. Una volta che il plugin viene applicato, verrà allegata una piccola area che rappresenta la zona in cui è possibile trascinare su e giù.

Link: http://www.viget.com/uploads/file/image-scroller/

Continue Reading

35 Estensioni gratuite per Google Chrome!

Posted on 27. Aug, 2010 by daniele.

0

Ci vorrà molto sforzo da parte di Google per strappare più sviluppatori possibili dal loro amato Firefox, ma con il numero in aumento di estensioni web-developer-friendly per Chrome, il numero di sviluppatori è in continua crescita!

Chrome è più veloce di Firefox, usa meno CPU e viene fornito con built-in Developer Tools (accessibile premendo Ctrl + Maiusc + I).

In questo articolo troverete le 35 migliori estensioni per Google Chrome, da scaricare gratuitamente!

Link: http://www.webappers.com/

Continue Reading

Creare il pulsante “Segui” di Twitter con jQuery, MooTools o Dojo!

Posted on 26. Aug, 2010 by daniele.

0

David Walsh ci stupisce come sempre con un nuovo tutorial Ajax!
In questo tutorial imparerete come creare un pulsante "Segui" di Twitter riprodotto con i framework Ajax più utilizzati, jQuery, MooTools e Dojo.

Link: http://davidwalsh.name/twitter-button

Continue Reading

126 icone vettoriali dei marchi più conosciuti da scaricare gratuitamente!

Posted on 25. Aug, 2010 by daniele.

0

Buddycons Icon Set include 126 icone vettoriali dei marchi più conosciuti. Troverete le stesse icone sia con i bordi arrotondati che con i bordi circolari. Oltre al formato vettoriale è presente anche l'equivalente icona in formato PNG.

Potete utilizzare le icone sia per uso personale che per uso commerciale, però, la ridistribuzione non è consentita, quindi se desiderate condividere queste icone con i vostri amici, siete pregati di specificare il link della pagina del produttore.

Link: http://www.webdesignerdepot.com/2010/08/buddycons-vector-social-media-icons/

Continue Reading

AviaSlider, uno slideshow davvero unico!

Posted on 24. Aug, 2010 by daniele.

0

Questo fantastico plugin jQuery permette di creare uno slideshow di immagini con 8 effetti di transizione davvero fantastici.
Pesa solamente 8kb, è possibile impostare un'autoplay, include un preloader di immagini, utilizza un Markup valido per HTML5 e CSS3, supporta link alle immagini e molto altro. Un plugin da provare assolutamente!

Link: http://aviathemes.com/aviaslider/

Continue Reading

1 2 3 4 »Last »