Articoli con tag programmazione web

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

Applicazione simile a Google Calendar implementata con jQuery

Scritto da bubbakk in in un minuto, Software libero il 10 giugno 2010

Volevo condividere questa mia casuale scoperta con voi.

Un team di professionisti cinesi (molto giovani, devo dire) con sede a Shanghai ha implementato, oltre ad una piccola ma ben fatta serie di oggetti, un intero applicativo del tutto simile al famoso Google Calendar.

Potete provare la demo a questo indirizzo. E’ davvero sbalorditiva: l’interfaccia è rapida, l’interazione con i dati avviene tramite chiamare XML asincrone (AJAX) e … tenetevi forte: tutti questi plugin jQuery sono licenziati LGPL !

Tutti i plugin messi a disposizione, cioè un Context Menu, un Date Picker, un Checkbox Tree (con tanto di opzione per il lazy load), uno Scroll Tab e infine questo mitico Calendar, hanno un look & feel che richiama (ma forse dovrei dire ricopia :-) ) il tema di default del famoso framework JavaScript Ext JS: personalmente non mi fa impazzire, ma credo tra cambiare un tema e progettare da zero oggetti complessi come quelli messi a disposizione da questi ragazzi della Web-Deliciuos preferisca di gran lunga la prima opzione.

Che aggiungere: bravi ragazzi e viva la licenza [L]GPL che ci permette di risparmiare tempo e condividere codice liberamente.

, , , ,

Nessun commento

…so soddisfazioni !

Scritto da bubbakk in my two cents il 1 giugno 2010

Ho appena fatto il quiz sui CSS di w3schools: mi sono piaciuto ;-) (ovviamente al 1° ed unico tentativo ! )

2 minuti e 57 secondi per rispondere correttamente a tutte le domande: sapete fare di meglio ? … certo !

w3schools - CSS quiz

, ,

Nessun commento

Ottimi tutorial e HOWTO per PHP e il web programming

Scritto da bubbakk in guide e manuali, in un minuto il 15 dicembre 2009

PHPHo trovato un interessante sito nel quale potrete trovare molte utili informazioni.

E’ fatto molto bene e spiegato chiaramente…. unico requisito: conoscere l’inglese… ma quale programmatore può permettersi oggi di non saperlo ?

Il link che segnalo vi porterà nella sezione dedicata al PHP, e tratta temi di installazione, configurazione e programmazione… in pratica tutte le cose utili per poter utilizzare al meglio questo potente linguaggio di scripting lato server.

Con una rapida occhiata al menù posto a sinistra, potete vedrete che ci sono numerose altre informazioni per tutti gli ambiti più importanti della programmazione, per chi vuole buttarsi nel magico mondo del web.

Ecco a voi il link: PHP Tutorials: PHP Programming, PHP Installation and Configuration

Saluti

, ,

Nessun commento

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