Archivio tag: jquery

Le novità di jQuery per il 2014

lunedì 20 gennaio 2014 - 9:43

di Claudio Garau

Attualmente il framework JavaScript jQuery verrebbe utilizzato in oltre il 60% dei 100 mila siti Web siti Web più visitati al Mondo, un dato che testimonierebbe una crescita pari al 10% nell’arco dell’anno passato; contestualmente, anche l’impiego di altre soluzioni realizzate dalla jQuery Foundation avrebbe registrato un incremento, è il caso di jQuery UI adottato in circa un quinto dei 10 mila siti Internet caratterizzati da maggior traffico. …

Continua a leggere Le novità di jQuery per il 2014

Tags:

Categoria: jquery | Permalink | Commenta

Testare le interfacce in Javascript

martedì 27 luglio 2010 - 8:20

di napolux

Il testing di applicazioni web a volte può risultare difficile. A volte si ricorre a tool come Selenium o altri simili, ma questi tool non coprono “decentemente” la parte di interfaccia.

Su Ajaxian è stato pubblicato recentemente un articolo relativo a Syn una libreria che si propone di risolvere questo problema. Permette, attraverso una semplice sintassi “chainable” di simulare eventi del browser quali click, digitazione di testi, focus e persino il drag&drop.

Syn.click( {},'hello' )
.type( 'Hello World' )
.drag( $('#trash') ); 

L’esempio mostra la simulazione di un click sull’elemento con id “hello”, la digitazione del testo “Hello World” …

Continua a leggere Testare le interfacce in Javascript

Tags:, ,

Categoria: jquery | Permalink | Commenta

Sfondi stretch con jQuery

giovedì 22 luglio 2010 - 12:46

di napolux

Backstretch è un semplicissimo plugin jQuery che vi permetterà  di aggiungere alle vostre pagine web un background a resize dinamico: l’immagine di sfondo scelta verrà  ridimensionata in base alle dimensioni della finestra del browser, il tutto in una singola riga di codice:

$.backstretch("http://tuosito.it/immagine.jpg");

Con l’avvento di monitor ad alta risoluzione la possibilità  di “riempire” tutto lo schermo con una singola immagine (di solito una fotografia) indipendentemente dalla dimensione della finestra è assolutamente irrinunciabile per tutti quei siti web che puntano sempre e comunque sull’alto impatto grafico, BackStretch risolve elegantemente e semplicemente questo problema.…

Continua a leggere Sfondi stretch con jQuery

Tags:, ,

Categoria: jquery | Permalink | Commenta

Menu dropdown accessibili con jQuery

martedì 6 luglio 2010 - 10:19

di Gabriele Romanato

Realizzare un menu dropdown con jQuery è cosa alquanto semplice. Realizzarne uno accessibile richiede la conoscenza di alcune caratteristiche di accessibilità  del Web. Per prima cosa, partiamo da questa marcatura:

<div id="navigation">

<ul>

<li><a href="#">Home</a></li>
<li><a href="#">Articles</a></li>
<li class="more"><a href="#">About</a>

<ul>

<li><a href="#">Portfolio</a></li>
<li><a href="#">Resumé</a></li>

</ul>

</li>

<li><a href="#">Contact</a></li>

</ul>

</div>
…

Continua a leggere Menu dropdown accessibili con jQuery

Tags:, ,

Categoria: jquery | Permalink | Commenta

Le novità  del .NET Framework 4.0: jQuery

lunedì 28 giugno 2010 - 7:59

di Gianni Malanga

Con il .NET Framework 4.0 ed in particolare con Visual Studio 2010 è stato migliorato ulteriormente il supporto a jQuery. Ora i template di Visual Studio relativi alla creazione di Web Form ed MVC includono già  di default le librerie di jQuery. Infatti, creando un nuovo web site o progetto web, viene automaticamente creata una cartella Scripts contenente i file della libreria jQuery:

  • jQuery-1.4.1.js – versione classica della libreria
  • jQuery-14.1.min.js – versione minified (ovvero una versione a cui sono stati eliminati tutti i caratteri non necessari alla corretta esecuzione della libreria, come spazi, commenti, ecc.)
  • jQuery-1.4.1-vsdoc.js – il file

Continua a leggere Le novità  del .NET Framework 4.0: jQuery

Tags:,

Categoria: jquery | Permalink | Commenta

Tastiera virtuale con HTML, CSS e jQuery

mercoledì 23 giugno 2010 - 8:14

di Kiko

Io ho usato questo espediente sulla dashboard di un sito sul mio tablet, esperimento certo rozzo ma estremamente efficace. Si tratta di una tastiera virtuale realizzata tramite HTML e CSS, col supporto di jQuery. Il codice per realizzare il tutto è ben documentato, mentre gli usi che si possono fare di un simile strumento sono svariati in termini di accessibilità  e usabilità , o come alternativa per le interfacce di tipo touch come nel mio esperimento.…

Continua a leggere Tastiera virtuale con HTML, CSS e jQuery

Tags:, , ,

Categoria: jquery | Permalink | Commenta

wdCalendar, un clone di GCal con jQuery

mercoledì 9 giugno 2010 - 11:50

di Cesare Lamanna

Chi avesse la necessità  di implementare su un sito o un'applicazione web un calendario che nelle funzionalità  si avvicini a Google Calendar, può prendere in considerazione questo wdCalendar. Si tratta di un plugin per jQuery distribuito con licenza GPL e di cui potete vedere una demo in azione qui (alcune funzionalità , a partire dall'inserimento di nuovi eventi, sono disabilitate).

screenshot

Continua a leggere wdCalendar, un clone di GCal con jQuery

Tags:,

Categoria: jquery | Permalink | Commenta

Div centrati con jQuery

lunedì 7 giugno 2010 - 8:07

di Gabriele Romanato

Ho letto con molto interesse un recente post di Cesare Lamanna dove veniva mostrata una tecnica solo CSS per centrare dei div all’interno di un contenitore. La tecnica fa uso del valore inline-block e di un hack per IE6 per centrare i box.

Tuttavia, questa tecnica, anche se funziona, ha dei limiti. Il più grande di questi limiti è che stiamo usando un valore che non presenta nessun problema se all’interno dei div si trova contenuto semplice, come del testo o un immagine. Ma se all’interno di questi div vogliamo inserire del contenuto un po’ più complesso, come ad esempio …

Continua a leggere Div centrati con jQuery

Tags:,

Categoria: jquery | Permalink | Commenta

Lightbox semplici con lightbox_me

martedì 1 giugno 2010 - 8:00

di Kiko

Per esperienza personale, è uno dei plugin jQuery più semplici e meno intrusivi in assoluto. Implementazione pulita e buon rendering. Si tratta di Lightbox_me e nel nome c’è già  la sua funzione. Molto utile per mostrare tutta una serie di informazioni o di form. Si adatta perfettamente alla finestra e alle dimensioni attuali dell’area visiva. Numerose le opzioni sfruttabili. Il codice sta in 2Kb.…

Continua a leggere Lightbox semplici con lightbox_me

Tags:,

Categoria: jquery | Permalink | Commenta

Nivo Zoom: zoomare immagini

lunedì 24 maggio 2010 - 11:00

di Maico Orazio

Dagli sviluppatori del Nivo Slider arriva un nuovo plugin, Nivo Zoom, della categoria dei Lightbox-like, ma molto più semplice.

Il plugin è leggero (4KB compresso), focalizzato solo sulle immagini e fornito di un gruppo di impostazioni. Sostiene 5 diversi tipi di zoom e può mostrare le didascalie di immagini.

Nivo Zoom, di default, non usa le sovrapposizioni (tipo Facebox), ma è in grado di visualizzare l’immagine con una sovrapposizione in cui opacità  e colori possono essere personalizzati.…

Continua a leggere Nivo Zoom: zoomare immagini

Tags:, ,

Categoria: jquery | Permalink | Commenta