RSS
 

Archive for the ‘javascript’ Category

jquery per lo sviluppo di siti per smartphone?

27 Jul

dubbio: jquery non è performante su iPhone =(

In questo momento sto realizzando la versione mobile di un sito web che potete vedere a questo indirizzo. Utilizzo jquery per qualche chiamata ajax e sopratutto perchè mi rende più agile lo sviluppo delle parti javascript. Una volta finita una parte del sito, ho tentanto di accedere con un iPhone. L’apertura risulta effettivamente lenta. La parte più pesante del sito, sono i 73 kb di jquery che, nonostiante sia nella versione minified, risulta essere troppo pesante per poter essere utilizzato con uno smartphone. Ho cercato in rete una versione light di jquery ma non ho trovato nulla.

speranza: una versione mobile per iPhone non sarebbe male =(

Sviluppando sul portatile e testando il sito da li e con Chrome, risulta tutto rapito. Con questo iPhone è tutto fuorchè performante. Spero che qualcuno capiti in questo post e sappia consigliarmi per ovviare a questo problema. 70 kb sono eccessivi! La prima cosa che ho pensato, è una versione mobile di jquery così ho trovato http://jquerymobile.com/. Di fatto quel sito è una pagina fine a se stessa e pare non esista nessun codice mobile.

proposta: date che vi sarà dato:

=( Se qualcuno sa/può aiutarmi lo ringrazio molto. In cambio, presto potrei preparare una guida in italiano alle Graph API di google. Ci sto giocando da un po. Mi sono creato uno script che “tira su” tutte le foto dei miei amici. Ho creato un png enorme con un migliaio di quadratini dove da qualche giorno tutti si stanno taggando =). Credo che adesso mi basti aprire una società, imparare ad usare flash, fare un giochino ambientato in una fantomatica fattoria, mettere delle vacche rosa in giro per i prati …. e quotare la mia società in borsa. Potrebbe essere interessante …

Condividi questo post sui tuoi social network preferiti:
  • Print
  • Digg
  • del.icio.us
  • Facebook
  • Google Bookmarks
  • LinkedIn
  • MySpace
  • Twitter
  • Wikio IT
  • Live
  • RSS
  • StumbleUpon
  • Technorati
 
 

Guida all’uso di jQuery LightBox

02 Jan

Con jQuery è possibile realizzare di tutto. E se ne sono accorti anche quelli di LightBox. Quindi ho pensato di realizzare una piccola guida che vi spiega come si fa ad integrare jQuery LightBox al vostro sito web. Per chi non la conoscesse, jQuery LightBox è un plug-in per il noto framework. La versione “classica” di LightBox è decisamente meno versatile. La potenza di jQuery ci permette di integrarla in modo molto rapido.

Gli interventi da fare sono due e sono sul codice html e su quello javascript. Analizziamo prima il codice HTML, e …

definiamo il “contenitore”, ovvero un div, delle immagini ed assegnamo un id a questo elemento.
<div id=”la_galleria”></div>

Al suo interno, inseriremo le immagini.
<div id=”la_galleria”>

<img src=”[...]” /div>
<img src=”[...]” /div>

<img src=”[...]” /div>

</div>

Facciamo si che ogni immagine sia anche un collegamento nel modo seguente
<div id=”la_galleria”>

<a href=”…”><img src=”…” alt=”" /></a>
<a href=”…”><img src=”…” alt=”" /></a>

<a href=”…”><img src=”…” alt=”" /></a>

</div>

Ed ora la seconda parte: come intervenire nel codice javascript:

Cosa fare nel codice Javascript:
$(‘#la_galleria a’).ligntBox();

Ovviamente il selettore “#id_galleria a” sta ad indicare tutti i collegamenti che si trovano dento l’elemento con id=”la_galleria”.

Molto bene: il mio esempio era generico. Ora se volete potete scaricare il codice di esempio che potete trovare direttamente nella pagina del plugin. Qui di seguito, mi elenco anche qualche altro link interessante su altri articoli che riguardano jQuery LightBox. Non limitatevi a questo post, osservate anche come il resto della rete ha fatto uso di questo fantastico elemento di jQuery.

Pagina ufficiale di jQuery LighjtBox

Integrazione con drupal

I migliori scripts di LinghtBox, facebook ed altri esempi

Un sacco di esempi, nell’edizione di balupton.com

Download di GoogleCode

Una marea di cloni di LightBox

Condividi questo post sui tuoi social network preferiti:
  • Print
  • Digg
  • del.icio.us
  • Facebook
  • Google Bookmarks
  • LinkedIn
  • MySpace
  • Twitter
  • Wikio IT
  • Live
  • RSS
  • StumbleUpon
  • Technorati