[dataninja] Newsletter n. 4 – Trionfo ai Data Journalism Awards 2014!


“La gente di solito usa le statistiche come un ubriaco i lampioni:
più per sostegno che per illuminazione”

Mark Twain. Fonte: @phorism.it
<http://newsletter.dataninja.it/lists/lt.php?id=Mh1UBQcaDExWDQ>

RIPUBBLICO la NEWSletter del team DATANINJA

e gli rinnovo i complimenti per l’importante denuncia sociale del progetto #MIGRANT FILES,

che ho avuto il piacere di conoscere pochi giorni fa ad HAckmeeting 0x11

_____ Continua la lettura di [dataninja] Newsletter n. 4 – Trionfo ai Data Journalism Awards 2014!

Mostrare bene le realizzazioni responsive

Spesso mi capita che il mio lavoro sia un po incompreso.

Ovvero, per gli informatici il lavoro quasi sempre è incompreso, perchè la gente non è abituata a ragionare con la testa del “dietro le quinte”.

Ma a volte anche se hai dei grafici molto bravi che ti fanno risaltare la parte di programmazione,  anche lì parte della progettazione del lavoro rimane incomprensibile.

 

Quindi quando trovo qualcuno che oltre a fare le cose bene, riesce anche a COMUNICARLE, me lo segno.

 

Questa è una tipologia di visualizzazione che chi realizza temi responsive sta sempre più diffondendo:

Mi riferisco alla fascia nera in alto per decidere la visualizzazione

Es:  http://www.astemplates.com/itempreview/55

Me lo segno perchè è ora che mi metta pure io :)

Certo, senza brandizzare le mascherine con tutti sti tablet/cellulari apple..

 


 

PArliamo di menu responsive:

Hoi , invece di questo tema mi piace il menù fatto a REVEAL:

[iframe width=”300px” height=”600px” src=”http://a4joomla.com/joomla-templates/dealer3r-free/”]

tutto schermo

A differenza dei più visti in giro, classici menù a tendina:

[iframe width=”300px” height=”600px” src=”http://getbootstrap.com/examples/carousel/”]

tutto schermo

O di quelli ad “aggiunta”

[iframe width=”300px” height=”600px” src=”http://getbootstrap.com/examples/justified-nav/”]

tutto schermo

Break point css3 – al giugno 2014

Notare che definiscono la visualizzazione piccola (smartphone) per poi adattarla a quella grande da PC.

ed anche che le misure sono in em!

Primo esempio linkato nel titolo:

/* 1st breakpoint – Float B and C, leave A full width on top */

@media all and (min-width: 42em) {

}
/* 2nd breakpoint – Float all, 50/25/25 */
@media all and (min-width: 55em) {

}
/* 3rd breakpoint – Bump up font size at very wide screens */
@media all and (min-width: 75em) {

}
Secondo esempio:

/* First breakpoint is 48em (768px). 3 column layout. Tiles 250x250 pixels incl. margin at the breakpoint. */
@media ( min-width: 48em ) {
.my-page .ui-content {
padding: .5625em; /* 9px */
}
/* Second breakpoint is 63.75em (1020px). 4 column layout. Tiles will be 250x250 pixels incl. margin again at the breakpoint. */
@media ( min-width: 63.75em ) {
.my-page .ui-content {
padding: .625em; /* 10px */
}

Continua la lettura di Break point css3 – al giugno 2014

Generatori di : Parole crociate, labirinti, cercaparole

Scriptino per generare i  labirinti:

http://mazesmith.sourceforge.net/mazesmith.htm

Scriptino per generare i cercaparole:

http://jswordsearch.sourceforge.net/

https://jquery-wordsearch-game.googlecode.com/svn/trunk/demo.html

https://code.google.com/p/jquery-wordsearch-game/

Altre cose per spunti:

http://www.smashingmagazine.com/2009/01/15/45-new-jquery-techniques-for-a-good-user-experience/

http://www.emanueleferonato.com/2010/04/13/17-jquery-powered-web-games-with-source-code/

ops.. parlano di me

http://ballaconlei-bologna.blogautore.repubblica.it/2014/06/06/storie-di-donne-che-hanno-cambiato-lavoro-e-vita/

Riposto ovvero copio/incollo l’articolo!

 

Storie di donne che hanno cambiato lavoro. E vita

Da biologhe, chimiche e product manager a contadine bio, programmatrici di software libero e responsabili di una bottega solidale: esistenze che si ribaltano, che cambiano. A raccogliere le storie è Alchimie. L’associazione ha aperto la rete “Incubatrice di sogni”

di ILARIA VENTURI

Continua la lettura di ops.. parlano di me