Android e iPhone per WebDesigners!

Si chiama Titanium Developer ed è uno strumento che parte da un’ottima premessa: costruire applicazioni mobile native utilizzando i linguaggi web (JavaScript, Html e Css).

Lo strumento realizzato da AppCelerator nasce un paio di anni fa come rivale di Adobe AIR, ovvero offrendo la possibilità di realizzare applicazione desktop per chi arriva dallo sviluppo web, ma di recente ha saputo farsi notare aggiungendo oltre a questa prima possibilità, altre due che permettono di impacchettare il tutto per dispositivi Android e iPhone (e anche iPad).

Continua a leggere »

Tutorial: Twitter ovunque

Da poche settimane Twitter ha reso disponibile il nuovo servizio @Anywhere , che altro non è che un framework Javascript con il quale si possono facilmente inserire nel proprio sito o blog elementi interattivi relativi a Twitter con uno sforzo (e codice) minimo.

In questo veloce tutorial vediamo come integrare questa libreria nel nostro sito e lavorare con le funzioni di base di questo nuovo servizio!

Quindi… diamoci da fare con il codice! Continua a leggere »

Tutorial: Animare oggetti con jQuery

Nel primo tutorial che ho pubblicato tempo fa su jQuery, abbiamo accennata molto velocemente a una funzione che permetteva di animare da codice degli elementi Html, oggi rivedremo quella funzione con un po’ più di dettagli e ne analizzeremo altre che ci permetteranno di creare effetti animati per le nostre pagine web e renderle più “cool” .

Se non avete mai usato le funzioni di animazione messe a disposizione da jQuery questo tutorial vi fornirà le basi per poterci smanettare!
Continua a leggere »

Nuovo sito: Mephitic.it

Mephitic.it in realtà era un sito in linea gia da qualche mese, ma essendo questa la versione “ufficiale” lo segnalo ora nel mio portfolio.

E’ il primo sito basato su WordPress che realizzo dopo il mio personale (questo) e , visto che ormai ci sto prendendo molta confidenza con questa piattaforma, sarà anche l’inizio di una lunga serie!

Per la realizzazione grafica ho utilizzato interamente Illustrator CS4, il sito si basa su un layout elastico realizzato in Html + Css opportunamente adattato al sistema di WordPress. Per gli effeti ho utilizzato due librerie Javascritpt: jQuery (ormai quasi uno standard per me) e Spry, quest’ultima entra in gioco per l’effetto Tooltip integrato in Dreamweaver CS4 che ho utilizzato quando si porta il puntatore del mouse sopra i volti dei componenti della band.

CSS tip #5 – Menu con :hover

L’interattività si sa, è una questione che va lasciata a linguaggi come Javascript e PHP, tuttavia i CSS ci permettono di mettere mano a piccole interazioni a livello visuale, grazie al parametro :hover possiamo definire una regola Css che viene applicata all’oggetto solo quando il mouse si posiziona sopra di esso.

Anche se possiamo ottenere gli stessi effetti , o anche di migliori, tramite linguaggi di script, ricorrere alla parametro :hover ci permette di dipendere un po meno da questi ultimi e di realizzare “anteprime” di pagine web con un minimo di effetti in breve tempo. Continua a leggere »