Eggià!  bellisssimo effetto!
Aspetta che vi trovo la demo di jquery mobile .. Azz..non c’è online..
però la trovate dentro a Event > Swipe-page nel pacchetto demo di jquerymobile 1.3
Questo è l’evento per le API di js!
 

Installare da zero per Android:
1)Scarico ADT bundle da http://developer.android.com/sdk/index.html#download
adt-bundle-mac-x86_64-20131030
GUIDA: http://developer.android.com/sdk/index.html
http://developer.android.com/sdk/installing/bundle.html
spacchetto in una cartella appropriata e trovo: eclipse e SDK
Lancio eclipse e lo installo, poi vado su Android sdk manager e tiro giù tutti gli aggiornamenti
In questo modo Eclipse sarà: /User/nomeuser/Documents/workspace
mentre SDK sarà dove avete messo la cartellina: /User/nomeuser/Sviluppo/adt-bundle-mac-x86_64-20131030/sdk
Ora bisogna andare a scrivere dove sta il tutto:
http://docs.phonegap.com/en/edge/guide_platforms_android_index.md.html#Android%20Platform%20Guide
Inun terminale aprima questo file con il lettore file che preferiamo.. io nano, quindi:
sudo nano .bash_profile
ed incollo questo
export PATH=${PATH}:/Users/nomeutente/Development/adt-bundle-mac-x86_64-20131030/sdk/platform-tools:/Users/nomeutente/Development/adt-bundle-mac-x86_64-20131030/sdk/tools
che viene salvato qua: /Users/nomeutente/.bash_profile
2) scarico nodejs http://nodejs.org/
Al momento: Current Version: v0.10.24 ; poi apri il pacchetto
ti dice: This package will install node and npm into /usr/local/bin e segui l’installazione.
Concluderà con:

Node was installed at
   /usr/local/bin/node
npm was installed at
   /usr/local/bin/npm
Make sure that /usr/local/bin is in your $PATH.

ok, Questa è fatta!
3) installo phonegap da terminale con

sudo npm install -g phonegap
risponde:
/usr/local/bin/phonegap -> /usr/local/lib/node_modules/phonegap/bin/phonegap.js
phonegap@3.3.0-0.18.1 /usr/local/lib/node_modules/phonegap
├── pluralize@0.0.4
├── colors@0.6.0-1
├── semver@1.1.0
├── qrcode-terminal@0.9.4
├── shelljs@0.1.4
├── optimist@0.6.0 (wordwrap@0.0.2, minimist@0.0.5)
├── prompt@0.2.11 (revalidator@0.1.6, pkginfo@0.3.0, read@1.0.5, utile@0.2.1, winston@0.6.2)
├── phonegap-build@0.8.4 (qrcode-terminal@0.8.0, optimist@0.3.7, shelljs@0.0.9, phonegap-build-api@0.3.3)
├── phonegap-soundwave@0.4.0 (home-dir@0.1.2, connect-inject@0.3.2, request-progress@0.3.1, shelljs@0.2.6, tar@0.1.19, node-static@0.7.0, request@2.33.0, connect@2.12.0)
└── cordova@3.3.0-0.1.1 (ncallbacks@1.0.0, colors@0.6.2, open@0.0.3, mime@1.2.11, q@0.9.7, follow-redirects@0.0.3, shelljs@0.1.2, glob@3.2.8, tar@0.1.19, elementtree@0.1.5, xcode@0.6.2, lodash@2.4.1, prompt@0.2.7, request@2.22.0, express@3.0.0, ripple-emulator@0.9.18, npm@1.3.24, plist@0.4.3, jshint@1.1.0, plugman@0.17.0)

4) lo provo!!
http://docs.phonegap.com/en/edge/guide_cli_index.md.html#The%20Command-Line%20Interface

$phonegap create hello com.example.hello HelloWorld
$cd hello
$phonegap build android

Se vi dice così:

$ phonegap install android [phonegap] detecting Android SDK environment... [phonegap] using the local environment [phonegap] trying to install app onto device [phonegap] no device was found [phonegap] trying to install app onto emulator

Allora bisogna andare su eclipse e creargli un device su cui testare
cercate l’icona nella toolbar con lo smartphone: scegliete il tablet o smarphone che vorreste possedere.
ed attendete perchè ci metterà un po! 😉
5)

$phonegap install android

ok, non ci riesce, perchè probabilmente non gli piace il device che ho scelto, quindi provo ad esportare comunque da eclipse!
quindi lo apro ed importo il “progetto di Android già esistente ” dalla cartellina hello dentro al workspace di eclipse!
Da lì posso modificarlo e poi fargli fare l’EXPORT come app android.
Seguite le istruzioni, è molto semplice, vi fa anche generare una chiave pgp per firmare le vostre app, voi che durata avete scelto?
 
 
 

per avere una idea http://leaverou.github.io/animatable/
http://www.designyourway.net/blog/inspiration/css3-html5-experiments-that-will-blow-your-mind-47-examples/
per iniziare: http://www.the-art-of-web.com/css/css-animation/
per continuare: http://www.css3maker.com/
CSS animation: http://www.blueacorn.com/  http://anthonycalzadilla.com/css3-ATAT/index.html
http://provide.smashingmagazine.com/graph_tut_files/ex_03.html ( tutorial)
CSS frame by frame: http://www.cssplay.co.uk/menu/css3-animation.html
…
Da guardare: http://www.awwwards.com/websites/css3/
bello: http://www.lubiam.it/
questa: http://www.blueacorn.com/
 

Parole chiave sulla cresta dell’onda o sullo spigolo sanguinante del web designer aggiornato.
Ricordiamoci che ricalca una tecnica degli anni venti/trenta che ha avuto molta fortuna http://en.wikipedia.org/wiki/Parallax_scrolling
Dopo meno di anno dall’apparizione dei plugin di JS per farlo, nel web ce n’è per tutti i gusti!! http://news.softpedia.com/news/Script-of-the-Day-Parallax-js-388592.shtml
ABBONDANTE: http://makeyourmoneymatter.org/
SEMPLICE: http://www.expresssolicitors.com/assets/nhs-payout-timeline.html
STILOSA: http://cyclemon.com/
VIDEO: http://www.ridebarstow.com/
SKETCH: http://www.legworkstudio.com/
PARALLASSuper:
COMICS: http://www.cabletv.com/the-walking-dead
ROMANTICO: http://thesearethings.com/
TECNICO: http://adcade.com/
INFOGRAFICAPERSONALE: http://www.ionz.com.br/
DISEGNI: www.vespillo-lefilm.com/
SPAZIALE: http://www.intacto10years.com/index_start.php
FICO: http://www.iutopi.com/

fonti: http://www.delex-ws.it/blog/sviluppo-web/parallax-scrolling-il-caso-di-walking-dead/ http://www.bittbox.com/all/20-websites-with-unique-interactive-scrolling http://blog.ideabit.com/web_design/articolo_332.htm http://www.marchettidesign.net/2013/11/barstow-analisi-del-sito-e-della-struttura-video-one-page-scroll/

Anche se a me piace di più usata con moderazione :

FONTE: http://www.romancortes.com/blog/css-3d-meninas/

Volete provare, ecco un articolo in italiano con qualche spunto per i neofiti:
http://www.agendageek.it/sei-un-creativo-il-curriculum-infografico-puo-fare-al-caso-tuo/
Sei un grafico? tiè      http://infografiche.com/risorse/lista-risorse-utili/

http://www.digitalnomadcommunity.net/
appena posso traduco! 🙂
Cri

grazie alla libreria js D3 http://d3js.org/ è possibile creare splendidi grafici.
Qui un esempio in iframe:
E’ come una finestra su un’altra pagina html, con i proprio codice javascript e librerie.
Quindi non è una immagine, ma è un GRAFICO INTERATTIVO:
clikkare per credere!
[iframe src=”http://open.dataninja.it/wp-content/uploads/app/datascuoleinfanzia/” height=”600″ width=”600″ ]

Allora loro vorrebbero 8 euro e qualcosa…
https://itunes.apple.com/it/app/pdf-splitter/id449436131?mt=12
invece
è facilissimo!!

How To Split PDF Documents Into Single Pages Using Mac OS X

ovvero:
prendi il tuo pdf, invece di aprirlo con acrobat aprilo con Anteprima, pigia il pusante in alto a sn che dice anteprime,
e da lì ti trascini in una nuova cartella di finder le pagine che necessiti.
FATTO
FINITO
VAi a FARLO ora