Interessante!
From: http://benfrain.com/test-your-sass-or-css-with-the-chrome-developer-tools/
http://benfrain.com/assets/Ben-Frain-csssummit2013-day2-v2.pdf
Quetso un pochino:
http://webdesign.tutsplus.com/articles/faster-htmlcss-workflow-with-chrome-developer-tools–webdesign-8314
Manualistica:
https://getfirebug.com/wiki
Stylys plugin https://userstyles.org/firstrun
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
-
Alcuni break-point di Jquerymobile:
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/
CMS della Regione E-R per Georeferenziazioni
MOlto bellino:
http://www.mokagis.it/html/applicazioni_elenco.asp
Bel gioco di cubi.. magari lo riuso :P
http://tympanus.net/Tutorials/HexaFlip/index4.html
[iframe src=”http://tympanus.net/Tutorials/HexaFlip/index4.html” width=”100%” height=”700px”]
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
Search words, higlight it and Count bubble di jquery mobile
– vecchio codice che usa window.find e bestemmia contro tutti i browser esistenti
http://www.javascripter.net/faq/searchin.htm
– Altro codice ma che ignora l’esistenza di jquery
https://blog.codecentric.de/en/2013/11/javascript-search-text-html-page/
– Quello che cerco:
http://api.jquery.com/contains-selector/
Continue reading Search words, higlight it and Count bubble di jquery mobile
moving 3d object
Il fatto che non funzioni su firefox però è abominevole…. mhuhuhu