Comodo analizzatore di pagine

Page speed Insight!

Già, purtroppo è google, ma è molto utile perchè ti fa rendere conto su dove risiede il problema: ovvero in che parte del codice.. html, js, css, plugin vari, immagini, indirizzamenti DNS, oppure lato hosting e server.

Tanto per dire.. ho passato un pomeriggio a vedere come migliorare nella velocità un sito in WP e poi l’ho analizzato ed ho visto che il server di TISCALI dove risiede il sito ci metteva 2 secondi a rispondere. Embhè! Quindi fatta la segnalazione sono passati a 0,38 Secondi di tempo di risposta!

Hai voglia a migliorare i css dei plugin!!

 

 

Disporre su più colonne RESPONSIVE con i css.

Sottolineo responsive perchè si trovano post su questo argomento che però poi mantengono bloccati i div contenitori e quindi l’automatismo del RWD va a farsi benedire.

Quindi qui le draft:
http://dev.w3.org/csswg/css-multicol/#cw

ed ecco il codice per una larghezza fissa, ma un numero variabile di colonne:

<div class="+colonne" style="column-width:17.2em;-moz-column-width:17.2em; /* Firefox */ -webkit-column-width:17.2em; /* Safari and Chrome */"> </div>

e questo per un numero determinato di colonne (2), ma a larghezza adattata alla pagina!

<div class="2colonne" style="column-count:2;-moz-column-count:2; /* Firefox */ -webkit-column-count:2; /* Safari and Chrome */"></div>

Sì, sembra strano, ma qui ci vuole ancora il prefisso per ogni specifico browser.

bhà.

 

Segnalibri/preferiti dentro ad una app in html5!

Questa è una funzioni per chi fa App di reference (neologismo derivato dalle classi del market), ovvero app con documentazioni su altre cose, spesso si sente chiedere.

Come fare?

Utilizzando local storage, feature di html5, con l’aiuto di jquery:
Qui bel tutorial:
http://www.html5today.it/tutorial/html5-locastorage-tutorial-completo-usare-funzione-localstorage

Quindi:
Controllo che ci sia:

function initStorage(){
try {
return 'localStorage' in window && window['localStorage'] !== null;
} catch (e) {
return false;
}
};

POi mi creo le variabili che mi servono, ovvero il titolo e l’url

function togleBookmark(){

var url = window.location.pathname;
var title = $("h2").text();

if(initStorage())
if(localStorage.getItem(url)==null) {
localStorage.setItem(url,title);
$( ".star" ).addClass( "starred" );
} else {
localStorage.removeItem(url);
$( ".star" ).removeClass( "starred" );
}
};

Qui controllo quando carico la pagina che se l’url è nell’elenco la stellina deve essere gialla!

function initCssBookmark() {
var url = window.location.pathname;

if(initStorage())
if(localStorage.getItem(url)!=null)
$( ".star" ).addClass( "starred" );}

E per ultimo nella pagina SEGNALIBRI, mi metto un

e poi gli metto una funzione per fargli generare una lista con queste cose per ogni elemento che esiste dentro al local storage.

function viewBookmark(){
var ul= $("\<ul\>");

for (i=0;i<localStorage.length;i++) {
var url = localStorage.key(i);
var title = localStorage.getItem(url);

ul.append("<li><a class=\"segnato\" href=\""+url+"\">"+title+"</a></li>" );
}

$("#mostraP").append(ul);
console.log(url);
console.log(title);
};

Finito!

Se vi è utile mettetemi un commento, thanks!
e condividete anche voi i vostri scriptini ;)
___

DAi ,godiamoci un altro bell’esperimento in html5 che ce lo meritiamo:
http://www.thewildernessdowntown.com/

aggiornamenti cordova – android

devo ricordarmi di specificare la versione di cordova che voglio usare nel progetto,

sudo npm install -g cordova@3.6.0-0.2.8 (API 19)

cordova platform list

android 3.4.0 (API 19)

(x non usare le api 22, ma fermarsi alle 19)

e poi o:

phonegap platform update android

oppure, ma solo per progetti vecchi:

phonegap platform remove android

phonegap platform update android

– volendo anche a versioeni specifiche, ese:

phonegap platform update android@4.0.1  (API22)

__

https://cordova.apache.org/announcements/2014/10/16/cordova-4.html

Stare nella versione 3, dovrebbe garantirci le api 19: LAST

cordova platform update android@3.7.2

[2015-07-22 09:54:54 – BilancioSocialeCGILER-CordovaLib] Unable to resolve target ‘android-21’

ok, non è vero..

 

___

non funziona:

MacBook-Pro-di-Redesign:CGILbilancio2010-2013 redesignnomade$ phonegap platform android@4.0.1

Installed platforms: android 3.3.0, ios 3.3.0

Available platforms: amazon-fireos, blackberry10, browser, firefoxos

questo ha funzionato:

MacBook-Pro-di-Redesign:Vconsumabile redesignnomade$ phonegap platform android -v

5.1.1-0.29.0

MacBook-Pro-di-Redesign:Vconsumabile redesignnomade$ npm remove cordova

npm WARN uninstall not installed in /Users/redesignnomade/Development/Agg/Vconsumabile-cordovaV5.1/node_modules: “cordova”

MacBook-Pro-di-Redesign:Vconsumabile redesignnomade$ sudo npm remove cordova -g

Password:

npm WARN uninstall not installed in /usr/local/lib/node_modules: “cordova”

MacBook-Pro-di-Redesign:Vconsumabile redesignnomade$ sudo npm install -g cordova@3.5.2

npm http GET https://registry.npmjs.org/cordova/3.5.2

npm http 404 https://registry.npmjs.org/cordova/3.5.2

npm ERR! Error: version not found: 3.5.2 : cordova/3.5.2

npm ERR!     at RegClient.<anonymous> (/usr/local/lib/node_modules/npm/node_modules/npm-registry-client/lib/request.js:275:14)

npm ERR!     at Request.self.callback (/usr/local/lib/node_modules/npm/node_modules/request/request.js:123:22)

npm ERR!     at Request.EventEmitter.emit (events.js:98:17)

npm ERR!     at Request.<anonymous> (/usr/local/lib/node_modules/npm/node_modules/request/request.js:893:14)

npm ERR!     at Request.EventEmitter.emit (events.js:117:20)

npm ERR!     at IncomingMessage.<anonymous> (/usr/local/lib/node_modules/npm/node_modules/request/request.js:844:12)

npm ERR!     at IncomingMessage.EventEmitter.emit (events.js:117:20)

npm ERR!     at _stream_readable.js:920:16

npm ERR!     at process._tickCallback (node.js:415:13)

npm ERR! If you need help, you may report this *entire* log,

npm ERR! including the npm and node versions, at:

npm ERR!     <http://github.com/isaacs/npm/issues>

npm ERR! System Darwin 14.4.0

npm ERR! command “node” “/usr/local/bin/npm” “install” “-g” “cordova@3.5.2”

npm ERR! cwd /Users/redesignnomade/Development/Agg/Vconsumabile-cordovaV5.1

npm ERR! node -v v0.10.24

npm ERR! npm -v 1.3.21

npm ERR!

npm ERR! Additional logging details can be found in:

npm ERR!     /Users/redesignnomade/Development/Agg/Vconsumabile-cordovaV5.1/npm-debug.log

npm ERR! not ok code 0

MacBook-Pro-di-Redesign:Vconsumabile redesignnomade$ sudo npm install -g cordova@3.6.0-0.2.8

npm http GET https://registry.npmjs.org/cordova/3.6.0-0.2.8

npm http 200 https://registry.npmjs.org/cordova/3.6.0-0.2.8

npm http GET https://registry.npmjs.org/cordova/-/cordova-3.6.0-0.2.8.tgz

npm http 200 https://registry.npmjs.org/cordova/-/cordova-3.6.0-0.2.8.tgz

npm http GET https://registry.npmjs.org/cordova-lib/0.21.8

npm http GET https://registry.npmjs.org/q

npm http GET https://registry.npmjs.org/underscore/1.4.4

npm http GET https://registry.npmjs.org/nopt

npm http 200 https://registry.npmjs.org/cordova-lib/0.21.8

npm http GET https://registry.npmjs.org/cordova-lib/-/cordova-lib-0.21.8.tgz

npm http 304 https://registry.npmjs.org/nopt

npm http 200 https://registry.npmjs.org/underscore/1.4.4

npm http GET https://registry.npmjs.org/underscore/-/underscore-1.4.4.tgz

npm http 200 https://registry.npmjs.org/cordova-lib/-/cordova-lib-0.21.8.tgz

npm http 200 https://registry.npmjs.org/underscore/-/underscore-1.4.4.tgz

npm http 200 https://registry.npmjs.org/q

npm http GET https://registry.npmjs.org/abbrev

npm http GET https://registry.npmjs.org/properties-parser

npm http GET https://registry.npmjs.org/dep-graph/1.1.0

npm http GET https://registry.npmjs.org/unorm

npm http GET https://registry.npmjs.org/cordova-js

npm http GET https://registry.npmjs.org/bplist-parser

npm http GET https://registry.npmjs.org/glob

npm http 304 https://registry.npmjs.org/abbrev

npm http GET https://registry.npmjs.org/elementtree/0.1.5

npm http GET https://registry.npmjs.org/osenv

npm http GET https://registry.npmjs.org/rc/0.3.0

npm http GET https://registry.npmjs.org/mime

npm http GET https://registry.npmjs.org/plist

npm http GET https://registry.npmjs.org/request/2.22.0

npm http GET https://registry.npmjs.org/npm/1.3.4

npm http GET https://registry.npmjs.org/shelljs

npm http GET https://registry.npmjs.org/xcode/0.6.7

npm http GET https://registry.npmjs.org/tar

npm http GET https://registry.npmjs.org/npmconf

npm http GET https://registry.npmjs.org/semver

npm http 200 https://registry.npmjs.org/bplist-parser

npm http 304 https://registry.npmjs.org/dep-graph/1.1.0

npm http 304 https://registry.npmjs.org/elementtree/0.1.5

npm http 200 https://registry.npmjs.org/properties-parser

npm http 200 https://registry.npmjs.org/unorm

npm http 200 https://registry.npmjs.org/osenv

npm http 200 https://registry.npmjs.org/cordova-js

npm http GET https://registry.npmjs.org/cordova-js/-/cordova-js-3.9.0.tgz

npm http 200 https://registry.npmjs.org/mime

npm http 304 https://registry.npmjs.org/rc/0.3.0

npm http 200 https://registry.npmjs.org/plist

npm http GET https://registry.npmjs.org/plist/-/plist-1.0.1.tgz

npm http 200 https://registry.npmjs.org/request/2.22.0

npm http GET https://registry.npmjs.org/request/-/request-2.22.0.tgz

npm http 200 https://registry.npmjs.org/xcode/0.6.7

npm http GET https://registry.npmjs.org/xcode/-/xcode-0.6.7.tgz

npm http 200 https://registry.npmjs.org/cordova-js/-/cordova-js-3.9.0.tgz

npm http 200 https://registry.npmjs.org/npm/1.3.4

npm http GET https://registry.npmjs.org/npm/-/npm-1.3.4.tgz

npm http 200 https://registry.npmjs.org/tar

npm http 200 https://registry.npmjs.org/plist/-/plist-1.0.1.tgz

npm http 200 https://registry.npmjs.org/shelljs

npm http 200 https://registry.npmjs.org/npm/-/npm-1.3.4.tgz

npm http 200 https://registry.npmjs.org/xcode/-/xcode-0.6.7.tgz

npm http 200 https://registry.npmjs.org/glob

npm http 200 https://registry.npmjs.org/npmconf

npm http 200 https://registry.npmjs.org/semver

npm http 200 https://registry.npmjs.org/request/-/request-2.22.0.tgz

npm http GET https://registry.npmjs.org/ini

npm http GET https://registry.npmjs.org/optimist

npm http GET https://registry.npmjs.org/deep-extend

npm http GET https://registry.npmjs.org/underscore/1.2.1

npm http GET https://registry.npmjs.org/config-chain

npm http GET https://registry.npmjs.org/once

npm http GET https://registry.npmjs.org/mkdirp

npm http GET https://registry.npmjs.org/inherits

npm http GET https://registry.npmjs.org/sax/0.3.5

npm http GET https://registry.npmjs.org/inherits

npm http GET https://registry.npmjs.org/minimatch

npm http GET https://registry.npmjs.org/pegjs/0.6.2

npm http GET https://registry.npmjs.org/node-uuid/1.3.3

npm http GET https://registry.npmjs.org/block-stream

npm http GET https://registry.npmjs.org/fstream

npm http GET https://registry.npmjs.org/forever-agent

npm http GET https://registry.npmjs.org/json-stringify-safe

npm http GET https://registry.npmjs.org/http-signature

npm http GET https://registry.npmjs.org/qs

npm http GET https://registry.npmjs.org/oauth-sign

npm http GET https://registry.npmjs.org/tunnel-agent

npm http GET https://registry.npmjs.org/cookie-jar

npm http GET https://registry.npmjs.org/aws-sign

npm http GET https://registry.npmjs.org/hawk

npm http GET https://registry.npmjs.org/node-uuid

npm http GET https://registry.npmjs.org/form-data/0.0.8

npm http 304 https://registry.npmjs.org/deep-extend

npm http 304 https://registry.npmjs.org/config-chain

npm http 200 https://registry.npmjs.org/once

npm http 304 https://registry.npmjs.org/inherits

npm http GET https://registry.npmjs.org/browserify/7.1.0

npm http 200 https://registry.npmjs.org/underscore/1.2.1

npm http 304 https://registry.npmjs.org/sax/0.3.5

npm http GET https://registry.npmjs.org/through/2.3.4

npm http GET https://registry.npmjs.org/xmldom

npm http GET https://registry.npmjs.org/uglify-js

npm http 200 https://registry.npmjs.org/mkdirp

npm http GET https://registry.npmjs.org/util-deprecate/1.0.0

npm http GET https://registry.npmjs.org/xmlbuilder/2.2.1

npm http GET https://registry.npmjs.org/base64-js/0.0.6

npm http GET https://registry.npmjs.org/underscore/-/underscore-1.2.1.tgz

npm http 304 https://registry.npmjs.org/optimist

npm http 304 https://registry.npmjs.org/inherits

npm http 304 https://registry.npmjs.org/ini

npm http 304 https://registry.npmjs.org/block-stream

npm http 200 https://registry.npmjs.org/pegjs/0.6.2

npm http 304 https://registry.npmjs.org/forever-agent

npm http 304 https://registry.npmjs.org/json-stringify-safe

npm http GET https://registry.npmjs.org/pegjs/-/pegjs-0.6.2.tgz

npm http 304 https://registry.npmjs.org/http-signature

npm http 304 https://registry.npmjs.org/oauth-sign

npm http 200 https://registry.npmjs.org/underscore/-/underscore-1.2.1.tgz

npm http 304 https://registry.npmjs.org/tunnel-agent

npm http 304 https://registry.npmjs.org/fstream

npm http 200 https://registry.npmjs.org/cookie-jar

npm http 304 https://registry.npmjs.org/hawk

npm http 200 https://registry.npmjs.org/minimatch

npm http 200 https://registry.npmjs.org/qs

npm http 200 https://registry.npmjs.org/pegjs/-/pegjs-0.6.2.tgz

npm http 200 https://registry.npmjs.org/node-uuid/1.3.3

npm http 200 https://registry.npmjs.org/aws-sign

npm http GET https://registry.npmjs.org/node-uuid/-/node-uuid-1.3.3.tgz

npm http 200 https://registry.npmjs.org/browserify/7.1.0

npm http 304 https://registry.npmjs.org/through/2.3.4

npm http 200 https://registry.npmjs.org/node-uuid

npm http 304 https://registry.npmjs.org/xmldom

npm http GET https://registry.npmjs.org/browserify/-/browserify-7.1.0.tgz

npm http 304 https://registry.npmjs.org/util-deprecate/1.0.0

npm http 304 https://registry.npmjs.org/xmlbuilder/2.2.1

npm http 304 https://registry.npmjs.org/base64-js/0.0.6

npm http 304 https://registry.npmjs.org/form-data/0.0.8

npm http 200 https://registry.npmjs.org/node-uuid/-/node-uuid-1.3.3.tgz

npm http 200 https://registry.npmjs.org/browserify/-/browserify-7.1.0.tgz

npm http GET https://registry.npmjs.org/wrappy

npm http GET https://registry.npmjs.org/proto-list

npm http GET https://registry.npmjs.org/lru-cache

npm http GET https://registry.npmjs.org/sigmund

npm http GET https://registry.npmjs.org/assert-plus

npm http GET https://registry.npmjs.org/asn1/0.1.11

npm http GET https://registry.npmjs.org/ctype/0.5.3

npm http GET https://registry.npmjs.org/wordwrap

npm http 304 https://registry.npmjs.org/wrappy

npm http 304 https://registry.npmjs.org/assert-plus

npm http 304 https://registry.npmjs.org/lru-cache

npm http 304 https://registry.npmjs.org/proto-list

npm http 304 https://registry.npmjs.org/asn1/0.1.11

npm http 304 https://registry.npmjs.org/ctype/0.5.3

npm http 304 https://registry.npmjs.org/wordwrap

npm http 200 https://registry.npmjs.org/uglify-js

npm http GET https://registry.npmjs.org/graceful-fs

npm http GET https://registry.npmjs.org/rimraf

npm http GET https://registry.npmjs.org/lodash-node

npm http GET https://registry.npmjs.org/hoek

npm http GET https://registry.npmjs.org/boom

npm http GET https://registry.npmjs.org/sntp

npm http GET https://registry.npmjs.org/cryptiles

npm http GET https://registry.npmjs.org/combined-stream

npm http GET https://registry.npmjs.org/async

npm http 304 https://registry.npmjs.org/sigmund

npm http 304 https://registry.npmjs.org/lodash-node

npm http 200 https://registry.npmjs.org/rimraf

npm http GET https://registry.npmjs.org/rimraf/-/rimraf-2.4.2.tgz

npm http 304 https://registry.npmjs.org/sntp

npm http 304 https://registry.npmjs.org/cryptiles

npm http 304 https://registry.npmjs.org/combined-stream

npm http 304 https://registry.npmjs.org/graceful-fs

npm http 200 https://registry.npmjs.org/boom

npm http 200 https://registry.npmjs.org/async

npm http GET https://registry.npmjs.org/delayed-stream/0.0.5

npm http GET https://registry.npmjs.org/source-map/0.1.34

npm http GET https://registry.npmjs.org/uglify-to-browserify

npm http GET https://registry.npmjs.org/yargs

npm http 200 https://registry.npmjs.org/hoek

npm http 304 https://registry.npmjs.org/delayed-stream/0.0.5

npm http 304 https://registry.npmjs.org/uglify-to-browserify

npm http GET https://registry.npmjs.org/browser-resolve

npm http GET https://registry.npmjs.org/browserify-zlib

npm http 200 https://registry.npmjs.org/source-map/0.1.34

npm http GET https://registry.npmjs.org/builtins

npm http GET https://registry.npmjs.org/concat-stream

npm http GET https://registry.npmjs.org/deps-sort

npm http GET https://registry.npmjs.org/commondir/0.0.1

npm http GET https://registry.npmjs.org/domain-browser

npm http GET https://registry.npmjs.org/console-browserify

npm http GET https://registry.npmjs.org/defined

npm http GET https://registry.npmjs.org/deep-equal

npm http GET https://registry.npmjs.org/crypto-browserify

npm http GET https://registry.npmjs.org/glob

npm http GET https://registry.npmjs.org/events

npm http GET https://registry.npmjs.org/constants-browserify

npm http GET https://registry.npmjs.org/http-browserify

npm http GET https://registry.npmjs.org/buffer

npm http GET https://registry.npmjs.org/duplexer2

npm http 200 https://registry.npmjs.org/rimraf/-/rimraf-2.4.2.tgz

npm http GET https://registry.npmjs.org/https-browserify

npm http GET https://registry.npmjs.org/insert-module-globals

npm http 200 https://registry.npmjs.org/yargs

npm http 304 https://registry.npmjs.org/browser-resolve

npm http 304 https://registry.npmjs.org/deps-sort

npm http GET https://registry.npmjs.org/labeled-stream-splicer

npm http GET https://registry.npmjs.org/os-browserify

npm http GET https://registry.npmjs.org/parents

npm http GET https://registry.npmjs.org/isarray/0.0.1

npm http GET https://registry.npmjs.org/punycode

npm http GET https://registry.npmjs.org/process

npm http GET https://registry.npmjs.org/path-browserify

npm http GET https://registry.npmjs.org/module-deps

npm http GET https://registry.npmjs.org/resolve

npm http GET https://registry.npmjs.org/querystring-es3

npm http GET https://registry.npmjs.org/shallow-copy/0.0.1

npm http GET https://registry.npmjs.org/readable-stream

npm http GET https://registry.npmjs.org/syntax-error

npm http GET https://registry.npmjs.org/string_decoder

npm http GET https://registry.npmjs.org/shasum

npm http GET https://registry.npmjs.org/stream-browserify

npm http GET https://registry.npmjs.org/shell-quote

npm http GET https://registry.npmjs.org/subarg

npm http GET https://registry.npmjs.org/through2

npm http GET https://registry.npmjs.org/umd

npm http GET https://registry.npmjs.org/util

npm http GET https://registry.npmjs.org/timers-browserify

npm http GET https://registry.npmjs.org/tty-browserify

npm http GET https://registry.npmjs.org/url

npm http GET https://registry.npmjs.org/xtend

npm http GET https://registry.npmjs.org/vm-browserify

npm http 304 https://registry.npmjs.org/commondir/0.0.1

npm http GET https://registry.npmjs.org/assert

npm http GET https://registry.npmjs.org/JSONStream

npm http GET https://registry.npmjs.org/browser-pack

npm http 304 https://registry.npmjs.org/domain-browser

npm http GET https://registry.npmjs.org/source-map/-/source-map-0.1.34.tgz

npm http 304 https://registry.npmjs.org/console-browserify

npm http 304 https://registry.npmjs.org/defined

npm http 200 https://registry.npmjs.org/deep-equal

npm http 304 https://registry.npmjs.org/crypto-browserify

npm http 304 https://registry.npmjs.org/glob

npm http 304 https://registry.npmjs.org/browserify-zlib

npm http 304 https://registry.npmjs.org/builtins

npm http 200 https://registry.npmjs.org/constants-browserify

npm http 304 https://registry.npmjs.org/http-browserify

npm http 304 https://registry.npmjs.org/duplexer2

npm http 304 https://registry.npmjs.org/buffer

npm http 200 https://registry.npmjs.org/events

npm http 304 https://registry.npmjs.org/https-browserify

npm http 304 https://registry.npmjs.org/insert-module-globals

npm http 304 https://registry.npmjs.org/os-browserify

npm http 304 https://registry.npmjs.org/labeled-stream-splicer

npm http 304 https://registry.npmjs.org/isarray/0.0.1

npm http 304 https://registry.npmjs.org/punycode

npm http 304 https://registry.npmjs.org/parents

npm http 200 https://registry.npmjs.org/source-map/-/source-map-0.1.34.tgz

npm http 304 https://registry.npmjs.org/process

npm http 304 https://registry.npmjs.org/path-browserify

npm http 304 https://registry.npmjs.org/module-deps

npm http 304 https://registry.npmjs.org/resolve

npm http 304 https://registry.npmjs.org/shallow-copy/0.0.1

npm http 304 https://registry.npmjs.org/querystring-es3

npm http 200 https://registry.npmjs.org/concat-stream

npm http 304 https://registry.npmjs.org/syntax-error

npm http 304 https://registry.npmjs.org/string_decoder

npm http 304 https://registry.npmjs.org/subarg

npm http 304 https://registry.npmjs.org/shasum

npm http 304 https://registry.npmjs.org/shell-quote

npm http 304 https://registry.npmjs.org/umd

npm http 304 https://registry.npmjs.org/util

npm http 304 https://registry.npmjs.org/timers-browserify

npm http 304 https://registry.npmjs.org/tty-browserify

npm http 200 https://registry.npmjs.org/through2

npm http 304 https://registry.npmjs.org/stream-browserify

npm http 304 https://registry.npmjs.org/xtend

npm http GET https://registry.npmjs.org/parents/-/parents-0.0.3.tgz

npm http GET https://registry.npmjs.org/process/-/process-0.8.0.tgz

npm http 304 https://registry.npmjs.org/vm-browserify

npm http 304 https://registry.npmjs.org/browser-pack

npm http 200 https://registry.npmjs.org/url

npm http 200 https://registry.npmjs.org/assert

npm http GET https://registry.npmjs.org/resolve/-/resolve-0.7.4.tgz

npm http GET https://registry.npmjs.org/umd/-/umd-2.1.0.tgz

npm http 200 https://registry.npmjs.org/JSONStream

npm http 200 https://registry.npmjs.org/process/-/process-0.8.0.tgz

npm http GET https://registry.npmjs.org/browser-pack/-/browser-pack-3.2.0.tgz

npm http 200 https://registry.npmjs.org/resolve/-/resolve-0.7.4.tgz

npm http GET https://registry.npmjs.org/assert/-/assert-1.1.2.tgz

npm http GET https://registry.npmjs.org/JSONStream/-/JSONStream-0.8.4.tgz

npm http 200 https://registry.npmjs.org/readable-stream

npm http GET https://registry.npmjs.org/glob/-/glob-5.0.14.tgz

npm http GET https://registry.npmjs.org/minimist/0.0.8

npm http 200 https://registry.npmjs.org/JSONStream/-/JSONStream-0.8.4.tgz

npm http 200 https://registry.npmjs.org/assert/-/assert-1.1.2.tgz

npm http GET https://registry.npmjs.org/wordwrap/0.0.2

npm http GET https://registry.npmjs.org/window-size/0.1.0

npm http GET https://registry.npmjs.org/decamelize

npm http GET https://registry.npmjs.org/camelcase

npm http 200 https://registry.npmjs.org/parents/-/parents-0.0.3.tgz

npm http 200 https://registry.npmjs.org/browser-pack/-/browser-pack-3.2.0.tgz

npm http GET https://registry.npmjs.org/amdefine

npm http 200 https://registry.npmjs.org/umd/-/umd-2.1.0.tgz

npm http 200 https://registry.npmjs.org/minimist/0.0.8

npm http GET https://registry.npmjs.org/minimist/-/minimist-0.0.8.tgz

npm http 304 https://registry.npmjs.org/decamelize

npm http 304 https://registry.npmjs.org/wordwrap/0.0.2

npm http 200 https://registry.npmjs.org/amdefine

npm http 200 https://registry.npmjs.org/glob/-/glob-5.0.14.tgz

npm http GET https://registry.npmjs.org/amdefine/-/amdefine-1.0.0.tgz

npm http GET https://registry.npmjs.org/minimatch

npm http GET https://registry.npmjs.org/once

npm http 304 https://registry.npmjs.org/window-size/0.1.0

npm http GET https://registry.npmjs.org/path-is-absolute

npm http GET https://registry.npmjs.org/inflight

npm http 304 https://registry.npmjs.org/minimatch

npm http 304 https://registry.npmjs.org/once

npm http 200 https://registry.npmjs.org/amdefine/-/amdefine-1.0.0.tgz

npm http 304 https://registry.npmjs.org/inflight

npm http GET https://registry.npmjs.org/minimatch/-/minimatch-2.0.9.tgz

npm http 304 https://registry.npmjs.org/path-is-absolute

npm http 304 https://registry.npmjs.org/camelcase

npm http GET https://registry.npmjs.org/typedarray

npm http 200 https://registry.npmjs.org/minimatch/-/minimatch-2.0.9.tgz

npm http GET https://registry.npmjs.org/json-stable-stringify

npm http GET https://registry.npmjs.org/sha.js

npm http GET https://registry.npmjs.org/minimist

npm http 200 https://registry.npmjs.org/minimist/-/minimist-0.0.8.tgz

npm http GET https://registry.npmjs.org/path-platform

npm http GET https://registry.npmjs.org/rfile

npm http GET https://registry.npmjs.org/ruglify

npm http GET https://registry.npmjs.org/date-now

npm http GET https://registry.npmjs.org/indexof/0.0.1

npm http GET https://registry.npmjs.org/stream-splicer

npm http GET https://registry.npmjs.org/acorn

npm http GET https://registry.npmjs.org/punycode/1.3.2

npm http 304 https://registry.npmjs.org/json-stable-stringify

npm http 304 https://registry.npmjs.org/path-platform

npm http GET https://registry.npmjs.org/querystring/0.2.0

npm http GET https://registry.npmjs.org/Base64

npm http GET https://registry.npmjs.org/path-platform/-/path-platform-0.0.1.tgz

npm http 200 https://registry.npmjs.org/minimist

npm http 304 https://registry.npmjs.org/date-now

npm http 304 https://registry.npmjs.org/indexof/0.0.1

npm http 200 https://registry.npmjs.org/rfile

npm http 304 https://registry.npmjs.org/typedarray

npm http 200 https://registry.npmjs.org/stream-splicer

npm http 200 https://registry.npmjs.org/path-platform/-/path-platform-0.0.1.tgz

npm http 200 https://registry.npmjs.org/querystring/0.2.0

npm http 200 https://registry.npmjs.org/ruglify

npm http GET https://registry.npmjs.org/create-hash

npm http GET https://registry.npmjs.org/diffie-hellman

npm http GET https://registry.npmjs.org/create-ecdh

npm http GET https://registry.npmjs.org/public-encrypt

npm http GET https://registry.npmjs.org/create-hmac

npm http GET https://registry.npmjs.org/pbkdf2

npm http GET https://registry.npmjs.org/randombytes

npm http 304 https://registry.npmjs.org/sha.js

npm http 200 https://registry.npmjs.org/punycode/1.3.2

npm http GET https://registry.npmjs.org/browserify-aes

npm http GET https://registry.npmjs.org/browserify-sign

npm http GET https://registry.npmjs.org/combine-source-map

npm http GET https://registry.npmjs.org/querystring/-/querystring-0.2.0.tgz

npm http GET https://registry.npmjs.org/punycode/-/punycode-1.3.2.tgz

npm http 200 https://registry.npmjs.org/Base64

npm http 304 https://registry.npmjs.org/public-encrypt

npm http 304 https://registry.npmjs.org/create-ecdh

npm http 304 https://registry.npmjs.org/create-hmac

npm http 304 https://registry.npmjs.org/diffie-hellman

npm http 304 https://registry.npmjs.org/randombytes

npm http GET https://registry.npmjs.org/core-util-is

npm http 304 https://registry.npmjs.org/browserify-sign

npm http 304 https://registry.npmjs.org/browserify-aes

npm http GET https://registry.npmjs.org/lexical-scope

npm http GET https://registry.npmjs.org/combine-source-map

npm http 200 https://registry.npmjs.org/punycode/-/punycode-1.3.2.tgz

npm http 304 https://registry.npmjs.org/combine-source-map

npm http 304 https://registry.npmjs.org/core-util-is

npm http 200 https://registry.npmjs.org/acorn

npm http 304 https://registry.npmjs.org/lexical-scope

npm http 304 https://registry.npmjs.org/create-hash

npm http 304 https://registry.npmjs.org/combine-source-map

npm http 304 https://registry.npmjs.org/pbkdf2

npm http 200 https://registry.npmjs.org/querystring/-/querystring-0.2.0.tgz

npm http GET https://registry.npmjs.org/callsite

npm http GET https://registry.npmjs.org/jsonify

npm http GET https://registry.npmjs.org/pako

npm http GET https://registry.npmjs.org/elliptic

npm http GET https://registry.npmjs.org/bn.js

npm http GET https://registry.npmjs.org/ripemd160

npm http GET https://registry.npmjs.org/base64-js/0.0.8

npm http GET https://registry.npmjs.org/ieee754

npm http GET https://registry.npmjs.org/is-array

npm http GET https://registry.npmjs.org/convert-source-map

npm http GET https://registry.npmjs.org/source-map

npm http GET https://registry.npmjs.org/inline-source-map

npm http GET https://registry.npmjs.org/miller-rabin

npm http GET https://registry.npmjs.org/readable-wrap

npm http GET https://registry.npmjs.org/source-map

npm http GET https://registry.npmjs.org/convert-source-map

npm http GET https://registry.npmjs.org/inline-source-map

npm http GET https://registry.npmjs.org/lodash.memoize

npm http 304 https://registry.npmjs.org/pako

npm http GET https://registry.npmjs.org/wrappy

npm http 304 https://registry.npmjs.org/ripemd160

npm http GET https://registry.npmjs.org/parse-asn1

npm http GET https://registry.npmjs.org/browserify-rsa

npm http GET https://registry.npmjs.org/resolve/1.1.6

npm http GET https://registry.npmjs.org/brace-expansion

npm http 200 https://registry.npmjs.org/callsite

npm http GET https://registry.npmjs.org/astw

npm http 304 https://registry.npmjs.org/jsonify

npm http GET https://registry.npmjs.org/jsonparse/0.0.5

npm http GET https://registry.npmjs.org/stream-combiner2

npm http GET https://registry.npmjs.org/detective

npm http GET https://registry.npmjs.org/uglify-js

npm http 200 https://registry.npmjs.org/elliptic

npm http 200 https://registry.npmjs.org/bn.js

npm http 304 https://registry.npmjs.org/ieee754

npm http GET https://registry.npmjs.org/jsonparse

npm http 304 https://registry.npmjs.org/is-array

npm http GET https://registry.npmjs.org/hash.js

npm http GET https://registry.npmjs.org/brorand

npm http 304 https://registry.npmjs.org/miller-rabin

npm http 304 https://registry.npmjs.org/base64-js/0.0.8

npm http 304 https://registry.npmjs.org/readable-wrap

npm http 304 https://registry.npmjs.org/convert-source-map

npm http 200 https://registry.npmjs.org/inline-source-map

npm http 304 https://registry.npmjs.org/convert-source-map

npm http 304 https://registry.npmjs.org/lodash.memoize

npm http 304 https://registry.npmjs.org/wrappy

npm http 304 https://registry.npmjs.org/parse-asn1

npm http 304 https://registry.npmjs.org/browserify-rsa

npm http 200 https://registry.npmjs.org/resolve/1.1.6

npm http GET https://registry.npmjs.org/resolve/-/resolve-1.1.6.tgz

npm http 304 https://registry.npmjs.org/brace-expansion

npm http 304 https://registry.npmjs.org/jsonparse/0.0.5

npm http GET https://registry.npmjs.org/asn1.js

npm http 304 https://registry.npmjs.org/astw

npm http 304 https://registry.npmjs.org/stream-combiner2

npm http GET https://registry.npmjs.org/concat-map/0.0.1

npm http GET https://registry.npmjs.org/balanced-match

npm http 304 https://registry.npmjs.org/uglify-js

npm http 304 https://registry.npmjs.org/detective

npm http 304 https://registry.npmjs.org/jsonparse

npm http 304 https://registry.npmjs.org/hash.js

npm http 200 https://registry.npmjs.org/inline-source-map

npm http 200 https://registry.npmjs.org/resolve/-/resolve-1.1.6.tgz

npm http 304 https://registry.npmjs.org/brorand

npm http 304 https://registry.npmjs.org/concat-map/0.0.1

npm http 304 https://registry.npmjs.org/balanced-match

npm http 304 https://registry.npmjs.org/asn1.js

npm http GET https://registry.npmjs.org/source-map

npm http GET https://registry.npmjs.org/optimist

npm http GET https://registry.npmjs.org/minimalistic-assert

npm http 304 https://registry.npmjs.org/optimist

npm http GET https://registry.npmjs.org/through2

npm http GET https://registry.npmjs.org/escodegen

npm http 304 https://registry.npmjs.org/minimalistic-assert

npm http 304 https://registry.npmjs.org/escodegen

npm http GET https://registry.npmjs.org/source-map

npm http GET https://registry.npmjs.org/estraverse

npm http GET https://registry.npmjs.org/optionator

npm http GET https://registry.npmjs.org/esutils

npm http GET https://registry.npmjs.org/esprima

npm http 200 https://registry.npmjs.org/source-map

npm http 304 https://registry.npmjs.org/through2

npm http 304 https://registry.npmjs.org/estraverse

npm http GET https://registry.npmjs.org/readable-stream

npm http GET https://registry.npmjs.org/xtend

npm http GET https://registry.npmjs.org/amdefine

npm http 304 https://registry.npmjs.org/esutils

npm http 200 https://registry.npmjs.org/source-map

npm http GET https://registry.npmjs.org/source-map/-/source-map-0.4.4.tgz

npm http 304 https://registry.npmjs.org/readable-stream

npm http 304 https://registry.npmjs.org/optionator

npm http 304 https://registry.npmjs.org/amdefine

npm http 304 https://registry.npmjs.org/xtend

npm http 200 https://registry.npmjs.org/esprima

npm http 200 https://registry.npmjs.org/source-map

npm http GET https://registry.npmjs.org/wordwrap

npm http GET https://registry.npmjs.org/deep-is

npm http GET https://registry.npmjs.org/prelude-ls

npm http GET https://registry.npmjs.org/type-check

npm http GET https://registry.npmjs.org/fast-levenshtein

npm http GET https://registry.npmjs.org/levn

npm http 304 https://registry.npmjs.org/wordwrap

npm http 200 https://registry.npmjs.org/source-map/-/source-map-0.4.4.tgz

npm http 304 https://registry.npmjs.org/deep-is

npm http 304 https://registry.npmjs.org/fast-levenshtein

npm http 304 https://registry.npmjs.org/type-check

npm http 304 https://registry.npmjs.org/levn

npm http 200 https://registry.npmjs.org/source-map

npm http 304 https://registry.npmjs.org/prelude-ls

/usr/local/bin/cordova -> /usr/local/lib/node_modules/cordova/bin/cordova

cordova@3.6.0-0.2.8 /usr/local/lib/node_modules/cordova

├── q@0.9.7

├── underscore@1.4.4

├── nopt@2.2.1 (abbrev@1.0.7)

└── cordova-lib@0.21.8 (osenv@0.0.3, properties-parser@0.2.3, bplist-parser@0.0.6, mime@1.2.11, unorm@1.3.3, semver@2.0.11, shelljs@0.1.4, npmconf@0.1.16, rc@0.3.0, elementtree@0.1.5, dep-graph@1.1.0, glob@3.2.11, xcode@0.6.7, plist@1.0.1, request@2.22.0, npm@1.3.4, tar@0.1.20, cordova-js@3.9.0)

MacBook-Pro-di-Redesign:Vconsumabile redesignnomade$ phonegap platform update android

npm

http GET https://registry.npmjs.org/cordova-android

npm

http 304 https://registry.npmjs.org/cordova-android

Updating android project…

Android project updated with cordova-android@4.0.2

cp: no such file or directory: /Users/redesignnomade/Development/Agg/Vconsumabile-cordovaV5.1/res/icon/android/icon-36-ldpi.png

cp: no such file or directory: /Users/redesignnomade/Development/Agg/Vconsumabile-cordovaV5.1/res/icon/android/icon-48-mdpi.png

cp: no such file or directory: /Users/redesignnomade/Development/Agg/Vconsumabile-cordovaV5.1/res/icon/ios/icon-72.png

cp: no such file or directory: /Users/redesignnomade/Development/Agg/Vconsumabile-cordovaV5.1/res/icon/android/icon-96-xhdpi.png

cp: no such file or directory: /Users/redesignnomade/Development/Agg/Vconsumabile-cordovaV5.1/res/icon/ios/icon-72-2x.png

MacBook-Pro-di-Redesign:Vconsumabile redesignnomade$ cd ..

Prendere focus

Capita a volte di doverci mettere le mani, anche se i comportamenti standard sarebbero preferibili e più intuiti per l’utente, a volte invece ti trovi in dei controsensi..
quindi ci provi…

In questo caso, ho un PUPUP di jquerymobile, che una volta chiuso lascia il focus all0inizio pagina.
Quindi mi è stato esplicitamente chiesto di far tornare il focus sull’oggetto cliccabile dopo la chiusura del popup.

Ecco come l’ho risolta!  con “afterclose” e focus()

$(document).ready(function(e) {

    $(‘img[usemap]’).rwdImageMaps();

    $(‘#focusQui’).focus();

});

$.mobile.document.on( “click”, “#open”, function( evt ) {

    $( “#popupArrow”).popup( “open”, { x: evt.pageX, y: evt.pageY } );

    evt.preventDefault();

        $( “#popupArrow”).popup({afterclose: function( event, ui ) { $(‘#open’).focus(); }});

});

Plugin jquery: immagini a tutto schermo

Fonte: http://www.sitepoint.com/responsive-fullscreen-background-image-plugins/

Related Posts:

1. Vegas Background jQuery Plugin

Vegas is a jQuery plugin to add beautiful fullscreen backgrounds to your webpages. You can even create amazing Slideshows.s

Vegas-Background.jpg
SourceDemo

2. Backstretch

A simple jQuery plugin that allows you to add a dynamically-resized, slideshow-capable background image to any page or element

Backstretch1.jpg
Source + Demo

3. Supersized jQuery Plugin

Full screen background slideshow plugin for jQuery

Supersized1.jpg
SourceDemo

4. jQuery tubular

Tubular is a jQuery plugin that lets you set a YouTube video as your page background. Just attach it to your page wrapper element, set some options, and you’re on your way.

jQuery-Tubular.jpg
Source +Demo

5. mb.jquery

A good way to have extra content or a navigation tool in your page.

mbjQuery.jpg
SourceDemo

CSS Only Techniques

There are also a CSS only techniques if you want courtesy of my good ole Chris Source Demo.

E-learning per l’emilia romagna

Mi stavo facendo un bagneto nel web e sono incocciata in SELF.  http://www.self-pa.net

Ahh.. un moodle graficamente ben acchittato che la regione emilia romagna ha fatto realizzare per condividere “saperi”.

Idea molto bella, strumento anche giusto, visto che è free e open software!!

Poi passo numero due, mi spulcio tutte le linee guida sulla pubblicazione dei contenuti.

Anzi.. quello era il passo due e mezzo, il passo numero due è stato pigiare CTRL+U e vedere un po il codice..

HArg! i video sono in Flash! ORRORE!

Ma.. come !! Nel 2014!! Vabbhè.. sorvoliamo..

Comunque si vedono anche da tablet :) verifica necessaria e fatta, confermo.

Quindi approfondisco un po ed appunto coccio dentro a SCORM..

ta dam!!! .. mi sa che sarà difficile evitarlo per chi vuol tenere i piedi nell’e-learning..

SCORM is a specification of the Advanced Distributed Learning (ADL) Initiative from the Office of the United States Secretary of Defense.

http://en.wikipedia.org/wiki/Scorm

Qui il sito e linee guida http://www.adlnet.org/scorm/

Mi suona un po … come.. dai! studia! Per me dico… hum…

presto aggiornamenti..questo è un promemoria :)