Login
Nome utente:

Password:

Ricorda



Recupero password

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

Iscritti: 0
Ospiti: 21

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 »
<< Installazione del Protector 3.x+ Invio password utente nell'email di attivazione >>

API: RSS | RDF | ATOM
Copyright© Defkon1 & Xoops Italia
I commenti sono di proprietà degli autori. Si declina ogni responsibilità sul loro contenuto.

Autore Contenuto
Anonymous
Data di invio: 17/7/2012 3:08  Aggiornato: 17/7/2012 3:08
 Re: Integrare effetti jQuery in Xoops
position of the guy, and it really is thought to be lowclass and impolite to examine time from cell through consumer conferences or get-togethers. best iwc watch fakes best iwc watch fakes Identical for girls, look at also can participate in a task as accessory. Today an increasing number of watches are created to be appeared like bracelets rolex classic women fake rolex classic women fake , which can be not merely useful and also trendy. There are a few far more particular meanings for offering a look at as reward rolex knockoff watch paypal rolex knockoff watch paypal , rendering it crucial and crucial so that you can purchase a look at. Visualizza immagine originale Each time a guy offers a woman a observe, it implies one. great luck two breitling superocean replica breitling superocean replica . reveals his really like to her three. for being together with her every single moment and 2nd, panerai submersible panerai submersible fake rolex watch fake rolex watch till the conclusion of time four. offers her the remainder of his time, implies eternality five fake watches fake watches . sees her daily, every single hour, every single moment and each 2nd Each time a girl presents a person a
rolex replica rolex replica Visualizza immagine originale replicas tag heuer replicas tag heuer rado replicas rado replicas cheap fake watches cheap fake watches best fake rolex best fake rolex fake rolex watch for sale fake rolex watch for sale rolex datejust 31 mm replica rolex datejust 31 mm replica

Autore Contenuto
Anonymous
Data di invio: 17/7/2012 3:08  Aggiornato: 17/7/2012 3:08
 Re: Integrare effetti jQuery in Xoops
look at, it implies faux phillippe patek faux phillippe patek : one. allow her handle his time, his time is her time two. to consider her every single moment rolex daytona for sale rolex daytona for sale , assume in the ideal second amongst them three. to recollect that each moment and each 2nd she'll assume of him and wait around for him four. for being with him every single moment, might be with each other eternally Every time a pal provides a observe, it implies: one. best bvlgari knockoffs best bvlgari knockoffs to cherish each moment amongst them, signifies friendship lasts endlessly two. Visualizza immagine originale be fortunate every day three. be surrounded with delight and luckiness each day When an grownup presents a observe to some child, it implies rolex replica rolex replica : fake breitling fake breitling one. to become a prompt individual from the minor child two. make excellent usage of just about every moment to check, rolex replika watch rolex replika watch being a prosperous human being later on. Previously mentioned all, it truly is essential to get a enjoy, despite on your own, fake rolex watches for women fake rolex watches for women your lover or your

Autore Contenuto
Anonymous
Data di invio: 17/7/2012 3:09  Aggiornato: 17/7/2012 3:09
 Re: Integrare effetti jQuery in Xoops
rolex replica rolex replica in the top excellent items. cheap fake rolex cheap fake rolex These articles or blog posts are frequently aimed to show folks tips on how to lower your expenses on selected routines or items Visualizza immagine originale best rolex imitation best rolex imitation , hermes watches look alike hermes watches look alike so that they are incredibly well-liked. The pattern also applies on the attitudes in direction of watches. As an increasing number of individuals would like to convey their personalized variations and pay out far more awareness to their look, there may be an incredible desire for diversified elegantlydesigned add-ons. Luxurious manufacturer title watches are undoubtedly products that could meet up with their requirements rolex replicas watches rolex replicas watches usa watches usa watches . Nevertheless they will not be for your mass markets. So folks change to reproduction watches. A lot of people just regard duplicate watches as one:one designs in the first counterparts. They like the initial watches a great deal but can't afford to pay for them, in order that they replica watch wholesalers replica watch wholesalers

Autore Contenuto
Anonymous
Data di invio: 17/7/2012 3:10  Aggiornato: 17/7/2012 3:10
 Re: Integrare effetti jQuery in Xoops
Nonetheless, you must contemplate your cash flow and funds, even though the amount of moments have you ever believed of purchasing a Rolex observe and abruptly recognized it can be as well high priced to suit your needs fake omega watches fake omega watches ? rolex imitation cheap rolex imitation cheap Even luxurious best quality imitation iwc best quality imitation iwc , fake rollex fake rollex most of us have had these thoughts coming to our minds and after that regrettably, throw in the towel the gorgeous considered prior to you chase it replica tag heuer monaco v4 replica tag heuer monaco v4 . Rolex could be the king of all watches, but it really surely wasn't go well with for everybody. The cost of these kinds of a jewel could make your hair stand on stop any time you consider within your month to month wages. Number of folks should buy a single when the theory has struck their thoughts. Visualizza immagine originale audemars piguet selfwinding royal oak comprar espana audemars piguet selfwinding royal oak comprar espana Whilst the relaxation of us have an additional good selection rolex replica rolex replica , which flip to your cheaper selection the Rolex phony watches. An imitation Rolex generally is a incredibly productive

Autore Contenuto
huff01
Data di invio: 5/9/2012 11:50  Aggiornato: 5/9/2012 11:50
Senior
Iscritto: 5/9/2012
Da:
Inviati: 164
 replica rolex
twinkling lights with the town, which now glint then dim as being the look at experience is turned audemars piguet edward piguet replica audemars piguet edward piguet replica swiss audemars piguet fake watch swiss audemars piguet fake watch . Audemars Piguet Swiss Watches Audemars Piguet Swiss Watches The quantity markers for minutes within the suitable and hrs around the still left are created of stainless-steel plated with rhodium, Visualizza immagine originale that is certainly then brushed to go with the satin-brushed metal complete of each and every area. Breitling Cockpit Lady watches Breitling Cockpit Lady watches Crisp black sans-serif numerals best every single marker. While in the heart in the pool are two round islands. The fiery crimson timekeeping fingers Audemars Piguet Swiss Watches Audemars Piguet Swiss Watches , watches replica watches replica impressed by all those that adorn The big apple s Empire State Creating, are affixed to your still left circle. Just about every is entire retrograde, popping again to its begin place mechanically on finishing a chosen time cycle. bvlgari fake watches bvlgari fake watches Emporio Armani Mens Chronograph Watches Emporio Armani Mens Chronograph Watches The one crimson pointer during the circle at proper faithfully tracks every single 2nd because it passes. The Pierre fake watches for sale fake watches for sale

Autore Contenuto
huff01
Data di invio: 12/9/2012 3:09  Aggiornato: 12/9/2012 3:09
Senior
Iscritto: 5/9/2012
Da:
Inviati: 164
 replica bvlgari watches
martial arts omaha Looking to find the definitive source of information on martial arts omaha? As many have found it is extremely difficult for single moms to support their families and pay for higher education which is why taking advantage of the Pell Grant for single mothers is such an important consideration technomarine replica watches technomarine replica watches cartier replica watches cartier replica watches technomarine replica technomarine replica watches replica watches replica . While there is not a specific Pell Grant only for single mothers, many single mothers qualify because they meet the lowincome requirements of the grant. Pell Grants are federally funded programs which are sponsored by the department of education and do not need to be paid back. For 2011 the maximum that can be paid out per student is $5, 550 aigner replica watches aigner replica watches Visualizza immagine originale . replica rolex swiss watches replica rolex swiss watches The amount awarded is issued based on financial need criteria determined by congress and submitted by the applicant when filling out the Free omega replica omega replica

Autore Contenuto
huff01
Data di invio: 12/9/2012 4:00  Aggiornato: 12/9/2012 4:00
Senior
Iscritto: 5/9/2012
Da:
Inviati: 164
 replica bvlgari
appearances to showcase his enviable beach body countless, Alba Yan thin ring of fat all look just right Aug, against the background of the beautiful sexy look healthy, she has thus become the world's most wanted men dating actress. ?About It's A Jaime Thing.. . Less Is More With Affordable Decor! CB2 jacob co replica jacob co replica : Visualizza immagine originale Ada Hanging Vase, Mini Bud Vases, Mercury Vases If you're looking for fun, affordable decor ideas for your wedding day, why not head over to cb2 replica jacob co replica jacob co alange sohne replica watches alange sohne replica watches replica longines replica longines ? iwc replica watches iwc replica watches They have an adorable array of bud vases to incorporate into your wedding or home! Cut down on your flower costs by using one stem for each vase. Bunch your vases in small groups of three at round tables or line them up in a row across longer tables audemars piguet replica audemars piguet replica , such as your head table. replica rolex replica rolex Perhaps alternate them between "votives to set the mood! Use hanging bud vases

Autore Contenuto
huff01
Data di invio: 12/9/2012 5:15  Aggiornato: 12/9/2012 5:15
Senior
Iscritto: 5/9/2012
Da:
Inviati: 164
 vacheron constantin replica
roger dubuis replica watches roger dubuis replica watches Associated Press reports the two cops have been transferred apt less highprofile locations to deal with patrol services and educate security offices Replica Rolex Watches u boat replica watches u boat replica watches ebel replica watches ebel replica watches , however characteristic reasons as the migrate have not been given. watches Fake rolex watches forsale Kate Moss Planning Paris Party Kate Moss will hold a second hen party in Paris, France, before her July 1 wedding to rocker Jamie Hince. Kate Moss is planning a second hen party in Paris. replica police replica police replica bvlgari watches replica bvlgari watches Visualizza immagine originale The 37yearold supermodel who namely set to wed The Kills frontman Jamie Hince on July 1 recently enjoyed a celebration by the Isle of Wight music festival with 30 of her closest pals yet immediately wants to plan a extra upscale bash forward of her nuptials. replica rolex replica rolex Kate has reportedly booked the fourbedroom, pershing replica pershing replica A?A 000 a night penthouse apartment in
Sostieni XoopsItalia!
Ultimi Tutorial
Ultime Traduzioni
XOOPS ITALIA © 2002-2012 - Powered by XOOPS