css3, jquery UI, JS

::after & ::before come handler per jquery

ahahah, ho scoperchiato il vaso di pandora!
Infatti è molto bello e comodo aggiungere pseudo elementi (ecco perchè hanno i doppi puntini) prima e dopo i vostri contenitori,
ma poi vi viene la balzana idea di usarli per azionare movimenti nella pagina web e tad tam!! scopri che nn sono nel DOM!!
 
e quindi!??!
Qui c’è una discussione : http://stackoverflow.com/questions/8095177/jquery-using-after-selector
Io invece mi sono accorta che posso risolvere il mio problema (fa muovere una lista/menu orizzontalmente) senza essere così elegante 😛
 
Qui invece quello che sto smontanto:
html:
<div id=""#focus"><ul><li>item del menu 1</li><li>item del menu 2</li><li>item del menu 3</li></ul> <div>
CSS:

#focus::before {background: none repeat scroll 0 0 grey;color: #f56f20;content: "<";float: left;font-size: 5em;height: 1.08em;padding: 1.15em 0.1em;width: 20px;cursor:pointer;}
#focus::after {color: #f56f20;content: ">";float: right;font-size: 5em;margin-top: -2.5em;padding: 0.25em;width: 20px;cursor:pointer;}
Per i glifi questo può aiutarvi:
http://unicode-table.com/en/

css3

Utilissimi Selettori

.class .intro Selects all elements with class=”intro” 1
#id #firstname Selects the element with id=”firstname” 1
* * Selects all elements 2
element p Selects all <p> elements 1
element,element div, p Selects all <div> elements and all <p> elements 1
element element div p Selects all <p> elements inside <div> elements 1
element>element div > p Selects all <p> elements where the parent is a <div> element 2
element+element div + p Selects all <p> elements that are placed immediately after <div> elements 2
element1~element2 p ~ ul Selects every <ul> element that are preceded by a <p> element 3
[attribute] [target] Selects all elements with a target attribute 2
[attribute=value] [target=_blank] Selects all elements with target=”_blank” 2
[attribute~=value] [title~=flower] Selects all elements with a title attribute containing the word “flower” 2
[attribute|=value] [lang|=en] Selects all elements with a lang attribute value starting with “en” 2
[attribute^=value] a[href^=”https”] Selects every <a> element whose href attribute value begins with “https” 3
[attribute$=value] a[href$=”.pdf”] Selects every <a> element whose href attribute value ends with “.pdf” 3
[attribute*=value] a[href*=”w3schools”] Selects every <a> element whose href attribute value contains the substring “w3schools” 3
:active a:active Selects the active link 1
::after p::after Insert content after every <p> element 2
::before p::before Insert content before the content of every <p> element 2
:checked input:checked Selects every checked <input> element 3
:disabled input:disabled Selects every disabled <input> element 3
:empty p:empty Selects every <p> element that has no children (including text nodes) 3
:enabled input:enabled Selects every enabled <input> element 3
:first-child p:first-child Selects every <p> element that is the first child of its parent 2
::first-letter p::first-letter Selects the first letter of every <p> element 1
::first-line p::first-line Selects the first line of every <p> element 1
:first-of-type p:first-of-type Selects every <p> element that is the first <p> element of its parent 3
:focus input:focus Selects the input element which has focus 2
:hover a:hover Selects links on mouse over 1
:in-range input:in-range Selects input elements with a value within a specified range 3
:invalid input:invalid Selects all input elemets with an invalid value 3
:lang(language) p:lang(it) Selects every <p> element with a lang attribute equal to “it” (Italian) 2
:last-child p:last-child Selects every <p> element that is the last child of its parent 3
:last-of-type p:last-of-type Selects every <p> element that is the last <p> element of its parent 3
:link a:link Selects all unvisited links 1
:not(selector) :not(p) Selects every element that is not a <p> element 3
:nth-child(n) p:nth-child(2) Selects every <p> element that is the second child of its parent 3
:nth-last-child(n) p:nth-last-child(2) Selects every <p> element that is the second child of its parent, counting from the last child 3
:nth-last-of-type(n) p:nth-last-of-type(2) Selects every <p> element that is the second <p> element of its parent, counting from the last child 3
:nth-of-type(n) p:nth-of-type(2) Selects every <p> element that is the second <p> element of its parent 3
:only-of-type p:only-of-type Selects every <p> element that is the only <p> element of its parent 3
:only-child p:only-child Selects every <p> element that is the only child of its parent 3
:optional input:optional Selects input elements with no “required” attribute 3
:out-of-range input:out-of-range Selects input elements with a value outside a specified range 3
:read-only input:read-only Selects input elements with the “readonly” attribute specified 3
:read-write input:read-write Selects input elements with the “readonly” attribute NOT specified 3
:required input:required Selects input elements with the “required” attribute specified 3
:root :root Selects the document’s root element 3
::selection ::selection Selects the portion of an element that is selected by a user
:target #news:target Selects the current active #news element (clicked on a URL containing that anchor name) 3
:valid input:valid Selects all input elements with a valid value 3
:visited a:visited Selects all visited links 1
from http://www.w3schools.com/cssref/css_selectors.asp

Bello da leggere anche: http://www.bedev.it/css-3/10-selettori-css-da-non-dimenticare/

android, App, cordova, html5, video

Video locali per applicazione phonegap target Android

premessa:
http://developer.android.com/guide/appendix/media-formats.html

Table 2. Examples of supported video encoding parameters for the H.264 Baseline Profile codec.

SD (Low quality) SD (High quality) HD 720p (N/A on all devices)
Video resolution 176 x 144 px 480 x 360 px 1280 x 720 px
Video frame rate 12 fps 30 fps 30 fps
Video bitrate 56 Kbps 500 Kbps 2 Mbps
Audio codec AAC-LC AAC-LC AAC-LC
Audio channels 1 (mono) 2 (stereo) 2 (stereo)
Audio bitrate 24 Kbps 128 Kbps 192 Kbps

 
In rete si trovano  queste tre vie:
0)https://github.com/macdonst/VideoPlayer
per playarlo con il player di default
– a me dice che il plugin non è installato:
09-19 12:08:39.794: D/PluginManager(8495): exec() call to unknown plugin: VideoPlayer
IL problema è che questa versione di phonegap non usa più plugin.xml,ma usa un proprio file xml all’interno del lugin, che quindi sarebbe da riscrivere.
non credo che mi metterò a fixar.. proviamo gli altri
 
1) https://github.com/jaeger25/Html5Video
dice usa questo plugin e funzionerà in android
 
2) https://github.com/rjsteinert/HTML5VideoInAndroidWebViewExample
dice che è impossibile caricare un video dalla cartellina www, ma solo vederlo in webview
 
3) http://www.html5videoplayer.net/phonegap-html5-video.html
dice, scaricati il programma tutto funzionerà.. humm

Uncategorized

Torino passerà al software libero: il 14 settembre l'annuncio!

Per chi fosse interessato, qui il comunicato:
http://www.arcipiemonte.it/torino/eventi/cyberia-torino-capitale-del-software-libero

https://www.fsf.org/events/rms-20140914-turin
 Segnalo anche il link ad una pagina per gli aggiornamenti: http://linuxtorino.org/
NOTA: non c'e' solo l'incontro con Stallman, ma una giornata intera con partecipazione di vari soggetti cittadini,
tra cui i responsabili dell'annunciato passaggio della Citta' di Torino all'open source.
didattica, e-learning, esercizi, tool

Creare un questionario – sondaggio (survey)

Ho appena fatto la mia donazione annuale su wikipedia e visto che utilizzano questo per creare sondaggi.
 
https://it.surveymonkey.com/survey-thanks/?sm=y%2bDRGi4yH3k7CCCMYt3zDa6iu4DNKCYfZfofeRRnyJM%3d
 
Bhe, me lo segno che potrebbe servire in futuro!
 
____
Mi segnalano http://www.questbase.com/product/       Quest base
 
Anche se le versioni avanzate sono a pagamento e salato! E’ proprio dedicato alla didattica.