Sintesi-Design.it

La funzione $.noConflict()

Molte librerie javascript utilizzano il simbolo $ come nome di una funzione e, di conseguenza, se si utilizzano due librerie javascript, nello stesso documento (in questo articolo si utilizzano jQuery e mootools ), può capitare che si crei un conflitto tra le funzioni delle due librerie.

In questo tutorial viene mostrato come usare due delle più diffuse librerie javascript, jQuery e mootools, nello stesso documento.

Continua a leggere…

jQuery 1 o 2

Da Aprile 2013 jQuery è distribuito in due versioni:

  • la versione 2.x.x è dedicata ai browser moderni e conformi agli standard. Non supporta le versioni di Internet Explorer precedenti alla 9.
  • la versione 1.x.x garantisce il supporto per Internet Explorer 6, 7, 8. Questa versione continuerà ad essere sviluppata finché sarà necessario.

L’intenzione degli sviluppatori è di rimuovere dalla libreria tutte quelle funzionalità che servono a garantire la compatibilità con le vecchie versioni di Internet Explorer, diminuendo le dimensioni della libreria (al momento è stata ridotta del 10%) e rendendo più efficiente il codice.

Continua a leggere…

Effetto dissolvenza tra due immagini con CSS3 e jQuery

L’effetto dissolvenza tra due immagini può sottolineare un collegamento, il logo, una serie d’immagini di una galleria fotografica o un’altra area importante di una pagina web.

La dissolvenza si può realizzare con le proprietà css opacity e transition che però non sono supportate dai browser meno recenti. Per questi ultimi si può implementare una tecnica alternativa molto semplice basata su Modernizr e jQuery.

Continua a leggere…

jQuery fitText: adattare il testo al dispositivo

jQuery fitText è un plugin che ridimensiona il testo a cui è applicato in base alla dimensioni della finestra in cui viene visualizzato.

Può essere usato nei layout fluidi o in quelli che si adattano alla risoluzione del monitor (tramite media queries) per ridimensionare il testo dell’intestazione.

Continua a leggere…