Articoli con tag javascript

Editor di espressioni regolari online

Scritto da bubbakk in in un minuto il 23 marzo 2011

A voi programmatori sarà successo almeno una volta di dover creare un’espressione regolare… e magari, di desiderare anche un sistema per testarne il funzionamento senza essere costretti a fare debug su ogni possibile combinazione di input, giusto?

Se avete risposto si, le seguenti righe fanno al caso vostro. Prosegui la lettura »

, , , , , , ,

2 Commenti

Animazioni e dinamicità con jQuery

Scritto da bubbakk in guide e manuali il 6 settembre 2010

Nel precedente tutorial abbiamo realizzato una semplice pagina di test, muovendo i primissimi passi nel mondo di jQuery. Proviamo ora ad aggiungere un po’ di interattività alla nostra pagina. Alla fine del tutorial, otterremo questo.

Tutorial 2: effetti ed animazioni

Riprendiamo la nostra pagina di prova esattamente dove l’avevamo lasciata, e apriamola.

Guardando l’elenco, mi viene pensato che se la lista di film fosse più corposa, diciamo almeno 50 titoli, potrei dover scorrere parecchio la pagina per vedere i dettagli del film che mi interessano. Forse sarebbe meglio vedere solamente l’elenco dei titoli e, una volta trovato il film, posso fare click su un pulsante per aprirne i dettagli. Prosegui la lettura »

, ,

5 Commenti

Primi passi con jQuery

Scritto da bubbakk in guide e manuali il 22 luglio 2010

Salve a tutti.

Con questo post, inizio una serie di mini-tutorial sull’utilizzo di jQuery. Non sto a tediarvi sulla storia, le potenzialità, i pregi e i difetti eccetera: potere trovare tutto a partire dalla relativa pagina su Wikipedia.

Mi limito ad elencare alcune caratteristiche che trovo interessanti:

  • è un framework completo e compatto (24k per la versione compressa)
  • permette, di base, molteplici azioni e interazioninelle pagine web :
    • animazioni
    • interazione Ajax
    • interrogazione e manipolazione di ogni aspetto della pagina web
  • estendibile tramite numerosi plugin
  • cross-brower (Firefox 2+, IE6+, Safari 3+, Opera 9+, Chrome)
  • CSS3 compliant

In questa mini-serie di post non ho la pretesa di essere esauriente né di illuminarvi su tutti gli aspetti di jQuery: servirebbe un intero libro per farlo. Il mio intento è di illustrare come utilizzarlo in esempi classici, in situazioni reali, e far vedere che con poche righe di codice, si possono fare cose un sacco web 2.0 ! :-) e anche risparmiare molto codice…. d’altronde il motto che si legge nel logo è “write less, do more.” Prosegui la lettura »

, ,

3 Commenti

Libreria grafica per web applications – Ext JS

Scritto da bubbakk in notizie, Software libero il 22 settembre 2009

web 2.0Il web 2.0 è divertente perché è interattivo, orientato all’utente e graficamente accattivante; ci permette di interagire con altri utenti o di collegare tra loro diversi servizi e strumenti web. Facebook, Twetter, Fickr, Youtube, Blogger, Yahoo, Ebay, FeedBurner, Last.fm, Amazon, PageFlakes, TinyURL, …. l’elenco è davvero lunghissimo.

Questa evoluzione della grande rete è avvenuta per diversi motivi: per effetto della concorrenza agguerrita tra i grandi protagonisti dell’informatica e non solo, per il progredire dei browser sempre più veloci e potenti nel supportare i dialetti del web, per il costante potenziamento ed evoluzione dei linguaggi che ruotano intorno al mondo del web con javascript in testa e, infine, perchè nel corso degli anni sono stati sviluppati dei validi strumenti per velocizzare la creazione di sistemi d’interazione con il web.

Proprio in quest’ultimo caso ricadono i framework javascript, degli strumenti software per velocizzare la scrittura di codice per rendere gli elementi delle pagine web interattivi e dinamici. Alcuni di questi  si limitano all’interazione con gli oggetti DOM della pagina HTML, mentre altri hanno anche possibilità di gestirne l’aspetto, con effetti di dissolvenza, menù a tendina che si srotolano, scrolling “morbidi”, ecc…

In queste poche righe, vi presenterò:

Intro

Ext JS nasce per rendere lo sviluppo delle interfacce grafiche di web application più comodo e rapido possibile. Questa libreria, ricchissima di funzionalità, permette, con poco codice, di inserire nella propria pagina, oggetti comuni delle interfacce grafica di tipo applicativo desktop, anche molto avanzate, come layout, finestre, tab, form dinamiche, toolbars, combo, menu, tree, griglie o liste (le grid) di dati, …. e di aggiungere funzionalità di drag&drop, effetti di vario tipo e, non ultimo, una comoda interazione con il server.

Se volete vedere quanto è potente questa libreria, vi basti pensare che questo splendido (e complesso) web-desktop è stato realizzato con solo 1.000 riche di codice. Per vedere altri esempi, consultate l’apposita pagina.

Prosegui la lettura »

, , , , , ,

Nessun commento