http://www.blueacorn.com/
Allora, il sito mi piace.. infatti lo linko, PERò…
magari vi aprite il web inspector e vedete che è fatto male.. 😛
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/  😀
hehe son così gioiosa perchè al FOSDEM mi son comprata il manuale!!
Ah.. dolce vecchia carta da strapazzare tutta mentre si studia!!! 🙂

@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/

Bello!
http://rog.ie/blog/css-star-rater
 

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.

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

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

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); });

Ancora multipage o single page.. ajax o non ajax.. o   AJAH!?!
due interessanti articoli:
http://www.peachpit.com/articles/article.aspx?p=1858265
http://une-terre.blogspot.it/2013/04/jquery-mobile-multiple-page-in-single.html
http://www.codeproject.com/Articles/645134/Create-Multiple-jQuery-Mobile-Pages-and-Link-them
Un tutorial?
http://www.noupe.com/tutorial/jquery-mobile-tutorial-creating-a-restaurant-picker-web-app.html

[iframe src=”http://www.nevermindthebullets.com/strip.html#1-3″ width=”600px” height=”800px”]
http://www.nevermindthebullets.com

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 😛