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 */
}

Continue reading 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/

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
Continue reading ops.. parlano di me