Login
Nome utente:

Password:

Ricordami



Password persa?

Registrati ora!
Navigazione
Utenti Online
12 utente(i) online
(2 utente(i) in Tutorial)

Iscritti: 0
Ospiti: 12

altro...
Tutorial :: Sviluppo e Hack :: Hack per Xoops 2.0.x

Integrare effetti jQuery in Xoops


Integrare effetti jQuery in Xoops
Defkon1
In questo articolo vedremo come integrare in una nostra pagina statica il celebre menù Kwicks originariamente creato su libreria Mootools e recentemente portato su jQuery da Jeremy Martin.

Per vedere un anteprima dell'effetto che stiamo implementando, puntate il vostro browser sul mio blog tecnico, pagina Contatti.
Introduzione
Profilo Autore: Defkon1
Ingegnere informatico da anni impegnato nella comunità opensource.

Al momento è Webmaster del portale XoopsItalia.
1. Introduzione


I vantaggi insiti nell'utilizzo dei sistemi CMS sono chiari e sotto gli occhi di tutti (altrimenti non sareste su XoopsItalia probabilmente ).
Il rovescio della medaglia è però quello di andare verso una standardizzazione estrema dei vari portali, sia nella struttura che nella grafica, dando la classica impressione dei "siti fatti con lo stampino".

Come ovviare a questo problema che può fare la differenza tra un sito ben fatto e un sito stantìo e a volte banale?

Il primo passo è ovviamente scegliere un buon tema e personalizzarlo, ovvero lavorarci, curare i particolari, e adattarlo alle nostre esigenze.
Per inciso: cambiare il logo nell'header e basta non è personalizzare un tema. E' perfettamente comprensibile che un utente alle prime armi non sia in grado di elaborare in modo approfondito o addirittura scrivere da zero un tema, ma con il passare del tempo sono capacità che è fondamentale apprendere se si vuole distinguere il proprio lavoro dal marasma internettiano.

Un secondo passo è migliorare l'esperienza di navigazione. Dietro a questa criptica frase si nasconde tutto quel mondo di tecniche e approcci di web design che rendono il sito accattivante e piacevole da consultare per gli utenti, dando loro la possibilità di "passare del buon tempo" sul vostro sito.

Una delle tecniche che più ha preso piede negli ultimi anni è il ricorso a codice Javascript in grado di creare effetti speciali, anche molto elaborati, senza dover ricorrere alle soluzioni basate su Shockwave, Flash o Silverlight. Questi ultimi approcci presentano infatti una curva di apprendimento molto più ripida rispetto al Javascript, i tool di sviluppo hanno un costo non indifferente e soprattutto il risultato è spesso più grande in termini di dimensioni su disco (mettendo in difficoltà le connessioni non performanti).

Il Javascript non è però un linguaggio semplicissimo da maneggiare, soprattutto se lo si vuole utilizzare ad alti e altissimi livelli, come la scrittura di un effetto speciale richiederebbe. In nostro aiuto arrivano però le librerie e i framework, come ad esempio jQuery, Scriptaculous, o l'italianissimo MooTools, che ci permettono di lavorare ad alto livello nascondendoci molte delle complessità del linguaggio e delle strutture utilizzate. Questi framework sono leggerissimi da includere nelle nostre pagine (spesso si aggirano intorno ai pochi kilobyte), sono già testati e ottimizzati sui principali browser e supportano meccanismi di plugin, permettendoci di estenderli molto facilmente.

Uno dei framework più utilizzati e diffuso è senza dubbio jQuery: in soli 15KB avrete a disposizione tantissimi metodi di animazione e interazione in stile AJAX già compatibili per gli standard CSS3 e per i principali browser. Molti grandi network utilizzano jQuery per i propri portali: Google, Dell e Mozilla sono ad esempio tra essi, e questo dovrebbe dirla già lunga sulla qualità di questa libreria.
Questa libreria è disponbile per qualsiasi uso personale o commerciale, ed è distribuita sia con licenza MIT che GPL.
Come se non bastasse, direttamente nel repository ufficiale sono disponibili centinaia e centinaia di plugin già pronti, oltre a quelli che potete scovare in giro per la rete.

E allora, perché non utilizzarla anche nei nostri portali Xoops?

Cominciamo quindi dall'inizio.
Sottotitoli
  1. Introduzione
  2. Preparare il nostro tema a supportare jQuery
  3. Aggiungere lo stile
  4. La pagina HTML
Pagine:
(1) 2 3 4 »
<< Justin Erenkrantz, Presidente della Apache Software Foundation, è entrato ufficialmente nella XOOPS Advisory Board

API: RSS | RDF | ATOM
Copyright© Defkon1 & Xoops Italia
I commenti sono di proprietà degli autori. Si declina ogni responsibilità sul loro contenuto.
Sostieni XoopsItalia!
Ultimi Tutorial
Ultime Traduzioni
XOOPS ITALIA © 2002-2010 - Powered by XOOPS