Ajax & Javascript | Your Inspiration Web

Archivio per la Categoria ‘Ajax & Javascript’

Vuoi utilizzare JSON ma non sai da dove iniziare?

in: Ajax & Javascript, Tutorial, Web | by Nicolas Gutierrez

venerdì, 12 marzo 2010

Con il passare del tempo, e l’aumento inarrestabile delle cosidette web application 2.0, si vede ormai AJAX sempre più utilizzato come tecnologia di sviluppo per lo scambio di dati in maniera asincrona.
A tale proposito, è diventato necessario un linguaggio che fosse versatile, facile da utilizzare e potesse “dialogare” tra più linguaggi di programmazione: JSON racchiude queste principali caratteristiche.
In questo articolo capiremo di cosa si tratta, qual’è la sua sintassi e vedremo un piccolo esempio per capire come utilizzarlo nelle nostre applicazioni web. (continua…)

Divertirsi con JavaScript: jQuery ed il Codice Konami

in: Ajax & Javascript | by Nicolas Gutierrez

giovedì, 25 febbraio 2010

Oggi faremo tutti un piccolo salto indietro nel tempo, fino al 1985, quando uno sviluppatore della Konami (Kazuhisa Hashimoto) creò la prima versione di Gradius (un videogioco per la console NES). Durante le prove del gioco, Kazuhisa, si accorse che era davvero difficile completarlo, e quindi creò un codice, il quale dava al giocatore tutte le migliorie possibili. (continua…)

Quali sono i principali metodi per integrare JavaScript nella tua pagina html?

in: Accessibilità, Ajax & Javascript | by JustB

mercoledì, 24 febbraio 2010

Negli ultimi anni, con l’introduzione di JavaScript le nostre pagine web sono diventate sicuramente più “vive”: effetti fantastici, caricamenti asincroni, interfacce migliorate, hanno reso l’esperienza utente molto più coinvolgente.

All’esponenziale crescita di JavaScript è corrisposto un crescente utilizzo dei link non più come collegamenti ipertestuali, bensì come “pulsanti di azione”. In altre parole, sono dei link vuoti, che servono solo ad innescare un’azione JavaScript. Sebbene tale pratica non sia vista di buon occhio dai puristi del codice (un link che non porta a nulla, non è un link per definizione), non si può negare che sia molto diffusa. Oggi vedremo alcuni metodi per implementare tali link, e i relativi pro e contro. (continua…)

jQuery, come creare un plugin per validare i nostri form?

in: Ajax & Javascript, Tutorial | by Nicolas Gutierrez

venerdì, 12 febbraio 2010

Nel mio ultimo articolo abbiamo gettato le basi per la creazione di plugins per il noto framework JavaScript “jQuery“. Ora utilizzeremo queste basi per creare un plugin che potrebbe farci risparmiare del prezioso tempo: Un validatore di Form.

Inizieremo dalla progettazione del plugin, questo vuol dire che risponderemo alle domande principali: Che cosa deve fare questo plugin? Quali sono i parametri che l’utente potrà configurare? Che cosa avverrà quando sarà trovato un errore? (continua…)

Script.aculo.us: effetti avanzati, ma ancora poco codice!

in: Ajax & Javascript, Web | by Ivan Signorile

giovedì, 28 gennaio 2010

Nella scorsa lezione su Script.aculo.us abbiamo implementato dei simpatici effetti di base, degli esempi di massima giusto per prendere familiarità con questo framework javascript e ci siamo lasciati con una promessa: quella di dar vita, nella seguente lezione, a qualcosa di un po’ più complesso.

Una promessa è una promessa e allora l’effetto che genereremo oggi sarà l’effetto Slider.

Non sempre complessità significa quintali di codice, funzioni su funzioni e grandi mal di testa per i programmatori: come avrai modo di constatare in seguito, ci serviremo solo di un paio di brevi (ma potenti) funzioni. (continua…)

jQuery: come installare e creare un plugin partendo da zero?

in: Ajax & Javascript, Tutorial | by Nicolas Gutierrez

mercoledì, 27 gennaio 2010

Uno dei punti di forza di molti frameworks javascript (nella fattispecie jQuery ) sta nella possibilità, e spesso nella facilità, di creare estensioni che possono migliorare o semplificare ulteriormente il nostro lavoro.

La potenzialità dei plugin sta, a loro volta, nella facilità di utilizzo e personalizzazione tramite parametri (le opzioni del plugin) i quali possono permetterci di impostare un colore di sfondo piuttosto che il tempo di durata di un’animazione. (continua…)

Script.aculo.us: primi effetti di base

in: Ajax & Javascript, Web | by Ivan Signorile

giovedì, 7 gennaio 2010

effetti-scriptaculous

Nella prima lezione su script.aculo.us hai avuto modo di vedere come può essere facile implementare effetti grafici avanzati all’interno del tuo sito utilizzando soltanto una riga di codice. Come già detto questo è proprio uno dei punti di forza non solo di Scriptaculous, ma un po’ di tutti i frameworks javaScript.

E così, dopo la prima lezione (a dire il vero più teorica che pratica), oggi cominceremo ad implementare insieme i nostri primi effetti con Scriptaculous.

(continua…)

Script.aculo.us: tanti effetti con poco codice?

in: Ajax & Javascript, Guide, Web | by Ivan Signorile

giovedì, 17 dicembre 2009

script

Le librerie javascript sembrano essere la moda del momento: da Script.aculo.us a jQuery, da Mootools a Prototype, sempre più siti sono pieni di effetti (più o meno utili) che danno un senso di dinamicità alle proprie pagine web.

Un punto di forza di queste librerie è da ricercarsi nella loro semplicità; puoi ottenere grandi risultati con davvero poche righe di codice: questo è il caso di Script.aculo.us. (continua…)

Web design elements: come validare i form con jQuery?

in: Ajax & Javascript | by JustB

venerdì, 11 dicembre 2009

validazione.1

Nelle scorse lezioni abbiamo visto come strutturare un form, e le scelte progettuali che ci sono alla base. Un aspetto importante che abbiamo trascurato è la gestione degli errori: hai mai compilato un lungo form per scoprire solo dopo averlo inviato di aver sbagliato qualcosa? Vediamo allora come JavaScript (e in particolare jQuery) può esserci d’aiuto! (continua…)

Qual è l’editor migliore con cui scrivere il proprio codice? Ecco una lista dei più utilizzati dai webdesigner

in: Ajax & Javascript, Php, Showcases, Web, Xhtml & Css | by nando pappalardo

giovedì, 3 dicembre 2009

Uno degli strumenti più importanti per un web designer è senza dubbio l’editor (IDE – Integrated Development Environment/Ambiente Integrato di Sviluppo) con cui viene sviluppato il codice che da vita alle proprie opere. Questi applicativi aiutano a redigere il nostro codice in modo intuitivo e ordinato mettendoci a disposizione una serie di funzionalità che semplificano notevolmente il processo di sviluppo.

In teoria un web designer potrebbe realizzare un intero sito internet avvalendosi semplicemente di un banale editor di testo (come il blocco note di Windows per intenderci), ma abitualmente nessuno sviluppatore lo fa poiché un editor di testo generico non permette di avere tutte quelle caratteristiche aggiuntive che fanno di questi ambienti di sviluppo dei veri e propri strumenti indispensabili. (continua…)