Blog su Wordpress, Web Design, Web Development e Seo

Se siete arrivati fin qui sarà perchè avete spesso letto di jQuery, ma ancora non avete ben chiaro cos’è.
Si parla di jQuery quando si ha a che fare con lo sviluppo di pagine web. In effetti è proprio per “facilitare” la creazione di pagine web che nel 2006 John Resig pubblicò la prima versione dell’ ormai famosissimo framework.
A quei tempi (nel 2006) erano già noti altri tool Javascript che avevano lo stesso scopo, purtroppo però Javascript è un linguaggio di programmazione lato client e strumenti come Prototype e Mootools se da un lato facilitavano le cose, dall’ altro generavano gravi problemi di compatibilità tra i vari browser.
jQuery nasce proprio con lo scopo di risolvere tali problemi e di fornire uno strumento che potesse velocizzare la stesura del codice. Ed è così che è diventato il framework più utilizzato e per questo con più plugin disponibili. La libreria ha una dimensione inferiore a quella degli altri framework; ha una community estesa ed è facile da imparare.
Il motto di jQuery: “Write less, do more“ riassume i motivi che dovrebbero convincere ogni sviluppatore ad utilizzarlo. Con poco codice si riesce a fare davvero tanto. La sinteticità è infatti un altro dei punti a favore.

Dal sito è possibile scaricare la libreria in due formati:

• compresso
• non compresso

Oppure per cercare di velocizzare il caricamento delle pagine, si può utilizzare la versione messa a disposizione da Google, attenzione però la disponibilità on line non potrà mai essere garantita al 100%!

Se vi è venuta voglia di vedere in pratica come funziona, sempre su jquery.com sono presenti un bel pò di tutorial per iniziare.

Buon lavoro!

Ormai diffusissimo, l’ effetto Page Peel è effettivamente molto utile per sfruttare poco spazio ma avere un’ ottima visibilità.

Quasi sempre lo si vede in flash, ma oggi vi presento la versione jQuery + Css.

Il tutto funziona con IE7, io l’ ho testato su Firefox , Chrome e Opera, versioni varie, e non dà nessun tipo di problema.

Qui potete scaricare tutto il codice.

L’ installazione è molto semplice:

• Bisogna scaricare le librerie jQuery e jQuery UI
• Creiamo poi una cartella che chiamaremo ad esempio turn
• Inseriamo nella nostra pagina il codice

• Aggiungiamo l’ immagine che resterà sempre almeno parzialmente visibile

• Infine la funzione che genera l’ effetto, inserendo prima di il codice

Lo script può essere facilmente personalizzabile, modificando il codice:

// Default awesomeness
var defaults = {
directory: 'turn', // La directory che contiene le librerie
javascript
side: 'left', // destra o sinistra
turnImage: 'fold.png', // l' immagine a forma di triangolo
maxHeight: 400, // La massima altezza
startingWidth: 80, // Larghezza iniziale
startingHeight: 80, // Altezza iniziale (these should probably
be camelCase, d'oh.)
autoCurl: false // Movimento automatico o manuale
};

Chi si sta avvicinando ora al mondo dell’ html, css e javascript troverà in rete, in lingua italiana ed inglese un mare di risorse. Per tutti i gusti. Ma proprio in questo mare diventa, a volte, soprattutto per chi è alle prime armi, un’ impresa trovare un buona guida per iniziare.

In realtà iniziare da una buona guida è molto più importante di quanto si possa credere. Bisogna infatti avvicinarci gradualmente e imparare prima il necessario per uno studio via via più approfondito.

Tra tutti i tutorial trovati in giro mi sento di consigliare tre wikibooks, che potete consultare on line oppure scaricare in formato pdf:

• Html
• CSS
• JavaScript