All posts by kiki

Themes licenses in WP

Notavo la stranezza di un txt dentro al tema:

This theme or plugin is comprised of two parts.
(1) the PHP code and integrated HTML are licensed under the General Public
License (GPL). You will find a copy of the GPL in the same directory as this
text file.
(2) All other parts, but not limited to the CSS code, images, and design are
licensed according to the license purchased from Envato.
Read more about licensing here: http://themeforest.net/licenses

Continue reading Themes licenses in WP

Risorse di geometria

risorse geometriche in pdf
http://digilander.libero.it/scaroselli/download.htm
manualetto di open logo http://iamarf.ch/unifi/Piccolo-manuale-LibreLogo.pdf
di: http://fugamatematica.blogspot.it/

PDF con dentro una animazione, è possibile?!

Qualche tempo fa mi ero presa bene con gli epub3 con dentro scriptini in js che animano cosine..
es: https://github.com/idpf/epub3-samples
MA il mondo è ancora ai pdf.. quindi te li chiedono e ci si prova .. 🙁
____________link di letteratura sul tema:
1)quindi c’è chi parte da lateX
http://www.guitex.org/home/images/ArsTeXnica/AT017/tikz-anim.pdf
http://ctan.mirror.garr.it/mirrors/CTAN/macros/latex/contrib/animate/animate.pdf
2) c’è chi ha provato ad infilarci delle gif, ma non è possibile:
https://forums.adobe.com/message/4056490#4056490
3)altri li imbottiscono di elementi in flash .. e pare funzionare su Adobe reader, e necessiti di indesign o simile per crearlo
http://www.pdfpictures.com/pdf-samples/pdf-with-rich-media/
 
4) da libreoffice riesci a fare i form.. quindi ad avere dei pdf interattivi.. ma non interattivi con video dentro..
Secondo le loro regole si può fare solo da loro.. alla faccia del formato semi aperto!!!:
http://www.adobe.com/devnet/acrobat/javascript.html
5) ok, mi arrendo a fare un pdf interattivo con indesign.
Su adobe reader funziona, ma purtroppo non va da browser con pdf.js
VABBHé
//////////serendipity
Libro in generale sui personaggi animati: https://fusiontables.google.com/DataSource?docid=1LaFCag4FsiO5_Y_YUkclSo9Rp9LWqAlDvth8vJYU#rows:id=1
 

Balneazione sicura nel web

beh, rischia di essere un listone se non si traduce un po.. però intanto mi faccio una collezione promemoria:
https://myshadow.org/trackography-solutions
https://prism-break.org/it/
https://securityinabox.org/
il libretto di Avana?
i due libretti del Kantiere?
 
Informazioni sui possibili disagi mentali che danno le nuove tecnologie?!?!
http://www.informationisbeautiful.net/visualizations/intermental/

Grafici su mobile, rappresentazioni di dati con d3.js responsive!

ci sono due vie:
-ridisegnare tutto al cambiamento della finestra o meglio, scrivere in js già pensando che la pagina sarà responsive.
Oppure:
-usare hw  o vh , ovvero misure calcolate in base alla finestra nei css3
.attr(“width”, “100hw”)
.attr(“height”, “auto”)
-css3 media query con differenti transform:scale(0.5);
Oppure:
-usare svg come vanno usate (ma non tutti i browser sono d’accordo):
https://www.w3.org/TR/SVG/coords.html#IntrinsicSizinghttps://www.w3.org/TR/SVGTiny12/coords.html#ViewBoxAttribute
_________SPIEGAZIONE:
allora, la domanda che ci facevamo l’altro giorno è come avere i grafici fatti con D3 e  in rwd.
La risposta numero uno è scriverli pensandoli responsive.
Ammettendo che non li hai scritti tu ,ma vuoi una soluzione rapida ed indolore… ho tre trucchi che funzionano al momento:
il primo è settare l’svg iniziale su hw e/o hv, che sono due misure css3 relativamente nuove ma adottate da tutti i browser.
Da 1 a 100 ti misurano la larghezza/altezza della pagina.
quindi 50hw, significa: fammelo metà della grandezza della finestra.
Quindi nel js del grafico, gli vai ad aggiungere:
var svg = d3.select("body").append("svg")
.attr("width", "100hw")
.attr("height", "auto")
.append("g")

ES: http://albero.redup.xyz/bubble/datascuole/index3.html
Se dal tuo browser non funge, fammi sapere che browser e versione è , perchè a me risulta che vada su tutto.
Secondo trick:
Usare le mediaquery e transform:scale(0.5);
Significa fammelo uguale nelle proporzioni, ma grande la metà.
E’ più macchinoso perchè deve decidere tu gli scatti.
es, se hai una svg di 900px per 900px, puoi decidere che sotto i 900px la fai grande la metà , quindi a 450px,
e poi con un’altra media query decidi che sotto i 450px la fai grande un quarto, quindi arrivi a 225px e quindi visualizzabile su tutto.
Se vuoi essere visto anche da browser “arretrati”, ricordati di copiare 3 volte la regola css che gli dai ed aggiungergli i prefissi:
-webkit-transform, -o-transform, -moz-transform
Io lo faccio principalmente principalmente per gli android 4.0 che sono ancora stra diffusi ed usano un webkit vecchio.
es:
@media screen and (max-width: 900px){
svg{
transform:scale(0.5);
-webkit-transform:scale(0.5);
margin: -25%;
}
}
@media screen and (max-width: 450px){
svg{
transform:scale(0.2);
-webkit-transform:scale(0.2);
margin: -70%;
}
#legend:after{content:"torna a visualizzarlo con un PC o scaricalo come pdf";}
}

Terzo paciugo a cui ho pensato ,ma poi non ho applicato perchè mi sembra un po troppo sporco, rimane quindi una ipotesi:
metto un iframe, con dentro uno dei grafici, ma senza regole di viewport nei meta. Quindi verra fatto vedere in miniatura dentro alla sua finestra e sarà possibile zommarlo a mano, come un sito non responsive 😛
///////////////
Letture:
https://www.safaribooksonline.com/blog/2014/02/17/building-responsible-visualizations-d3-js/
http://blog.webkid.io/responsive-chart-usability-d3/
http://stackoverflow.com/questions/9400615/whats-the-best-way-to-make-a-d3-js-visualisation-layout-responsive
http://eyeseast.github.io/visible-data/2013/08/28/responsive-charts-with-d3/

worpress API per javascript

Per dire che son 3 o 4 mesi che batto la testa e le dita sulla tastiera riguardo le wp json rest API, che dal 4.5 sono diventate native e che già da un po aleggiavano nell’aria di cambiamento di wp.
Ve la faccio brevissima, wp ci da nativamente delle liste in json con dentro tutto: titoli, articoli, tassonomie, etc.. quindi manipolabili con javascript e che entrano appieno nella possibilità di avere delle web app interamente in js/css3 e html5.
Consiglio la lettura di questo per documentarsi:

REST API


MA soprattutto di qualche interpretazione, tipo questo articolo:
 
http://insights.dice.com/2013/05/13/javascript-is-eating-the-world-2/
https://premium.wpmudev.org/blog/wordpress-rest-api/?mv=b&utm_expid=3606929-67.KOuGWaEfRS2elZCEv5f8LA.1&utm_referrer=https%3A%2F%2Fwww.google.it
https://it.wikipedia.org/wiki/Teoria_della_grande_unificazione