Caputo’s blog

Volevo segnalare un tutorial che permette di identificare la posizione geografica di un IP su google maps.

LINK

1. Image Menu

2. ImageFlow

3. Instant.js

4. Glassbox

5. Search Field CSS/JS

6. Protoload

7. jwysiwyg

8. jquery.biggerlink 2

9. jQuery Tag Suggestion

10. Facebox

11. Humanized Messages

12. LightWindow v2.0

13. Unobtrusive Table Actions

14. jQuery checkbox

15. iCarousel

16. MochaUI

17. jTip

18.Uni-Form

19. Validation Hints

20. Control Tabs

AJAX Rating Stars

Site | Demo

FancyZoom 1.1

SIte | Demo

AJAX Pagination v1.2.2

Site | Demo

AJAX Tab Content v2.2

Site | Demo

Coda Popup Bubbles

Site | Demo

Sunday Morning

Site | Demo

TimeLine

Site | Demo

Pie & Donut Charts

Site | Demo

Read the rest of this entry »

1. cfImageCropper -Scritto in Coldfusion.
2. jsCropper – Basato su  Prototype e script.aculo.us.
3. mooImageCrop – basato su mootools.
4. Image Crop – Scritto in Javascript e php ma richiede l’installazione di ImageMagick.
5. Ajax Image Editor – Script di editing di immagini che permette taglio, ridimensionamento e rotazione.
6. Flash Image Crop – Scritto in Actionscript e PHP.
7. Flash Based Cropping tool – Anche questo scritto in Actionscript e PHP.
8. MooCrop Usa mootools e permette di modificare il colore della maschera.

Vediamo alcuni progetti con Demo che utilizzano PHP e jQuery.

Directory Tree

Check out the Demo Here

Pagina di amministrazione di foto

Commenti sincroni con jquery, PHP e JSON

Check out the Demo Here

Ajax login

Check out the Demo Here

TO DO list

Check out the Demo Here

Modulo newsletter

Check out the Demo Here

Leggere dati da un database e convertirli in XML per permettere la lettura da parte di jQuery

Check out the Demo Here

Validare un orm sia client che server side

Check out the Demo Here

Realizzare uno ShoutBox

Check out the Demo Here

Realizzare una progressBar

Check out the Demo Here

Campi con autocompletamento

Ricerca Apple – style

Check out the Demo Here

Upload e crop di immagini

Check out the Demo Here

Fliker scroll

Check out the Demo Here

Sistema di votazione

Check out the Demo Here

Mail con feedback SMTP

Check out the Demo Here

Ricaricare un elemento ad intervalli di tempo regolare

Check out the Demo Here

Image Replacement

Check out examples here

Read the rest of this entry »

Un servizio di webmail è un’applicazione, dedicata ad una piattaforma web, con la quale leggere le proprie e-mail attraverso internet.

Il lato positivo dell’uso di un webmail è che non dobbiamo installare nessun software sul nostro computer, di conseguenza non dobbiamo scaricare alcuna email. . Il lato negativo, invece, è che per poter leggere le e-mail dobbiamo per forza di cose essere collegati ad internet.

Esistono diversi servizi di webmail tra cui possiamo scegliere: Roundcube, Squirrel Mail, NOCC Webmail, NuralStorm Webmail Client, Hastymail.

Roundcube è un progetto Open Source, realizzato in PHP, MySQL e Ajax. Per installare Roundcube bisogna scaricarlo dal sito roundcube.net e uploadarlo, via FTP, sul nostro webserver. Dobbiamo avere a disposizione anche un database MySQL accessibile tramite PHPMyAdmin .

Tra i vari file che abbiamo caricato sul nostro webserver, c’è una cartella chiamata “config”. Dopo averla aperta, troviamo i file db.inc.php.dist e main.inc.php.dist e rinominiamoli, rispettivamente, come db.inc.php e main.inc.php (in sostanza, eliminiamo il .dist).

All’interno del file db.inc.php dobbiamo configurare la connessione al nostro database, in questo modo:

$rcmail_config['db_dsnw'] = ‘mysql://nomeutente:password@percorso/assoluto/a/roundcube’;

Se la configurazione è andata a buon fine potremo accedere al nostro Webcam Roundcube.

A questo non ci resta che modificare anche il file main.inc.php per impostare le variabili di invio e di ricezione delle e-mail. Configuriamolo in questa maniera:

$rcmail_config['default_host'] = 'sitoweb.com';

Porta usata per la connessione IMAP
$rcmail_config['default_port'] = 143;

Nome
$rcmail_config['product_name'] = 'Sito Web';
Ora possiamo liberamente accedere al nostro Roundcube all'indirizzo
http://www.sitoweb.com/roundcube

JAMP(acronimo Javascript Ajax Mysql Php) è un potente e veloce framework distribuito con licenza GNU (General Public License), in esso è racchiuso un completo environment per lo sviluppo di applicazioni WEB. Creare applicazioni attraverso JAMP risulta facile al pari dei tradizionali linguaggi di programmazione basati su classiche finestre e in aggiunta offre i vantaggi che l’ambiente WEB può riservare

Il progetto JAMP nasce dall’idea di voler realizzare un sistema completo per la creazione di applicazioni WEB ovvero applicazioni in grado di gestire dati, creare report, visualizzare grafici. La struttura modulare di JAMP è in grado di permettere future e facili integrazioni senza che esse alterino la sua architettura. Per capire meglio la sua struttura identifichiamo i tre macro blocchi:

• Core: Il framework costituito da un insieme di classi php e javascript.
• I datasource: Collezione di classi PHP create ognuna con lo scopo di gestire una determinata fonte di dati(mysql, xml, filesystem, ssh, ftp, record). Ogni classe contiene i metodi ed eventi in grado di leggere, modificare, inserire ed eliminare dati.
• Oggetto: Gli oggetti sono gli elementi che compongono una pagina, essi si suddividono in “elementari” quando implementati attraverso semplici tag HTML con ed oggetti “complessi” perchè tradotti in strutture maggiormente elaborate ossia più tag HTML, funzioni javascript, fogli di stile. I tag XML “elementari” si riconoscono facilmente perché chiamati con lo stesso nome del corrispettivo tag HTML. Ogni oggetto XML viene detto “contenitore” se al suo interno possono essere inseriti altri oggetti. Gli oggetti vanno specificati all’interno del file sorgente XML tramite appositi tag in alternativa è possibile istanziare gli oggetti direttamente dalla pagina sorgente PHP avendo così accesso alle proprietà e metodi pubblici della classe stessa.

Nel grafico viene sottolineata la netta separazione tra la parte che si occupa di interfacciarsi fisicamente ai dati(tutte le classi estensione della classe astratta DS) e gli oggetti che si occupano di visualizzare/gestire i dati(tutte le classi estensione della classe object), in questo modo qualsiasi modifica effettuata alle classi inerenti il primo blocco sia essa l’aggiunta di una nuova classe, l’implementazione di un nuovo metodo, la correzione di un bug, sarà del tutto trasparente per quelle del secondo blocco e viceversa. Quanto appena detto è possibile in quanto lo scambio di dati avviene in un formato XML standard, ossia indipendente dalla fonte di dati. Di seguito riportiamo un grafico che descrive in maniera generale l’architettura di JAM.

Volete realizzare una Rich Internet Application? date uno sguardo alle seguenti librerie.

1. IT Mill Toolkit
IT Mill Toolkit framework open-source, che fornisce widgets e tools per lo sviluppo di applicazione RIC, garantendo compatibilità tra i vari browser.

2. LivePipe UI
LivePipe UI suite di alta qualità di widgets e controllo per creare applicazioni stile web .20.

3. Iwebkit iPhone/iPod touch framework
Iwebkit kit per creare siti web di alta qualità per iPhone e iPod Touch.

4. Jitsu
Jitsu contiene un insieme di tool per sviluppare applicazioni con interfacce sofisticate, includendo compilatori, animation engine e tanto altro.

5. MochaUI
MochaUI librerie per interfacce web costruita sul framework Mootools.

6. Echo Web Framework
Echo fornisce un interfacca simile alle  Swing o alle  SWT di Eclipse.

7. The Yahoo! User Interface Library (YUI)
YUI Library utiliti e controlli sviluppati in JavaScript, per realizzare interfacce altamente interattiva usando tecniche di script DOM, DHTML e Ajax.

8. Sigma Ajax UI builder
SigmaVisual scitta in javascript e php.

9. WUI Web UI Framework
WUI framework MVC per realizzare interfacce web utilizzando un solo linguaggio: JAVA.

10. Butterfly Web UI
Butterfly Web UI framwork web per Java.

Commentate e suggeritene delle altre!!

Woork Handbook è un libro gratuito su  CSS, HTML, Ajax, programmazione web, Mootools, Scriptaculous e altri argomenti sul web design.

Download the Woork Handbook
Gratuito (Current Version 0.1)

Fonte: http://woork.blogspot.com/2009/01/woork-handbook.html