Sono passati 10 anni da quando John Resig, lead developer del progetto, presentò jQuery nel corso del BarCamp NYC 2006. La prima versione di uno dei più noti framework JavaScript per lo sviluppo di Web applications è disponibile ancora online per la consultazione, ma dal suo rilascio iniziale questa libreria si è notevolmente evoluta, tanto da essere adottata in milioni di siti Web così come in CMS a larghissima diffusione (basti pensare a WordPress) e da divenire disponibile tramite i CDN di aziende come Google e Microsoft. (more...)

Continua a leggere jQuery: i primi 10 anni del framework JavaScript

Categoria: Scripting

Come reso noto tramite il Blog uffciale del progetto, la scorsa settimana il CDN (Content Delivery Network) di jQuery è stato coinvolto da alcune problematiche che hanno reso le risorse jquery-latest.js e jquery-latest.min.js irreperibili per alcune ore in aree geografiche specifiche; tale disservizio (che avrebbe coinvolto più propriamente il repository deputato a fornire i file al CDN), sarebbe stato anche l'occasione per ricordare agli sviluppatori di non utilizzare jquery-latest.js in produzione. (more...)

Continua a leggere jQuery: non utilizzare jquery-latest.js in produzione

Categoria: Scripting

Tags:

È necessaria una rinfrescata al front end del nostro sito? Cerchiamo qualcosa di vario e ancora (per poco?) non troppo sfruttato? Ecco 10 plugin per jQuery per aggiungere un po' di brillantezza a oggetti standard: (more...)

Continua a leggere jQuery: 10 plugin per migliorare il frontend

Categoria: Scripting

Tags:

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. (more...)

Continua a leggere Le novità di jQuery per il 2014

Categoria: Scripting

Tags:
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" e il drag del mouse sull'elemento con id "trash". Più facile di così...

Continua a leggere Testare le interfacce in Javascript

Categoria: Scripting

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

Categoria: Grafica

Tags: , ,

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> (more...)

Continua a leggere Menu dropdown accessibili con jQuery

Categoria: Scripting

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 di documentazione necessario per l'IntelliSense di Visual Studio Mentre siamo in fase di sviluppo possiamo utilizzare la versione classica della libreria in modo tale da poter interpretare più facilmente il codice in essa contenuto. Quando passiamo l'applicazione in produzione possiamo invece lasciare solo la versione minified della libreria in modo da occupare meno spazio e rendere l'esecuzione più rapida.

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

Categoria: Microsoft Dev

Tags: ,
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

Categoria: CSS

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).

Continua a leggere wdCalendar, un clone di GCal con jQuery

Categoria: Scripting