http://www.melablog.it/post/17785/cartello-sugli-ebook-3-ai-clienti-per-ogni-libro-venduto-su-ibookstore
http://www.sns.it/servizi/iniziativescuole/anniprecedenti/20132014/centomila/
http://universomamma.it/le-ultimissime-app-per-bambini-anche-i-libri-diventano-digitali/
https://www.facebook.com/notes/agostino-quadrino/libri-di-testo-e-innovazione-digitale-il-mondo-come-volont%C3%A0-e-rappresentazione/10151647314181735
http://www.robertosconocchini.it/dispositivi-mobili/3023-le-migliori-applicazioni-didattiche-per-lipad.html
 
http://www.robertosconocchini.it/dispositivi-mobili/3102-con-samsung-laula-diventa-completamente-interattiva-smart-school.html
http://noa.bibienne.net/
opinione di luna http://www.ilpost.it/riccardoluna/2013/10/16/editori-studenti-banda-larga-e-apple-una-intervista-molto-lunga-alla-carrozza/
 
 
altro sul convegno apisa http://noa.bibienne.net/2013/10/30/convegno-pisa-9-novembre/
 

Italian Linux Society e’ lieta di supportare l’edizione 2013 di Didattica
Aperta, annuale conferenza sul software libero a scuola che quest’anno si
terra’ sabato 16 novembre a Ivrea (TO).
La manifestazione di quest’anno presenta un ampio programma con tutti i
protagonisti della didattica libera e condivisa del nostro Paese: tra gli
altri il progetto WiiLDOS (che, oltre ad una sempre maggiormente popolare
distribuzione GNU/Linux per la scuola, aggrega una delle piu’ grandi
comunita’ di docenti freesoftware in Italia), i referenti di Porte Aperte sul
Web (grande opera di supporto e sviluppo di strumenti online, rigorosamente
opensource, per le scuole), e gli interventi di Renzo Davoli e Norberto
Patrignani, professori di alto profilo ben noti al pubblico anche oltre i
confini dell’universo Linux.
Come sempre l’evento cerca di fare il punto sul rapporto tra tecnologia ed
insegnamento, evidenziando come il software ed i contenuti liberi non siano
solo strumenti educativi ma essi stessi stimolo alla partecipazione, alla
collaborazione, allo scambio, alla creativita’. Un appuntamento importante
per andare oltre una visione superficiale ed incompleta dell’innovazione
della scuola, fatta di tablet e LIM da continuare ad usare per la fruizione
passiva dei materiali, e per rimettere in discussione i fondamenti stessi
della didattica, che dalla tecnologia dovrebbe essere potenziata anziche’
vincolata.
Appuntamento dunque ad Ivrea, sabato 16 novembre. Invitati soprattutto gli
insegnanti, e tutti coloro che desiderano capire (e costruire) una nuova
scuola per i nostri giovani.
http://didatticaaperta.it/
http://didatticaaperta.it/programma-2013
http://wiildos.it/
http://www.porteapertesulweb.it/

Font o non font?
Essere o non essere?
CANIUSE ci dice andate tranquilli.. con ott e otf.
http://caniuse.com/#feat=ttf
Anche se qualche tempo fa invece pareva che IOS non si fosse ancora allineato..
http://www.html5rocks.com/en/tutorials/webfonts/quick/
Interessante articolo sulla tipografia nel web: http://designerbreak.com/2009/tutorial/font-face-e-webfonts-come-usarli/
 
non volete usare font aggiunti ma solo gli standard?
quali standard? hahaha
vabbhè quelli di default sono : http://www.tutorialspoint.com/html5/html5_fonts.htm
RIPASSARE LE BASI: http://www.cssbasics.com/css-font-properties/
Vediamo di complicare le cose.. se uno volesse usare un carattere extra expanded come potrebbe fare?
perchè bene o male tutte le altre cose si riescono ad ottenere, cambiare l’interlinea, il peso, la dimensione, la distanda tra le lettere..
BHe.. firefox ci ha pensato.. ma nessun altro browser sembra aderire.. tranne IE.. sembra una barzelletta!
https://developer.mozilla.org/en-US/docs/Web/CSS/font-stretch?redirectlocale=en-US&redirectslug=CSS%2Ffont-stretch#Interpolation
Speriamo che il W3C la passi fuori dal draft!
Anche se francamento ho provato ad usarla e su firefox 24 non mi funziona.
Articolo completo:
https://developer.mozilla.org/en-US/docs/Web/CSS/font
 
Altra ancora di salvezza. http://www.google.com/fonts
ma con poca scelta secondo me 😛
 
Lo strumento definitivo.. se avete il font in un solo formato, è : http://www.fontsquirrel.com/tools/webfont-generator
però sono blacklistati tutti i font proprietari!! hihii
e se ne accorge anche se gli cambi il nome!!

bel grattacapo oggi…
fare l’ombra di un div ma solo nei due lati orizzontali sopra e sotto..
è una ombra interna che pare apra della fessure da cui esce un nastro che scorre verticalmente..
come fare?
Ho crato due div uno dentro l’altro; il secondo con position relative, così lo posso controllare solo rispetto a quello esterno;
questo è più comodo per andare poi a riposizionarlo nella pagina e far ein modo che non si scollino tra di loro 🙂
Quindi ho messo un effetto retinato a quello interno, riducendo la larghezza rispetto a quello esterno, ma mantenendolo alto uguale.
 
Poi ho valuato come si usa la caratteristica box shadow:
box-shadow può essere applicata a tutti gli elementi.
Vediamo subito uno snippet di codice con quella che è la sintassi di base:

La sintassi di base prevede la definizione di quattro valori numerici:

• Il primo valore (5px) imposta lo spostamento dell’ombra in senso orizzontale. Essendo il valore positivo, l’ombra viene collocata sul lato destro del box. Se si usano valori negativi l’ombra viene collocata sul lato sinistro.
• Il secondo valore (5px) imposta lo spostamento in senso verticale. Dal momento che anche in questo caso si è usato un valore positivo, l’ombra viene collocata sul lato inferiore del box. Usando valori negativi l’ombra viene collocata sul lato superiore del box.
• Il terzo valore (10px) definisce il livello di sfocatura (blur radius) dell’ombra: più alto è questo valore, più sfocata apparirà l’ombra. Si usi 0 se si desidera un’ombra netta e senza sfocatura. Non sono permessi valori negativi.
• Il quarto valore (2px) imposta il livello di diffusione (spread radius) dell’ombra. Più i valori sono alti, più l’ombra tenderà ad espandersi, in tutte le direzioni. Se invece si usano valori negativi, l’ombra tende a contrarsi, fino a scomparire del tutto.

Di questi quattro valori, gli unici obbligatori sono i primi due. I valori della sfocatura e della diffusione, invece, possono essere omessi. Se non specificati, tali valori sono pari per default a 0.
Ultimo è il colore.
da http://www.html.it/pag/19453/box-shadow/
 
Quindi il primo per me deve essere 0; invece per il secondo ne dovrò fare due inmodo da davere un obra sopra ed una ombra sotto.
Il mio problema è che non sono ombre esterne, ma ombre interne al box..
e qui abbiamo!!

La parola chiave inset

Un ultimo valore possibile per box-shadow è rappresentato dalla parola chiave inset. Usando questo valore l’ombra non si colloca all’esterno del box, ma al suo interno.
 
e poi sorge il secondo problema!!
ma io ho bisogno di un’ombra da un lato solo!!! non da tutti e quattro o solo da due lati..
quindi!?!?!
Bisogna mettere innegativo il 4° valore, quello della diffusione dell’ombra..
bisogna stare un po attenti perchè è da calibrare e cmq l’ombra che si desidera da un solo alto non può essere accentuatuìissima altrimenti cominqcia a spuntare anche dagli altri..
Però la riuscita è buone..
Ecco il codice:
 
html:
<div id=”deco”><div id=”retina”> </div></div>
<span>11</span>
CSS:
#deco
{
margin-left: 15px;
margin-top: 40px;
position: absolute;
width:100px;
height: 630px;
box-shadow: -0px 7px 15px -13px #525252;
}
#retina
{
position: relative;
width:50px;
height:630px;
background:#009CAB;
opacity: 0.15;
margin: 0 auto;
}
però secondo me si vede sempre un pochino.. un difetto..
ecoo un altro metodo senza trick.. diciamo sintatti corretta logicamente:
imposti le tre ombre con colore bianco o quello che hai di sfondo e solo una con il colore scuro:
http://jsfiddle.net/LE6Lz/

HUllalla.. per mettere per esempio l’attributo autoplay, è da mettere sul tag audio, non su source!!
Quindi la dicitura corretta è questa
<audio autoplay controls>
<source src=”music.ogg” />
<source src=”music.mp3″ />
</audio>

hum sembrano dei tag vecchi.. ma con html5 hanno incontrato delle novità,
soprattutto area:

Browser Support

The <area> tag is supported in all major browsers.
Di base sì.. poi bisogna vedere se anche gli attributi sono supportati.. un po come con i form..

Definition and Usage

The <area> tag defines an area inside an image-map (an image-map is an image with clickable areas).
The <area> element is always nested inside a <map> tag.
Note: The usemap attribute in the <img> tag is associated with the <map> element’s name attribute, and creates a relationship between the image and the map.

Differences Between HTML 4.01 and HTML5

HTML5 has some new attributes, and some HTML 4.01 attributes are no longer supported.

Differences Between HTML and XHTML

In HTML the <area> tag has no end tag.
In XHTML the <area> tag must be properly closed.

Attributes

New : New in HTML5.

IDN = nome di dominio internazionalizzato

bhe, non lo sapevo.. me l’ho ha detto il mio Thunderbird stamattina:
è il sistema che han trovato per supportare caratteri strani e con accenti.
praticamente sono delle etichette alle quali l’algoritmo IDNA ToASCII può essere applicato in modo corretto; è dagli anni novante che ci lavorano..
Il .it li supporta dalle ore 14:00 del 11 Luglio 2012.^[1][2][3] Anche il dominio di primo livello .eu, dal 10 dicembre 2009, supporta i NDI.
^[4] Al momento del lancio degli NDI sul dominio .eu, tutti i caratteri delle 23 lingue ufficiali dell’UE sono supportati.
Quindi dopo esserci rassegnati ad usare i minimi caratteri intellegibili ora possiamo darci ad una miriade di etichette in dialetti strani e nomi impronunciabili ed illeggibili..
hahha vabbhene..

So che è un po fuori tema, ma è incredibile:
http://rednuht.org/genetic_cars_2/

All’interno dello LilithStudio stiamo lavorando per la digitalizzazione del libro didattico per migranti:
“TEST di conoscenza della lingua Italiana”
che ha ben 18 schede di verifica sia scritta che di comprensione per passare il famigerato test per il permesso di soggiorno.
QUi pubblichiamo in anteprima, grazie alla gentile concessione delle edizioni La Linea, un simpatico test di comprensione orale: