All posts by kiki

Uncategorized

[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
_____ Continue reading [dataninja] Newsletter n. 4 – Trionfo ai Data Journalism Awards 2014! →

Uncategorized

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

App, css3

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 */
}
Continue reading Break point css3 – al giugno 2014 →

Uncategorized

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/

17 jQuery powered web games with source code