Leonardo.it

Ogni giorno approfondimenti su design, nuove tecnologie, tecniche e tutorial inediti per capire e realizzare le tue opere digitali. Tutorial professionali per Photoshop e Illustator.

Startup Design Lab per aspiranti imprenditori

Pubblicato da: Filadelfo Scamporrino

Lavorare in team al fine di andare a realizzare una startup Internet. E’ questo l’obiettivo di “Startup Design Lab”, un laboratorio online per aspiranti imprenditori che, in accordo con quanto riportato dal sito Italianfounders.org, mira non solo a ideare il modello di business della propria startup, ma anche a realizzarne un prototipo funzionante.

“Startup Design Lab” è un progetto a numero chiuso, nel senso che al massimo i partecipanti possono essere 20, a loro volta suddivisi in team di 5-6 persone in possesso di adeguati skill in materia di sviluppo software e, tra l’altro, anche di conoscenza della lingua inglese.


Continua a leggere: Startup Design Lab per aspiranti imprenditori

Opera browser versione Windows 11.51

Pubblicato da: Filadelfo Scamporrino

C’è Internet Explorer, il più utilizzato, Google Chrome, in forte ascesa, e Mozilla Firefox. Ma nel panorama dei browser che si possono scaricare ed utilizzare, a fronte di opzioni e di funzionalità interessanti, c’è anche Opera. L’ultima versione di Opera per Windows, attualmente scaricabile, è la 11.51, ideata per permettere non solo una navigazione più veloce, ma anche più sicura, più protetta, e basata sulla semplicità e sulla gestione di quelle che sono le funzioni intelligenti.

Utilizzando un sistema di gestione tanto organizzato quanto razionale, con Opera browser versione Windows 11.51 è possibile aprire e tenere aperte decine di pagine Web grazie ad un innovativo sistema che permette di sovrapporre tra di loro le schede.


Continua a leggere: Opera browser versione Windows 11.51

10 incredibili tecniche ed esempi di Animazione con jQuery

Pubblicato da: MrFlock
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

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

Pubblicato da: Gianluca Bruno

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

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

Pubblicato da: Gianluca Bruno
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

Alcuni utili suggerimenti per chi inizia con i CSS – Parte2

Pubblicato da: MrFlock
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

Alcuni utili suggerimenti per chi inizia con i CSS

Pubblicato da: MrFlock
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

10 imperdibili siti internet sperimentali

Pubblicato da: MrFlock
hello-sour-sally1

Quando fantasia e capacità realizzative si fondono alla perfezione di solito nascono esperienze visuali degne di nota. Questo è proprio il caso di questi 10 siti internet, selezionati per voi per mostrarvi cosa si può fare con le tecnologie attuali in ambito della progettazione web.

Se pensate che i siti in questione siano poco comunicativi e si incentrino molto sulla grafica vi dò pienamente ragione, ma a mio modesto parere a volte lo stile può prevalere sulla sostanza, almeno in alcuni casi.

Ultima considerazione prima di lasciarvi navigare tra questi siti è che nessuno di questi siti è italiano, poche infatti le agenzie web che, sono capaci o possono, vista la clientela, realizzare siti di questo tipo.

Continua a leggere: 10 imperdibili siti internet sperimentali

Pulsanti in stile web 2.0

Pubblicato da: MrFlock
pulsante-in-sitle-web20

Oggi vi propongo un bel tutorial per photoshop su come creare dei fantastici pulsanti per i vostri progetti web e multimediali.

Vediamo quindi come creare un bel pulsante in stile web 2.0 con photoshop in pochi semplici passaggi.

1) Create un nuovo livello e rinominatelo in “p_sfondo”.

2) Selezionate lo strumento rettangolo arrotondato con raggio 15 px e, tenendo premuto il tasto Shift disegnate un rettangolo di colore nero nel livello appena creato.

3) Ora fate doppio click sul livello per aprire la finestra di modifica stili livello.


Continua a leggere: Pulsanti in stile web 2.0