Il Web e l’HTML storicamente nascono per rendere accessibile i documenti tramite la rete, ma da soli erano terribilmente tristi e cupi (ve le ricordate le prime pagine web?), dunque nascono e si evolvono le tecnologie CSS e JS dando vita ad una vastissima gamma di soluzioni grafiche, ma che hanno reso il Web un luogo sempre meno accessibile.

Da qui l’idea della coperta corta: raramente un sito web estremamente accessibile è anche estremamente stiloso, o viceversa.

Per questo motivo ho pensato di realizzare una semplice pagina Web statica basata su HTML, CSS e JS; dotata sia di stile che di accessibilità, al fine di sperimentare quella sottile linea di demarcazione tra stile ed accessibilità di un sito Web.

Approfittando quindi del nuovo dominio personale e di un rinnovamento nella grafica ho iniziato a lavorare ad una piccola ed estremamente semplice pagina Web Personale che in qualche modo mi rappresentasse. Una sorta di via di mezzo tra una Mission ed una vCard: ecco qui Happy Hacking di domenicomonaco.it.

Happy Hacking su domenicomonaco.it è una pagina web sufficientemente stilosa, ma allo stesso tempo semplice e contenuta in modo da rendere effettivamente possibile controllare ogni dettaglio relativo allo stile e all’accessibilità: dalla validazione W3C alle dinamiche responsive, dalla compatibilità dei vari browser ai requisiti di accessibilità; nonché l’impegno di una resa grafica sufficientemente stabile.

Sicuramente non potrò coprire tutti gli aspetti, ma provare a perfezionare quanti più possibili dettagli è un ottimo esercizio per studiare come “accessibilità e stile” possano convivere senza soffrire di ipotermia a causa dell’intrinseca coperta corta di cui soffrono le tecnologie web.

Se avete consigli o suggerimenti non esitate farmelo sapere.

Cosa ne pensi? Dimmelo su Twitter @_domenicomonaco oppure su Linkedin linkedin.com/in/domenicomonaco

L'articolo Stile ed Accessibilità nel Web sembra essere il primo su Domenico Monaco.

Personalmente considero la versione digitale migliore del cartaceo essenzialmente per la sua portabilità in termini di peso, ma quel non aver comprato nulla di tangibile ti lascia sempre quell’amaro in bocca, poi l’emozione della carta e tutti gli appunti a bordo pagina sono tutta un’altra cosa.

Sono un possessore di un vecchio Kobo Aura con il quale non mi trovo così male, ma neanche così bene. Ha un difetto imperdonabile: l’esportazione delle sottolineature o annotazione è praticamente un’impresa impossibile. L’unica cosa per cui prediligerei il digitale.

Ovviamente potrei risolvere il problema utilizzando App non ufficiali per Smartphone o PC ed esportare i contenuti a piacimento, ma a quel punto perderei i vantaggi dell’e-ink.

Dunque estrarre, salvare o consultare tutte le note o sottolineature di un ebook dal Kobo è una questione è estremamente urticante tanto da farmi passare la voglia di leggere.

Poi arriva “l’internet”, con uno sviluppatore volenteroso che ti propone una soluzione, non esattamente alla portata di tutti, ma fattibile per i più smanettoni.

La soluzione si compone in pratica di un piccolo script in Python che fonda il suo funzionamento sul fatto che l’eReader Kobo ingloba annotazioni, sottolineature ed altre informazioni in un file *.SQLite, dal quale ovviamente con un po’ di pazienza si può estrarre e salvare il tutto in un formato che sia “agile” ed umano. Qui di seguito vi linko il progetto di Alberto Pettarin rilasciato su licenza MIT: https://github.com/pettarin/export-kobo.

Per i più curiosi, come il sottoscritto, consiglio anche di scaricare ed installare DB Browser for SQLite e dare un occhiata al file dall’interno, non si sa mai venisse in mente a qualcuno una miglioria allo script. Per esempio potrebbe essere utile un’export in formato LaTeX.

Di seguito elencherò solo un paio di indicazioni su come estrarre il file KoboReader.sqlite dal vostro eReader attraverso un notebook OSx

Invece per quanto riguarda l’utilizzo della libreria, e quindi l’estrazione vera e propria, vi rimando alla guida dell’autore ha pensato bene di scriverla molto bene.

Tutorial: Estrarre annotazioni e sottolineature dal file KoboReader.sqlite di Kobo con OSx

• Una volta connesso l’eReader al vostro pc vi sarà chiesto “Connettere l’eReader al computer per gestire i file?” ovviamente cliccate su “Connetti”
• Dopo qualche secondo l’eReader sarà riconosciuto come dispositivo di memorizzazione esterno e a quel punto potrete estrarre il file dalla cartella nascosta .kobo/, quindi aprite il Terminale.app e digitate il comando seguente:

  cd /Volumes/KOBOeReader/.kobo

• Una volta all’interno della cartella nascosta .kobo/ effettuiamo una copia del file sul Desktop (o dove vi pare):

  cp KoboReader.sqlite ~/Desktop/KoboReader.sqlite

• Ora avete una copia di tutte le annotazioni e sottolineature presenti sul vostro Kobo in un “comodo” file *.SQLite”. Potete quindi tornare nel Desktop per eseguire i comandi di estrazione veri e propri …

  cd ~/Desktop

A questo punto per estrarre le annotazioni con lo script vi rimando alla guida ufficiale del progetto per proseguire la vostra estrazione.

$ # print all annotations and highlights to stdout
$ python export-kobo.py KoboReader.sqlite

$ # print the help
$ python export-kobo.py --help

$ # export to file instead of stdout
$ python export-kobo.py KoboReader.sqlite --output /path/to/out.txt

$ # export in CSV format
$ python export-kobo.py KoboReader.sqlite --csv

$ # export in CSV format to file
$ python export-kobo.py KoboReader.sqlite --csv --output /path/to/out.csv

$ # export in Kindle My Clippings format
$ python export-kobo.py KoboReader.sqlite --kindle

$ # export in Kindle My Clippings to file
$ python export-kobo.py KoboReader.sqlite --kindle --output /path/to/out.csv

$ # export annotations only
$ python export-kobo.py KoboReader.sqlite --annotations-only

$ # export highlights only
$ python export-kobo.py KoboReader.sqlite --highlights-only

$ # export as CSV to file annotations only
$ python export-kobo.py KoboReader.sqlite --csv  --annotations-only --output /path/to/out.txt

$ # print the list of books with annotations or highlights to stdout
$ python export-kobo.py KoboReader.sqlite --list

$ # as above, but export to file
$ python export-kobo.py KoboReader.sqlite --list --output /path/to/out.txt

$ # as above, but export in CSV format
$ python export-kobo.py KoboReader.sqlite --list --csv --output /path/to/out.txt

$ # export annotations and highlights for the book "Alice in Wonderland"
$ python export-kobo.py KoboReader.sqlite --book "Alice in Wonderland"

$ # as above, assuming "Alice in Wonderland" has ID "12" in the list printed by --list
$ python export-kobo.py KoboReader.sqlite --bookid 12

Cosa ne pensi? Dimmelo su Twitter @_domenicomonaco oppure su Linkedin linkedin.com/in/domenicomonaco

L'articolo Come salvare le sottolineature e annotazioni da Kobo con OSx sembra essere il primo su Domenico Monaco.

Versione 1

Versione 2

Se il il template ti è piaciuto puoi condividerlo su Twitter con il link sottostante:

License:
Quest’opera è distribuita con Licenza Creative Commons Attribuzione – Condividi allo stesso modo 4.0 Internazionale.

Cosa ne pensi? Dimmelo su Twitter @_domenicomonaco oppure su Linkedin linkedin.com/in/domenicomonaco

L'articolo Template gratuito PSD & HTML/CSS sembra essere il primo su Domenico Monaco.

Supponiamo di avere la necessità di avere un testo di 25px quando il nostro DIV ha una dimensione di 960px in larghezza, in oltre tale testo che si deve rimpicciolire sino ad un minimo di 19px proporzionalmente alla larghezza minima del div di 500px.

Oltre i 960px o meno dei 500px di larghezza del div, il testo deve mantenere rispettivamente il valore massimo (25px da 960px in poi) e minimo (19px da 500px in giù).

Ci basterà chiamare richiamare la funzione JS indicando quindi dimensione minima e massima del div, la dimensione minima e massimo del testo ed l’ID dell’elemento al quale applicare il ridimensionamento.

resizeTextInRange(
  min-div-size,
  max-div-size, 
  min-text-size, 
  max-text.size, 
  div-element-id
);

Seguendo l’esempio precedente la funzione chiamata avrà questo aspetto.

resizeTextInRange(500,960,19,25,'#size-2');

Opzione: Ridimensionare testo di un div_1 rispetto alla larghezza di una div_2 diverso

Oppure si potrebbe avere la necessità di applicare la dimensione del testo ad un elemento (div_1), ma prendere come riferimento di larghezza un’altro elemento o elemento del DOM.

In questo caso ci basterà aggiungere un’ulteriore parametro alla funzione chiamata, ad esempio chiedendo alla funzione di mantenere la dimensione del testo negli stessi range di prima, ma tenendo in considerazione la larghezza del body anziché dell’elemento #size-2

resizeTextInRange(500,960,19,25,'#size-2’,’body");

Qui il codice completo: https://github.com/kiuz/sandbox-html-js-css/tree/gh-pages/text-resize-in-range-of-text-and-screen/src

Qui la pagina di esempio: https://kiuz.github.io/sandbox-html-js-css/text-resize-in-range-of-text-and-screen/src/index.html

Cosa ne pensi? Dimmelo su Twitter @_domenicomonaco oppure su Linkedin linkedin.com/in/domenicomonaco

L'articolo CSS/JS: ridimensionare il testo proporzionalmente alla dimensione del DIV sembra essere il primo su Domenico Monaco.

Soluzione per limitare la la lunghezza del bordo di un DIV con CSS

1. Crea il div contenente ad esempio un immagine

2. <div class="images">
    <div class="img">
    <img src="img/th_256_sq_1.jpeg" width="220px">
    </div>
    <h4>Travel</h4>
   </div>

3. Aggiungere le proprietà CSS

4. .images .img {
    position: relative;
    }
   
   .images .img:after {
    content: "";
    background: #D77D19;
    position: absolute;
    bottom: -12px;
    left: 0;
    height: 8px;
    width: 120px;
    }

Visualizza Anteprima Esempio /// Visualizza codice

Cosa ne pensi? Dimmelo su Twitter @_domenicomonaco oppure su Linkedin linkedin.com/in/domenicomonaco

L'articolo Limitare la lunghezza del bordo di un DIV con CSS sembra essere il primo su Domenico Monaco.

Piuttosto secondo il mio punto vista abbasserebbe ulteriormente il livello di padronanza delle nuove tecnologia da parte delle nuove generazioni. Qualcuno si potrebbe chiedere giustamente: Perché? Espongo di seguito il mio punto di vista:

La programmazione oggi è necessaria, ma non sufficiente. La programmazione è un attività tecnica, usurante, ripetitiva e dai risvolti “creativi” davvero labili. Secondo il mio punto di vista oggi la programmazione è paragonabile alle attività ripetitive ed usuranti delle fabbriche di un ventennio fa. E’ la stessa cosa, solo in un campo diverso. Quello dell’Informazione. Oggi nascono paradigmi di programmazione più velocemente delle notizie false di Lercio, cambiano i linguaggi, cambiano i livelli di astrazione, cambiano le architetture software ed informative sulla base delle variazione degli stessi linguaggi… e viceversa. Dunque è inutile insegnare un linguaggio ad un ragazzino di 8-15 anni quando tra 6 mesi sarà già obsoleto.

IMHO c’è una cosa però che non scomparirà mai che è alla base del coding. Che è alla base dell’IT. Che alla base di qualsiasi attività che in futuro nascerà dalle ceneri dell’attuale “informatica”.

Ed è la logica matematica o booleana. Quella dei circuiti logici. Certo oggi non è necessario insegnare i circuiti logici per programmare, ma è necessario e sufficiente conoscere le basi della logica, tecniche algoritmiche e problem solving per essere potenzialmente pronti a comprendere un qualsiasi linguaggio di programmazione nonché progetto basato su questo tipo di ‘logica’ (appunto): un robot, un’applicazione mobile/web, un problema di telecomunicazione… e via dicendo.

Lungi da me dal dire che il coding è noioso/inutile. Lo ritengo divertentissimo. In una Scuola fatto come laboratorio è una cosa molto istruttiva… ma smettiamola di dire che “bisogna insegnare il Coding nelle scuole”, è come insegnare in ogni scuola le tecniche di carpenteria, taglio e cucito. Non dico che tali attività siano inutili, ma non fanno questo una generazione al passo con i tempi. Ci serve altro.

Con questo vi saluto,
“Happy Hacking” cit. R. M. Stallman

Cosa ne pensi? Dimmelo su Twitter @_domenicomonaco oppure su Linkedin linkedin.com/in/domenicomonaco

L'articolo Coding nelle scuole, è davvero necessario? allora perchè non insegnare taglio e cucito sembra essere il primo su Domenico Monaco.

Istruzioni:

1. Copiare il contenuto del file .zip nella cartella root del vostro tema (es. www/wp-content/themes/twentythirteen/)
2. Recuperare il file head.php ed inserire prima del tag < / head > una delle due funzioni:
   • include_once(‘btn-loc-head.php’);
   • include_once(‘btn-cdn-head.php’);
3. btn-loc-head.php ottiene i file css & js dalle cartelle locali che trovate nel file zip, mentre btn-cdn-head.php le ottiene dai cdn pubblici di bootstrap;

Ora siete pronti ad usare sia Bootstrap che Font-Awesome nel vostro tema.

Collegamento al repository su Git Hub

L'articolo Integrare Bootstrap e Font Awesome in un tema WordPress sembra essere il primo su Domenico Monaco.

1. SerialEchoLine.ino: permette di comprendere come abilitare Arduino a leggere da seriale rimanendo in attesa finché la ricezione del messaggio non sia completa;
2. SerialEchoLineWithTime.ino: estende il precedente aggiungendo alcune variabili legate al tempo che abilitano Arduino calcolare il tempo impiegato nella ricezione del messaggio stimandone inoltre la velocità per carattere

SerialEchoLine.ino

View the code on Gist.

SerialEchoLineWithTime.ino

View the code on Gist.

L'articolo Arduino Serial Echo “esteso” sembra essere il primo su Domenico Monaco.

]]> https://blog.domenicomonaco.it/20140918114/arduino-serial-echo-esteso/feed/ 0 114 https://blog.domenicomonaco.it/20140724102/regexp-editor-online-espressioni-regolari/ https://blog.domenicomonaco.it/20140724102/regexp-editor-online-espressioni-regolari/#respond Thu, 24 Jul 2014 09:22:31 +0000 http://blog.domenicomonaco.it/?p=102 Le espressioni regolari (abbreviato regexp) sono senza ombra di dubbio un potentissimo strumento, in una singola espressione è possibile gestire un gran numero di condizioni sul testo altrimenti realizzabili solo con moltissime righe di codice. Ma ogni potente linguaggio ha di contro una pessima curva di apprendimento e quindi per semplificarne l’apprendimento e l’uso sul lungo...

L'articolo RegExp: editor online per espressioni regolari sembra essere il primo su Domenico Monaco.

]]> Le espressioni regolari (abbreviato regexp) sono senza ombra di dubbio un potentissimo strumento, in una singola espressione è possibile gestire un gran numero di condizioni sul testo altrimenti realizzabili solo con moltissime righe di codice.

Ma ogni potente linguaggio ha di contro una pessima curva di apprendimento e quindi per semplificarne l’apprendimento e l’uso sul lungo periodo ci vengono in aiuto alcuni tools online.

Che cos’è una espressione regolare

Un’espressione regolare è una stringa che permette di configurare funzione regexp la quale permette di analizzare un testo in ingresso e verificare se rispetta o meno un certo pattern.

Ad esempio, supponiamo di voler verificare che la mail inserita sia o meno valida (del tipo testo@dominio.it). Per farlo è necessario definire un regexp che verifica il testi in punto analizzandone la presenza di una prima stringa alfanumerica, seguita dal simbolo “@” (chiocciola) seguito da una seconda coppia di stringhe alfanumeriche separate da un simbolo “.” (un punto).

L’espressione regolare così definita darà risultato positivo per un input tipo “domenico@domenicomonaco.it” mentre darà risultato negativo per un input del tipo “domenico#monaco”.

Migliori Tool Regexp online

Scrivere e verificare espressioni regolari

Probabilmente ne esistono molti altri, ma questi elencati di seguito sono quelli che preferisco, sia dal punto di vista delle funzionalità che dal punto di vista grafico, quest’ultimo da non ignorare quando si ha a che fare con pattern di testo complessi dove sia i colori che altri artifici grafici possono essere estremamente utili.

https://www.debuggex.com/



https://pythex.org/



Freformatter.com Regular Expression Tester



http://regex101.com



http://www.regexr.com



http://regexpal.com



https://txt2re.com



https://regexper.com/



L'articolo RegExp: editor online per espressioni regolari sembra essere il primo su Domenico Monaco.

]]> https://blog.domenicomonaco.it/20140724102/regexp-editor-online-espressioni-regolari/feed/ 0 102 https://blog.domenicomonaco.it/2014072189/come-identificare-il-sistema-operativo-java/ https://blog.domenicomonaco.it/2014072189/come-identificare-il-sistema-operativo-java/#respond Mon, 21 Jul 2014 11:49:28 +0000 http://blog.domenicomonaco.it/?p=89 Il vantaggio di un linguaggio cross-platform come Java, C++ o C# è quello di poter essere utilizzato in più ambienti e sistemi operativi, ma questo non vuol dire che sia possibile programmare senza tener conto ad esempio del sistema operativo ospitante a run-time. In alcuni casi è fondamentale identificare su che tipo di Sistema Opearivo...

L'articolo Come identificare il sistema operativo in Java sembra essere il primo su Domenico Monaco.

]]> Il vantaggio di un linguaggio cross-platform come Java, C++ o C# è quello di poter essere utilizzato in più ambienti e sistemi operativi, ma questo non vuol dire che sia possibile programmare senza tener conto ad esempio del sistema operativo ospitante a run-time.

In alcuni casi è fondamentale identificare su che tipo di Sistema Opearivo viene eseguito una porzione di codice. Di seguito vi illustro uno snippet di codice contenente una classe Java in grado di supportare l’identificazione del SO a run-time:

https://gist.github.com/kiuz/816e24aa787c2d102dd0

View the code on Gist.

Vi allego anche la discussione avvenuta su Stackoverflow sullo stesso argomento in cui vengono suggeriti alcuni miglioramenti allo snippet sopra: https://stackoverflow.com/questions/14288185/detecting-windows-or-linux/24861219#24861219

Fonte: http://www.mkyong.com/java/how-to-detect-os-in-java-systemgetpropertyosname/

L'articolo Come identificare il sistema operativo in Java sembra essere il primo su Domenico Monaco.

]]> https://blog.domenicomonaco.it/2014072189/come-identificare-il-sistema-operativo-java/feed/ 0 89 https://blog.domenicomonaco.it/2014030928/usare-un-photoresistor-fotoresistenza-ldr-luce-con-arduino/ https://blog.domenicomonaco.it/2014030928/usare-un-photoresistor-fotoresistenza-ldr-luce-con-arduino/#respond Sun, 09 Mar 2014 16:51:21 +0000 http://blog.domenicomonaco.it/?p=28 Un piccolo “snippet” di codice per utilizzare un fotoresistenza con Arduino. Il codice è parzialmente tratto da: Scott C – http://bildr.org/2012/11/photoresistor-arduino/ http://arduinobasics.blogspot.it/2011/06/arduino-uno-photocell-sensing-light.html Componenti Una resistenza da 10K o una serie di resistenze per ottenere la stessa quantità (come ho fatto io) Un fotoresistemnza (LDR, photoresistor…) Un’interruttore (opzionale, inserito dal sottoscritto) 3 fili ed una piastra...

L'articolo Usare una Fotoresistenza con Arduino sembra essere il primo su Domenico Monaco.

]]> Un piccolo “snippet” di codice per utilizzare un fotoresistenza con Arduino.

Il codice è parzialmente tratto da:

• Scott C – http://bildr.org/2012/11/photoresistor-arduino/
• http://arduinobasics.blogspot.it/2011/06/arduino-uno-photocell-sensing-light.html

Componenti

• Una resistenza da 10K o una serie di resistenze per ottenere la stessa quantità (come ho fatto io)
• Un fotoresistemnza (LDR, photoresistor…)
• Un’interruttore (opzionale, inserito dal sottoscritto)
• 3 fili ed una piastra per la prototipazione
• ovviamente un Arduino sarebbe indicato averlo

Schema di collegamento



Codice

View the code on Gist.

L'articolo Usare una Fotoresistenza con Arduino sembra essere il primo su Domenico Monaco.

]]> https://blog.domenicomonaco.it/2014030928/usare-un-photoresistor-fotoresistenza-ldr-luce-con-arduino/feed/ 0 28