io mi immagino uno che nonha mai usato jquery, nè jquery UI, che prova ad usare jquerymobile,  secondo me non ci capisce niente!
nel manuale da molte cose per scontate..
ok, vero.. se uno ha un po di logica..
Esempio: LE TABS !
Dal manuale di mobile ti dice: pronto! il codice è questo: e ti da unpo di HTML e due righe di Css..
che questo tra l’altro ti domandi anche un po .. MA PERCHé?
vabbhè degustibus…
poi propvi a opia incollarlo da te e non funzionaniente!..
mavvhà!
e come fa a funzionare se non gli hai detto nel Javascript che cosa deve andare a prendere e cosa deve fare’
Certo l’html non fa mica da solo 🙂 !
quindi ti devi copia incollare due righe che in jquery UI sono spiegate qui http://jqueryui.com/tabs/
<script>
$(function() {
$( “#tabs” ).tabs();
});
</script>
ma appunto..  secondo me non è così scontato che uno faccia un passo indietro da solo…
o siacosì di buona volontà di andasi a elggere la documentazione.
vabbhè probabilmente siam tutta gente che se è arrivata a jquery mobile è perchè si stra usa jquery UI..
OPPURE
aggiornando a jquerymobile 1.4 te lo fa da solo 🙂
ti disctrugge i CSS, ma ti fa da solo la funziona JS.. hahaha i compromessi 😛

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