[error] An error occurred while building the ios project.xcode-select: error: tool 'xcodebuild' requires Xcode, but active developer directory '/Library/Developer/CommandLineTools' is a command line tools instance

nomade$ phonegap build ios
[phonegap] detecting iOS SDK environment…
[phonegap] using the local environment
[phonegap] compiling iOS…
[error] An error occurred while building the ios project.xcode-select: error: tool ‘xcodebuild’ requires Xcode, but active developer directory ‘/Library/Developer/CommandLineTools’ is a command line tools instance
PROVIAMO a risolvere anche questa:
You can download the Xcode command-line tools in either of two ways:
To install the necessary Xcode tools using Xcode on the Mac:

  1. Start Xcode on the Mac.
  2. Choose Preferences from the Xcode menu.
  3. In the General panel, click Downloads.
  4. On the Downloads window, choose the Components tab.
  5. Click the Install button next to Command Line Tools.
    You are asked for your Apple Developer login during the install process.

To install the necessary Xcode tools from the Web:
You can download the Xcode command line tools directly from the developer portal as a .dmg file.

  1. On the Mac, go to https://developer.apple.com/downloads/index.action
    You are asked for your Apple Developer login during the install process.
  2. On the “Downloads for Apple Developers” list, select the Command Line Tools entry that you want.
 fonte: http://docwiki.embarcadero.com/RADStudio/XE4/en/Installing_the_Xcode_Command_Line_Tools_on_a_Mac

Cordova Apache – PhoneGap su Android: come aggiungere audio

Potreste non sapere quali plugin ci sono già installati e quali no, quindi prima fate:
$ cordova plugin ls
1) Apriamo una riga di comando e scriviamo:
$ cordova plugin add org.apache.cordova.media

 

ok, ora avete i permessi .. ma..
non va ancora nulla…
 
Quindi vediamo che aggiungere: javascript:

 <script type="text/javascript" charset="utf-8">
        // Wait for device API libraries to load
        //
        document.addEventListener("deviceready", onDeviceReady, false);
        // device APIs are available
        //
        function onDeviceReady() {
            playAudio("http://audio.ibeat.org/content/p1rj1s/p1rj1s_-_rockGuitar.mp3");
        }
        // Audio player
        //
        var my_media = null;
        var mediaTimer = null;
        // Play audio
        //
        function playAudio(src) {
            if (my_media == null) {
                // Create Media object from src
                my_media = new Media(src, onSuccess, onError);
            } // else play current audio
            // Play audio
            my_media.play();
            // Update my_media position every second
            if (mediaTimer == null) {
                mediaTimer = setInterval(function() {
                    // get my_media position
                    my_media.getCurrentPosition(
                        // success callback
                        function(position) {
                            if (position > -1) {
                                setAudioPosition((position) + " sec");
                            }
                        },
                        // error callback
                        function(e) {
                            console.log("Error getting pos=" + e);
                            setAudioPosition("Error: " + e);
                        }
                    );
                }, 1000);
            }
        }
        // Pause audio
        //
        function pauseAudio() {
            if (my_media) {
                my_media.pause();
            }
        }
        // Stop audio
        //
        function stopAudio() {
            if (my_media) {
                my_media.stop();
            }
            clearInterval(mediaTimer);
            mediaTimer = null;
        }
        // onSuccess Callback
        //
        function onSuccess() {
            console.log("playAudio():Audio Success");
        }
        // onError Callback
        //
        function onError(error) {
            alert('code: '    + error.code    + '\n' +
                  'message: ' + error.message + '\n');
        }
        // Set audio position
        //
        function setAudioPosition(position) {
            document.getElementById('audio_position').innerHTML = position;
        }
        </script>
ed infine l’ html:
<a href="#" class="btn large" onclick="playAudio('http://audio.ibeat.org/content/p1rj1s/p1rj1s_-_rockGuitar.mp3');">Play Audio</a>
        <a href="#" class="btn large" onclick="pauseAudio();">Pause Playing Audio</a>
        <a href="#" class="btn large" onclick="stopAudio();">Stop Playing Audio</a>
        <p id="audio_position"></p>
fonti: https://groups.google.com/forum/#!forum/phonegap http://simonmacdonald.blogspot.it/2011/05/using-media-class-in-phonegap.html Audio da SD : http://mobile.tutsplus.com/tutorials/phonegap/build-an-audioplayer-with-phonegap-application-logic/

phonegap –help

Usage: phonegap [options] [commands]
Description:
  PhoneGap command-line tool.
Commands:
  create         create a phonegap project
  build      build a specific platform
  install    install a specific platform
  run        build and install a specific platform
  local [command]      development on local system
  remote [command]     development in cloud with phonegap/build
  platform [command]   update a platform version
  plugin [command]     add, remove, and list plugins
  help [command]       output usage information
  version              output version number
Options:
  -V, --verbose        allow verbose output
  -v, --version        output version number
  -h, --help           output usage information
Platforms:
  keyword            | local environment   | remote environment
  -------------------|---------------------|-------------------
  android            | Yes                 | Yes
  blackberry         | Yes (BlackBerry 10) | Yes (BlackBerry 6)
  ios                | Yes                 | Yes
  symbian            | No                  | Yes
  webos              | No                  | Yes
  wp7                | Yes                 | Yes
  wp8                | Yes                 | Coming Soon
Examples:
  $ phonegap help create
  $ phonegap help remote build
  $ phonegap create path/to/my-app
  $ phonegap remote build android

———-
$ phonegap version
3.3.0-0.18.1

Come usare le TABS in jquerymobile

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 😛

Icone e splashscreen su phonegap: android e IOS

1)Allora,  nel manuale dicono di andare a cambiare quelle in www/res/icon
quindi: icon.png in queste dimensioni:
96 × 96 pixel; 72×72, 36×36, 48X48 , 96 x96
Non chiedetemi perchè una è ripetuta due volte 😛
Però le cartelle delle icone di phonegap3.3 automaticamente non funzionano, quindi quelle giuste da sostituire si trovano in : NomeProgettoAndroid/bin/res/drawable
Per ios: qualle di phonegap3.3 non funzionano ma sono pure sbagliate di dimensioni.
Continue reading Icone e splashscreen su phonegap: android e IOS

[error] An error occured during creation of android sub-project. ERROR : executing command 'ant', make sure you have ant installed and added to your path.

Pare che capiti ed è quindi successo anche a me, che fortuna!, che in qualche versione di MAC OS non ci sia “ant”, parte di apache indisoensabile a cordova/phonegap.
trovato 3 soluzioni:
http://stackoverflow.com/questions/19495610/error-executing-command-ant-on-mac-os-x-10-9-mavericks-when-building-for-andro
1)homebrewe 2)macport – due software che fanno più o meno la stessa cosa.
3)scaricare e mettere il pacchetto al posto giusto
Quind, io ho scelto la prima, facciamo:
1)installatevi Xcode e dite addio a metà del vostro pomeriggio!!
è un IDE pesantissssimo! ecco perchè non lo avevo mai usato.
utilizzo Aptana di solito, che è un filo più leggero di Eclipse.
Comunque mi sono decisa a scaricare Xcode perchè se volete costruire anche app per IOs, vi tocca.
Quindi se vi serve fatelo.
2) da terminale copia incollare e dare invio:
ruby -e “$(curl -fsSL https://raw.github.com/mxcl/homebrew/go/install)”
è possibile che si metta in mezzo l’installer del mac perchè vi mangano dei componenti aggiuntivi, aspettate che abbia finito e tornate sul vostro terminale.
poi:
$brew update
Already up-to-date.
$ brew doctor
e dice tante cosine .. tra cui.. l’unica che mi ha allrmata:
Consider setting your PATH so that /usr/local/bin
occurs before /usr/bin. Here is a one-liner:
echo export PATH=’/usr/local/bin:$PATH’ >> ~/.bash_profile
OK, lo considererò.
ora:

$ brew install ant
==> Downloading http://www.apache.org/dyn/closer.cgi?path=ant/binaries/apache-ant-1.9.3-bin.tar.gz
==> Best Mirror http://it.apache.contactlab.it/ant/binaries/apache-ant-1.9.3-bin.tar.gz
######################################################################## 100,0%

e WOW!
Quindi torniamo alla nostra cartellina con il progetto di phonegap
$ phonegap build android
[phonegap] detecting Android SDK environment…
[phonegap] using the local environment
[phonegap] adding the Android platform…
[phonegap] compiling Android…
[phonegap] successfully compiled Android app
FUNGE! FUNGE! 🙂
 

Installare phonegap localmente per deploy su android 4.4

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?
 
 
 

CSS3 transition – animation

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/
 

one page scrolling- parallax effect – css3 transform- sketch elements, pattern e video background

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/