Phonegap: link

Davvero costruttiva questa risposta su stackoverflow:

http://stackoverflow.com/questions/17926270/phonegap-2-9-0-doesnt-open-external-links-in-default-browser

target: The target in which to load the URL, an optional parameter that defaults to _self. (String)

  • _self: Opens in the Cordova WebView if the URL is in the white list, otherwise it opens in the InAppBrowser.
  • _blank: Opens in the InAppBrowser.
  • _system: Opens in the system’s web browser.

Io volevo aprire una pagina web nel browser di default, usando phonegap 3.3.. anzi cordova CLI ;)

Le indicazioni sopra non so se han funzionato, ma è cambiato in bene (su Android) quando ho fatto questo:

Commentare la seguente riga: <access origin="*" />


Ok, ora ho capito.

Quello : <acces… è i codice per impostare la whitelist.

che io credevo essere disattivata,

Invece phone gap cosa ti dice.. che lui aderisce alle politiche di sicurezza del W3C, adottando il tag access per definire la whitelist,

ovvero la lista dei siti sicuri per la tua app e che quindi ti apre anche all’interno della app con il WebInApp..

ma…

lo setta su *. ovvero su tutti.

Io pensavo che di default la white list non fosse settata. ahahah

che sicurezza!!

Quindi su Android quando cancello quella riga, lui passa automaticamente ad aprirmi i link da browser, perchè l’app per motivi di sicurezza si rifiuta di aprirli.

Su ioS?!?!

http://stackoverflow.com/questions/20689042/external-links-inappbrowser-in-cordova-phonegap-3-3-always-behave-like-sel

Demo isometriche – tools…

http://www.blueacorn.com/

Allora, il sito mi piace.. infatti lo linko, PERò…

magari vi aprite il web inspector e vedete che è fatto male.. :P

vabbhè è fatto con atrezzi che convertono/traduco e fanno quel che possono, con i loro limiti.

è responsive come un calzino..

usa https://typekit.com/ per o font.. bho io me li allego nel testo e al massimo uso http://www.fontsquirrel.com/

e poi usa con una bella idea un altro atrezzo per me molto dubbio, che è http://tumult.com/hype/

ma in realtà, il/la tip@ avrebbe potuto usare 10 righe di css3.

Ed anche per questo, vi linko un altro strumento utile: http://www.css3maker.com/css3-animation.html

Io consiglierei a chi si avvicina al mondo della programmazione web, di studiarsi un po l’html.. che si fa davvero in fretta, poi passare un po di tempo sui css, magari giochicchiando con un web inpsector del browser a cambiare i siti e fare un po di picasso sui siti altrui,

ed infine sicuri delle due tecniche..

oppure affrontate il manuale!

http://shop.oreilly.com/product/9780596805531.do

la versione quick reference :) preferibilmente!

o vi trovate un programmatore js ;)

Comunque per la home di quel sito di js ce ne è davvero poco..

ecco.. io inizierei da qua:    http://api.jquery.com/toggleClass/

Vi farò sapere, visto che ho da fare una cosa simile, ma dentro un’App!

Ah.. certo le prime prove me le faccio in html, css3 e js… nudo e puro…

poi il modo fico di farlo ora.. è usare i CANVAS!

ed io proverei con http://raphaeljs.com/  :D

hehe son così gioiosa perchè al FOSDEM mi son comprata il manuale!!

Ah.. dolce vecchia carta da strapazzare tutta mentre si studia!!! :)

Font nel mobile!

@font-face {
    font-family: "Graublau Web";
    src: url("GraublauWeb.woff") format("woff"),
    url("GraublauWeb.otf") format("opentype"),
    url("GraublauWeb.svg#grablau") format("svg");
}

Per mobile che vuole lavorare offline in deploy ibridi.

Oppure all'interno di una media query per la massima compatibilità delle vostre pagine web:

@font-face {
  font-family: 'Graublau Web';
  src: url('GraublauWeb.eot');
  src: local('☺︎'),
    url("GraublauWeb.woff") format("woff"),
    url("GraublauWeb.otf") format("opentype"),
    url("GraublauWeb.svg#grablau") format("svg");
  }
@media screen and (max-device-width: 480px) {
  @font-face {
    font-family: "Graublau Web";
    src: url("GraublauWeb.woff") format("woff"),
    url("GraublauWeb.otf") format("opentype"),
    url("GraublauWeb.svg#grablau") format("svg");
}}


Fonte: http://www.paulirish.com/2009/bulletproof-font-face-implementation-syntax/
http://www.mcnab.co/blog/general/font-face-on-android/
 

Nova PhoneGap Framework

http://cordova.codeplex.com/

Parrebbe un framework sostitutivo a jqmobile, che diciamocelo è un po troppo invasivo…

è bello avere delle UI prefatte.. ma se poi ci si mette troppo a customizzarsele.. si perde il piacere di usarlo..

Poi la cosa della navigazione usando ajax.. hum.. br..

de gustibus..

bhe, appena ho tempo di vedermi la demo e provarlo vi dico il mio parere.

Nativi digitali, migranti digitali e saggezza digitale

Questa è la traduzione di un articolo di Marc Prensky, il creatore della famosa metafora che distingue fra nativi e
immigrati digitali. Qui, a distanza di circa dieci anni dalla nascita di quella metafora, Prensky sottolinea come la differenza fra
nativi e immigrati digitali tenderà progressivamente a perdere significato mentre sarà necessario fare riferimento ad altri concetti
per leggere la continua evoluzione del rapporto fra l’uomo e le tecnologie digitali. In questo articolo viene introdotto il concetto di
digital wisdom(saggezza digitale), una qualità dell’uomo che può emergere grazie al potenziamento che le naturali capacità
umane ricevono dall’utilizzazione appropriata e creativa delle tecnologie digitali.
PAROLE CHIAVE Nativi digitali, immigrati digitali, saggezza digitale, potenziamento digitale.

fonte:

 http://www.unich.it/unichieti/ShowBinary/BEA%20Repository/Area_Siti_federati/Scienze%20della%20Formazione/Materiale%20Didattico/Materiale%20didattico%2012_13/Comunicaz%20Formaz%20-%20Nardone/1_Prensky//file;jsessionid=JM39QQ3Gg3C0XsDTWPgdybWplHTvyy0cj9xjk

Viewport

Initial-scale

Since the browser tends to scale the website, this parameter sets the initial zoom level, which usually means that 1 CSS pixel is equal to 1 viewport pixel (which is not always the same as 1 physical pixel)

Maximum-scale

Setting a maximum scale means setting a maximum zoom.

User-scalable=no

This parameter removes the ability to zoom in or zoom out, and it’s even worse than maximum-scale.

 

https://developer.mozilla.org/en/docs/Mozilla/Mobile/Viewport_meta_tag

http://blog.javierusobiaga.com/stop-using-the-viewport-tag-until-you-know-ho

http://www.quirksmode.org/mobile/viewports.html

Copia ed incolla il testo interno alle App

Interessante plug in https://github.com/VersoSolutions/CordovaClipboard

da provare!

Uso

Installa il plugin da riga di comando:

phonegap local plugin add https://github.com/VersoSolutions/CordovaClipboard

Il plugin ti crea l’oggetto JS:  cordova.plugins.clipboard

Con 2 metodi: copia ed incolla

copy(text, onSuccess, onError) and paste(onSuccess, onError).

 

Example:

var text = "Hello World!";

cordova.plugins.clipboard.copy(text);

cordova.plugins.clipboard.paste(function (text) { alert(text); });