euGenius

Il blog di Eugenio Petullà

Responsive Design, con la varietà di device e risoluzioni che ci sono in giro, è ormai la tecnica di web design più ricercata. Oggi vi proporrò un tutorial per realizzare un piccolo sito portfolio completamente responsive utilizzando un framework di JQuery dedicato proprio a questo, JQuery Mobile. L’idea mi è venuta parlando con alcuni grafici e designer. Mi sono reso conto che JQuery è ancora considerato “troppo da programmatore” e poco adatto a figure come loro, poi ho conosciuto questo framework e devo dire che sono rimasto impressionato proprio dall’immediatezza, la semplicità d’uso e la sua piena compatibilità con tutti i device in circolazione grazie ad HTML5. Iniziamo a creare la struttura del nostro piccolo portfolio, poi altro non sarà che una lista puntata con un’immagine affiancata, un header che conterrà il titolo del portfolio, ed un footer che costituirà il nostro menù in stile mobile. Come potete notare ci sono dei commenti che per una struttura così semplice si potrebbero evitare ma, quando si prevede di usare JQuery Mobile, è bene appuntarsi l’appartenenza dei tag di chiusura. Questo framework ci permette di usare un unico file HTML per tutte le pagine della nostra applicazione, quindi ci saranno parecchie <div>…

Read More