Caputo's blog

Informatica, tecnologia, programmazione, fai da te, papercraft e papertoy

Bordi arrotondati con Jquery

Ottobre 2nd, 2008 by Giovanni Caputo

Se volete realizzare dei bordi arrotondati per i vostri siti web potete utilizzare uno script di JQuery molto semplice e veloce.

LINK

Category: Programmazione, Siti Web | No Comments »

Tabelle interattive sul web con FlexGrid

Settembre 28th, 2008 by Giovanni Caputo

JQuery le riporta alla luce le care e vecchie tabelle , nella loro funzione originaria, cioè per impaginare tabulati di dati, attraverso un plug-in: FlexiGrid.

Con un’unica riga di codice:

$(‘.flexme’).flexigrid();

verrà convertita una tabella HTML in una tabella ricca di funzioni e interattività. Ecco alcune sue peculiarità:

  • Colonne ridimensionabili
  • Tabella ridimensionabile in altezza e larghezza
  • Colonne ordinabili
  • Gestione temi
  • Converte tabelle ordinarie
  • Recupero dei dati via AJAX (con XML e JSON)
  • Paginazione
  • Colonne attivabili/disattivabili
  • Toolbar
  • Ricerca
  • API

Category: Programmazione, programmi, Siti Web, Tecnologia, tutorial | No Comments »

Tutorial IBM su Jquery

Settembre 13th, 2008 by Giovanni Caputo

Su IBM DeveloperWorks è apparso ilprimo articolo di una serie dedicata a jQuery, nota libreria JavaScript che semplifica lo sviluppo sul web. In questo capitolo viene introdotta la sintassi, le modalità per utilizzarla correttamente e suggerisce alcune regole da seguire per evitare problemi nel caso la si affianchi ad altre librerie. Oltre a questo, viene introdotta anche la sintassi della ricerca e della selezione, sulle quali sono basate tutte le altre funzionalità di jQuery.

Category: Programmazione, Siti Web, Tecnologia | No Comments »

jParallax:Effetto Parallasse con jQuery

Settembre 2nd, 2008 by Giovanni Caputo

Diagram of parallax layers.
jParallax è un plugin sviluppato con il framework jQuery che permette di creare un effetto Parallasse (Parallax) tra immagini da utilizzare nei propri siti web.

La parallasse è il fenomeno per cui un oggetto sembra spostarsi rispetto allo sfondo se si cambia il punto di osservazione.

Per utilizzare il plugin bisognerà scaricare il file js, disponibile sul sito di jParallax, e scrivere una semplice lista utilizzando i tag <ul> con id parallax e <li> creando diversi livelli di piani in cui inserire delle immagini.

Queste immagini grazie al plugin jParallax verranno trasformate in un panorama 3D con profondità.

Ecco un esempio di codice:

<ul id="parallax">
<li></li>
<li></li>
</ul>

Esempi con jParallax

Category: Programmazione, Siti Web, Tecnologia, tutorial | No Comments »

Completa guida per JQuery

Agosto 24th, 2008 by Giovanni Caputo

Voglio segnalare una guida in inglese per iniziare a programmare con JQuery.

LINK

Category: Programmazione, Siti Web, tutorial | 2 Comments »

Creare un sondaggio con jQuery and PHP In Javascript / AJAX, PHP

Luglio 24th, 2008 by Giovanni Caputo

Link alla demo

Link tutorial

Category: Programmazione, Siti Web, tutorial | No Comments »

Tour virtuale con jQuery

Maggio 5th, 2008 by Giovanni Caputo

Volevo segnalarvi uno script hce permette di realizzare un tour virtuale.

Una dimostrazione è disponibile al seguente link:

DEMO

Per conoscere come utilizzarla potete seguire le istruzioni presenti su link seguente:

LINK

Category: Siti Web | No Comments »