Caputo's blog

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

Creare widget animato come quello di Amazon

Dicembre 17th, 2008 by Giovanni Caputo

Il tutorial per  creare un widget animato come quello di Amazon:

TUTORIAL

Category: Siti Web, tutorial | No Comments »

Rilasciato JAMP (ALPHA 2)

Dicembre 9th, 2008 by Giovanni Caputo

http://jamp.alyx.it/templates/header_short.jpg

JAMP è il primo importante contributo della ALYX-Software Innovation alla comunità OpenSource.

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 risulterà facile e in più offrirà tutti i vantaggi che l’ambiente WEB può riservare:

1.  Indipendenza dalla piattaforma Software ed Hardware: indipendente dal sistema operativo ma anche dalla architettura Hardware dei dispositivi.
2.  Portabilità: non sono necessarie installazioni particolari lato client perché risulta sufficiente il browser predefinito del sistema operativo in uso, inoltre tutto il codice rìsiede fisicamente lato server, facilitando enormemente le operazioni di aggiornamento, correzioni bugs ed implementazioni di nuove funzionalità.
3.  Integrabilità: le applicazioni WEB sono spesso facilmente integrabili tra di loro, questo permette di fornire all’utente/cliente delle soluzioni più complete e facilitando anche le operazioni di manutenzione come ad esempio il backup dei dati.
4.  GUI WEB: Attualmente in realizzazione ma consentirà di sviluppare le vostre applicazioni direttamente online e con pochi click.

Nell’acronimo JAMP si fa riferimento a MYSQL essendo oggi indubbiamente tra i database server open source quello più importante, in realtà la struttura di JAMP è stata pensata per supportare qualunque tipo di database relazionale e sorgente dati in generale come ad esempio LDAP, filesystem, files.

Visita http://jamp.alyx.it

Category: Curiosità, Open Source, Programmazione, Siti Web, Tecnologia | No Comments »

Imitare l’interfaccia di iGoogle

Dicembre 7th, 2008 by Giovanni Caputo

Se volete realizzare una pagina internet con l’interffaccia simile a quella di iGoogle, potete utilizzare il seguente tutorial:

TUTORIAL

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

Tutorial Ajax vari

Novembre 14th, 2008 by Giovanni Caputo

  1. An Ajax Hello World project to Get You Going : First program at Mike On Code
  2. Rasmus 30 second AJAX Tutorial : first program using Ajax at CoderLab
  3. Instant Tutorial : Quick tutorial at AleemBawany
  4. Ajax Toybox : Simple first programs including, Hello, World, Dynamic City, State Lookup, Ajax to Clean Your Clock, Ajax Calculator and an RSS News Ticker.
  5. A simple Ajax example : a simple program demo for Ajax at MD Groves
  6. Ajax Toolbox / XMLHttpRequest AjaxRequest Library Examples : Ajax examples including Error Handling, Time Out, Simultaneous Requests, Activity Monitoring, Form Submittal, Event Handlers, Queued Requests, Request Parameters
  7. An Introduction to Ajax : introduction to Ajax at Prokata
  8. Implementing simple Ajax interaction in your Web Application using XMLHttpRequest object : Intro + explanatory diagram at JavaReference
  9. Nitty Gritty Ajax : Intro and Tutorial at WebMonkey
  10. A List Apart: Articles: Getting Started with Ajax : An excellent intro ; Chapter 27 of Web Design in a Nutshell at A List Apart
  11. Ajax Beginners Tutorial : Intro at AjaxProjects
  12. Guide to Using XMLHttpRequest : Using XMLHttpRequest with PHP and MySQL at WebPasties
  13. Ajax : Tutorial at YourHTMLSource
  14. Javascript Remote Scripting with PHP : Tutorial at SimpleTutorials
  15. How To: Learn AJAX in 20 minutes : Intro at Sematopia
  16. Take Command with Ajax : Intro tutorial; at SitePoint
  17. Ajax Tutorial : Ajax tutorial at W3Schools.com
  18. Ajax Tutorial : at Tizag.com
  19. Ajax Hello World : at Jot.com
  20. Fundations of Ajax (PDF : by Ryan Asleson
  21. All Request, All The Time : XMLHttpRequest explanation at WebMonkey
  22. Very Dynamic Web Interfaces via Ajax : at XML.com
  23. A Simpler Ajax Path : at OnLamp
  24. Alternate Ajax Techniques, Part 1 : Detailed intro at WebReference
  25. Ajax:Getting Started : Long intro at Mozilla Developer Center
  26. Dynamical HTML and XML: The XMLHttpRequest Object : at Apple.com
  27. Mastering Ajax Part 1 : Introduction to Ajax : at IBM
  28. Mastering Ajax Part 2 : Make asynchronous requests with JavaScript and Ajax : at IBM
  29. Mastering Ajax Part 3 : Advanced requests and responses in Ajax : at IBM
  30. Mastering Ajax Part 4: Exploiting DOM for Web response : at IBM
  31. How to Develop Web Applications with Ajax, Pt. 1 : App Development Series at WebReference
  32. How to Develop Web Applications with Ajax: Pt. 2 : App Development Series at WebReference
  33. Developing Web Applications with Ajax, Pt. 3 : App Development Series at WebReference
  34. Ajax Workshop 1: Ajax basics & building a simple email verification with prototype.js. : at AjaxLessons
  35. Ajax Workshop 2: Building Tabbed Content : at AjaxLessons
  36. Ajax Workshop 3: Shopping Cart using Script.aculo.us : at AjaxLessons
  37. Ajax Workshop 4: Live Data with JSON & Prototype.js : at AjaxLessons
  38. AJAX Was Here – Part 1: Client Side Framework : at CodeProject
  39. AJAX Was Here – Part 2: ASP.NET Integration : at CodeProject
  40. AJAX WAS Here – Part 3 : Auto Complete TextBox : at CodeProject
  41. Step by Step to AJAX : at DevArticles
  42. The AJAX Revolution. Join in. : Five-part detailed tutorial ; at telerik.com
  43. Very Dynamic Web Interfaces : at XML.com
  44. Ajax from Scratch: Implementing Mutual Exclusion in JavaScript : Basic tutorial at Developer
  45. AdvancedAJAX 1.1 : at Anakin

Bookmarklets

  1. Creating Huge Bookmarklets : Create bookmarklets; bypass various bytes/characters/size restrictions.

Chat

  1. Ajax Chat Sources Code for Download : chat using PHP and MySQL
  2. Building an AJAX-Based Chat: The Barebones Structure : at DevArticles
  3. Lace – Ajax Chat : free web chat application ;demo; download.
  4. Most Simple Ajax Chat Ever : at LinuxUser.at

Drag and Drop

  1. Drag & Drop Sortable Lists with JavaScript and CSS : sorting for lists and sorting in two dimensions
  2. Easy Ajax in symfony : creates a drg-and-drop shopping cart; with demo
  3. Building a Drag-and-Drop Shopping Cart with Ajax : at Sys-Con Brasil
  4. Scriptaculous Lists with PHP : drag-and-drop at GregPhoto
  5. Fun with Drag and Drop with RICO : drag-and-drop with RICO demo
  6. Rico Drag n’Drop p2: Rico.Draggable : drag-and-drop with RICO details

Dynamically Content Load

  1. Ajax Dynamic Content : at DHTMLGoodies
  2. Dynamically loaded articles : at DHTMLGoodies

Forms and Autocomplete

  1. Accessible Forms and Unobtrusive Javascript : at DotVoid
  2. Submit a form with Ajax : at CakeBaker
  3. Niceforms : at BadBoy
  4. Alter data with Ajax forms : at Symphony-Project
  5. Ajax Dynamic List : at DHTMLGoodies
  6. Chained Select Boxes : at DHTMLGoodies
  7. Dynamic Client Lookup : at DHTMLGoodies

File Uploader

  1. Better File Uploads with Ajax and JavaServer Faces : file upload with progress-bar; at Java.net

Image/Display/Edit/Gallery/Lightbox/Slideshow

  1. Prototype Javascript Lightboxes : window on any page; at Xilinus
  2. Lightbox JS : at HuddleTogether
  3. Lightbox Gone Wild : at ParticleTree
  4. Building aB: Customizing Lightbox : at AlwaysBeta
  5. Ajax: What is it Good For? : Ajax powered Fading Image Gallery at DHTML Nirvana.
  6. minishowcase : simple php/javascript online photo gallery, powered by AJAX/JSON at frwrd
  7. Zen Photo : a simpler web photo album
  8. Ajax Image Gallery : ajax gallery demo at StrangerThanFiction
  9. Ajax Image Gallery : A very basic Ajax image gallery example
  10. S5: A Simple Standards-Based Slide Show System : at MeyerWeb
  11. Ajax-S : at RobertNyman
  12. Slide Show with Controls : at Zapatec
  13. Miniature slideshow for DIVs using Scriptaculous : at BigBold
  14. Ajax flickr Slideshow : at Fettig
  15. Live Thumbnails: Watch em Grow : at WebMonkey
  16. Canvas Reflection Demo : at NeonDragon
  17. iPhoto-like image resizing using Javascript : at AgilePartners
  18. Ajax Banner Rotation : PHPied
  19. Image crop – DHTML user interfaceat DHTMLGoodies

Keyword Suggest

  1. Creating an Autosuggest Textbox with JavaScript, Part 1 : at WebReference
  2. Creating an Autosuggest Textbox with JavaScript, Part 2 : at WebReference
  3. Creating an Autosuggest Textbox with JavaScript, Part 3 : at WebReference
  4. How to create the Google Suggest feature with ASP.NET 2.0 : at DotNetJunkies

Live Search

  1. How to create a live search [in Spanish at Mis Algoritmos]
  2. HOWTO: Animated Live Search / Ordered List : at OrderedList
  3. Live search explained : at JustAddWater

Misc/General

  1. Ajax Using ASP.NET 1.1 : Ajax and ASP.NET; at AjaxProjects
  2. What Is Ajax? : Ajax and ColdFusion ; at Sys-Con
  3. Kick-start your Java apps : Ajax and Java : at IBM
  4. Ajax for Java developers: Build dynamic Java applications : at IBM
  5. AJAX: Asynchronous Java + XML? : at Developer.com
  6. Kick-start your Java apps, Part 2 : Ajax and Java : at IBM
  7. AJAX in action : Ajax and Java Technology : 15-minute video on AJAX and Java technology at Sun.com
  8. Using JavaServer Faces Technology with AJAX : at Java.net
  9. Ajax using XMLHttpRequest and Struts/ : by Frank Zammetti
  10. Building a Shelf in WordPress : More-tab-slideout-area tutorial; at Asymptomatic
  11. A Tale of Two IFrames or, How To Control Your Browsers History : iframes tutorial; at CodingParadise
  12. Saving Session Across Page Loads Without Cookies, On The Client Side : saving state tutorial; at CodingParadise
  13. Simple Ajax Functions – Snippets : common functions; at AjaxTutorial
  14. Building a Spy : Digg Spy tutorial ; at StromCode
  15. Create Your Own Ajax Effects : animated text; at ThinkVitamin
  16. XMLHttpRequest Tracing for Ajax debugging : Ajax Debugger

Progress Bars

  1. CakeTimer – An Ajax File Uploads Progress Bar : This is a demonstration of an Ajax powered progressbar to monitor file uploads with (Cake)PHP.

Rounded Corner

  1. Rico rounded corners without all of Rico : at encytemedia

RSS

  1. RSS Ticker with Ajax feed ticker; : at AjaxProjects
  2. Simple Ajax RSS ticker script : feed ticker; at DHTMGoodies
  3. Slide In RSS items : feed slide in animation; at DHTMGoodies
  4. Dragable RSS boxes : drag-and-drop boxes; at DHTMGoodies
  5. Ajax RSS reader : at IBM

Shopping Cart

  1. Flexstore on Rails Tutorial : by Christophe Coenraets
  2. Fly to basket : shopping cart; at DHTMGoodies

Lists/Sorting

  1. How to Make Sortable Lists : lists and drag-and-drop- tutorial; at Symphony-Projects
  2. Creating sortable lists with PHP and Ajax : at PHPRiot
  3. Make all your tables sortable : at Kryogenix

Tabbed Pages

  1. Building Tabbed Content : at AjaxLessons
  2. Ajax Design Patterns : at Snyke

Trees

  1. List based folder tree : at DHTMLGoodies
  2. Update a tree with Ajax : at DHTMLGoodies

Username Availability

  1. Ajax username availability checking : check username ; at MDGroves

Voting

  1. Ajax Poller : at DHTMLGoodies
  2. Digg-like Ajax Voting : at Symphony-Project

Read the rest of this entry »

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

Novità: JavaFx

Agosto 30th, 2008 by Giovanni Caputo

La Sun Microsystem, come anticipato nella conferenza JavaOne 2007 di quest’anno, ha reso pubblica l’anteprima della JavaFX.

JavaFX consentirà a tutti gli sviluppatori, programmatori e designers tramite le apposite plug-in di realizzare le “Rich Internet Applications” (dette RIA) ovvero delle applicazioni internet molto avanzate.

screenshot of new JavaFXDocs

Se il web2.0 ed Ajax vi avevano incantato, JavaFX vi lascerà completamente a bocca aperta.

La nuova piattaforma Sun darà il via allo sviluppo del Web3.0, così nominato perché aggiunge all’evoluzione delle applicazioni web anche la tridimensionalità dando la sensazione agli utenti di potersi immergere nei contenuti tramite qualsiasi schermo, sia esso lo schermo di un Pc, di un cellulare, di palmare o di una TV HD etc.

Nella giornata di ieri era stato appositamente citata una nuova applicazione, Cooliris, utilizzando questa plugin per Firefox vi renderete conto delle potenzialità del Web3.0.

Attualmente il progetto è in fase di “lancio”, la Sun mette a disposizione tutti i tool e i tutorial possibili per permettere a chiunque di poter dare il proprio contributo agli sviluppatori dell’FX.

Insieme al rilascio dell’anteprima della JavaFX sono stati anche aggiornati gli strumenti utili dedicati a coloro i quali si cimentano nella costruzione e al rilascio delle applicazioni per il web e il desktop ovvero:

JavaFX SDK Preview: Che contiene i tool utili per la JavaFX(runtime etc.), inoltre le librerie grafiche multimediali 2D per creare le applicazioni interattive per il web (o desktop) insieme ai tutorial, documentazioni e codici d’esempio.
NetBeans 6.1 IDE con plug-in JavaFX integrati: La soluzione dedicata a tutti i programmatori esperti, fornisce una soluzione per la realizzazione, l’anteprima e il debug delle applicazioni JavaFx.
Project Nile (Progetto Nile): L’utility che permette di esportare le vostre creazioni da Adobe Photoshop e Adobe Illustrator, importandole poi con facilità nella JavaFX.
Java Runtime Environment 6 (Beta 10): Renderanno più performanti le applicazioni web che, tramite l’introduzione dei nuovi plug-in per il browser, permetteranno all’utente, trascinando le stesse applicazioni fuori dalla finestra del browser, di poterle usare allo stesso modo con lo stesso risultato direttamente sul desktop.
Screenshot of new JavaFXDocs

Per restare sempre aggiornati sulla JavaFX la Sun ha realizzato un blog apposito, chiamato appunto, JavaFX blog.

Read the rest of this entry »

Category: Novità, Programmazione | No 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 »

Trova siti simili con similicio.us

Luglio 16th, 2008 by Giovanni Caputo

Se volete trovare un sito simile ad un altro utilizzate similicio.us: basta inserire un link e similicio.us cercherà siti simili. Per ogni risultato sarà possibile cercare altri simili, andando così avanti praticamente all’infinito.

Category: Siti Web, Tecnologia | No Comments »

Realizzare rollover con MooTools

Luglio 14th, 2008 by Giovanni Caputo

http://nettuts.s3.amazonaws.com/022_Mootools/2.jpg

Link al TUTORIAL /GUIDA di UTILIZZO

MooTools è un framework Javascript orientato agli oggetti, compatto e modulare. Le sue caratteristiche lo hanno reso negli ultimi tempi uno dei più utilizzati e apprezzati nel panorama delle librerie Javascript di ultima generazione.

Di ciò che viene realizzato nell’articolo precedentemente linkato è disponibile il sorgente e la DEMO:

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

Alcuni semplici script per tooltip e calendari personalizzati in javascript e ajax

Luglio 9th, 2008 by Giovanni Caputo

Ecco i link utili:

I migliori 23 Ajax Tooltip e Balloon

15 Script Calendari e tempo in Ajax e Javascript

sul sito di http://www.sastgroup.com

Category: Programmazione | No Comments »

Aptana: alternativa a Dreamweaver

Maggio 16th, 2008 by Giovanni Caputo

L'immagine “http://www.aptana.com/themes/aptana/logo.png” non può essere visualizzata poiché contiene degli errori.

Aptana è un ottimo editor opensource (Eclipse Public License) multipiattaforma per la programmazione web, con relativi linguaggi di scripting.

Aptana si presenta come un IDE, un ambiente di sviluppo integrato che permette di creare siti e applicazioni dinamiche per il Web.

I linguaggi che possono essere utilizzati sono Javascript, PHP, Ruby, fogli di stile CSS e AJAX, integrando il proprio codice direttamente all’interno della struttura HTML delle pagine.

Inoltre, per chi si sta già dedicando allo sviluppo sulla nuova piattaforma Adobe Air o su SDK per iPhone, Aptana permette l’interoperabilità in modo semplice e trasparente.

Download Aptana

Read the rest of this entry »

Category: Novità, Open Source, Programmazione, Siti Web, Tecnologia, tutorial | No Comments »