I migliori tutorial per photoshop disponibili su MrFlock. Ogni giorno approfondimenti su nuove tecnologie, tecniche e tutorial inediti per capire e realizzare le tue opere digitali. Tutorial professionali per photoshop cs.

10 incredibili tecniche ed esempi di Animazione con jQuery

Scritto da: MrFlock in web design il 2nd novembre
jQuery-animation-list-mrFlock

Che jQuery permetta di fare di tutto è forse un pò eccessivo ma questo framework per il web sviluppato in javascript è veramente una bomba e le prossime 10 tecniche che vedremo ve lo dimostreranno.

In questo post vedremo alcuni utilizzi particolarmente innovativi di jQuery nell’animazione di elementi web.

Fantastico effetto su immagini

photo-revealer

Il passaggio del mouse sull’immagine la divide in 4 pezzi si spostano gradualmente verso gli angoli e rivelano un’altra immagine sotto di essa. Un’animazione veramente molto bella e adatta a molti scopi.

Live Demo

Immagini che seguono il mouse in jQuery

01-10_jquery_mouse_movement

Con questa tecnica potretre far seguire a delle immagini i movimenti del mouse. L’effetto è molto bello e con un pò di fantasia è possibile realizzare animazioni veramente belle.

Live Demo

Continua a leggere: 10 incredibili tecniche ed esempi di Animazione con jQuery

Cerca questo articolo con: | | | |

Quanti anni hai?

View Results

Loading ... Loading ...

Di che sesso sei?

View Results

Loading ... Loading ...


Andrea Lutz realizza il primo sito che si naviga con movimenti e parole

Scritto da: Gianluca Bruno in Inspiration, web design il 20th ottobre

Devo ammettere di aver sempre sperato che il futuro del web fosse basato su principi in cui la navigabilità di un sito non fosse costretta ad essere governata da un click del mouse o dalla pressione di un tasto, speravo e tuttora spero che un giorno navigheremo proprio senza mouse e tastiera.

Andrea Lutz sicuramente la pensa in modo simile, visto che ha realizzato il primo ( o il primo che viene conosciuto al grande pubblico ) sito web completamente navigabile con la voce e con i gesti della mano.

Continua a leggere: Andrea Lutz realizza il primo sito che si naviga con movimenti e parole

Cerca questo articolo con: | | | |

Google Web Elements, il metodo più semplice per aggiungere contenuti dinamici ai vosti siti

Scritto da: Gianluca Bruno in web design il 13th ottobre
Google-Web-Elements

Il web da qualche anno a questa parte è diventato via via sempre più complesso, l’avvento dei cms ha segnato un progressivo livellamento tecnico e il successo è determinato quasi interamente dalla qualità dei contenuti e dall’interattività globale che viene fornita agli utenti.

Per tale motivo è normale che la dinamicità di un sito web diventa un fattore quantomai importante. Per inserire contenuti interattivi di qualità e di provenienza assolutamente certificata ci viene in soccorso Google con il suo nuovo servizio Google Web Elements.

Continua a leggere: Google Web Elements, il metodo più semplice per aggiungere contenuti dinamici ai vosti siti

Cerca questo articolo con: | | | |

Alcuni utili suggerimenti per chi inizia con i CSS – Parte2

Scritto da: MrFlock in css il 12th maggio
Css tips

Continuiamo con la seconda parte dei consigli e suggerimenti per che vuole avvicinarsi ai Css.
Continua a leggere: Alcuni utili suggerimenti per chi inizia con i CSS – Parte2
Cerca questo articolo con: | | | | |

Alcuni utili suggerimenti per chi inizia con i CSS

Scritto da: MrFlock in css il 6th maggio
cover

Chi vuole iniziare a programmare il proprio sito internet deve assolutamente conoscere i CSS (Cascading Style Sheet) comunemente detti anche fogli di stile.

Essi vengono usati per definire posizione, dimensione, comportamento ed in generale definiscono come verranno rappresentati i documenti in Html Xhtml etc..

I CSS permettono quindi la separazione in due parti separate dei codici rappresentanti del contenuto con i codici rappresentanti della formattazione e i vantaggi sono molteplici.

Oggi vi propongo un breve vademecum come introduzione alla programmazione CSS, prendeteli come dei consigli per iniziare.
Continua a leggere: Alcuni utili suggerimenti per chi inizia con i CSS

Cerca questo articolo con: | | | |