Category Archives: html5

css3, html5, JS

Menu Focus – scorrere una lista dinamica di item

Punto 1: ricordarsi di mettere jQuery e non $, che nel php si spacca tutto.
poi: contare quanti LI nell' UL che interessa.
Quindi: freccia dx, fa scomparire i primi, freccia a sn, fa apparire i primi.

/*questo fa scorrere i focus */
jQuery(document).ready(function(){
var i=0;
var quantiLi = 10;
jQuery(“.focus li”).each(function (i) {
i = i+1;
jQuery(this).addClass(“focus”+i);
});
// quantiLi = jQuery(“.menu.nav.focus li”);
console.log( quantiLi );
var n = 1
jQuery(“span.asn”).click(function() {
// console.log( “ready!focus” ); il primo sparisce
jQuery(“.menu.nav.focus > li:nth-child(“+ n +”)”).addClass(“hide”);
n=n+1;
});
jQuery(“span.adx”).click(function() {
//console.log( “ready!focus” );
jQuery(“.menu.nav.focus > li:nth-child(“+ n +”)”).removeClass(“hide”);
n=n-1;
});
});
MIGLIORIA dinamica:

/*questo fa scorrere i focus */
jQuery(document).ready(function(){
var i=0;
jQuery(“.focus li”).each(function (i) {
i = i+1;
jQuery(this).addClass(“focus”+i);
});
jQuery( “.focus li” ).last().addClass( “ultimo” );
var listItem = jQuery( “.ultimo” );
var quantiLi = listItem.index( “.focus li” )-3;/*dinamico!!*/
console.log( quantiLi );
var n = 1
jQuery(“span.asn”).click(function() {
// console.log( “ready!focus” ); il primo sparisce
if(n <= quantiLi){ jQuery(“.menu.nav.focus > li:nth-child(“+ n +”)”).addClass(“hide”);
n=n+1;
}
else{
n = quantiLi;
}
});
jQuery(“span.adx”).click(function() {
//console.log( “ready!focus” );
if(n >= 0){
jQuery(“.menu.nav.focus > li:nth-child(“+ n +”)”).removeClass(“hide”);
n=n-1;
}
else{
n=1;
}
});
});

css3, data jornalism, didattica, e-learning, html5, infografiche, JS, SoftwareLibero

Fantastici! Knight lab

http://knightfoundation.org/press-room/press-release/new-html5-website-helps-organizations-navigate-int/
mettono a disposizione tantissimi strumenti in FREESOFTWARE per la didattica,
niente specchietti per le allodole gratuiti e poi features a pagamento!
TUTTO gratis, anzi LIBERO!
TIMELINE:  http://timeline.knightlab.com/
STORYMAP: http://storymap.knightlab.com/
SLIDER: http://juxtapose.knightlab.com/
SOUND-INLINE in Text: http://soundcite.knightlab.com/
 
 

accessibilità, css3, html5

ARIA

http://www.w3.org/TR/wai-aria/complete
da stampare! sono 94 pagine 🙁
 
Per l’accessibilità delle applicazioni web, nuova normativa passata a raccomandazione.
 

Abstract
Status of This Document 1. Introduction
1.1. Rich Internet Application Accessibility
1.2. Target Audience
1.3. User Agent Support
1.4. Co-Evolution of WAI-ARIA and Host Languages 1.5. Authoring Practices
1.5.1. Authoring Tools
1.5.2. Testing Practices and Tools 1.6. Assistive Technologies
2. Using WAI-ARIA
2.1. WAI-ARIA Roles
2.2. WAI-ARIA States and Properties
2.3. Managing Focus
3. Normative Requirements for WAI-ARIA 4. Important Terms
5. The Roles Model
5.1. Relationships Between Concepts 5.1.1. Superclass Role
5.1.2. Subclass Roles
5.1.3. Related Concepts
5.1.4. Base Concept 5.2. Characteristics of Roles
5.2.1. Abstract Roles
5.2.2. Required States and Properties 5.2.3. Supported States and Properties 5.2.4. Inherited States and Properties 5.2.5. Required Owned Elements 5.2.6. Required Context Role
5.2.7. Accessible Name Calculation 5.2.8. Presentational Children
5.2.9. Implicit Value for Role
5.3. Categorization of Roles 5.3.1. Abstract Roles
5.3.2. Widget Roles
5.3.3. Document Structure 5.3.4. Landmark Roles
5.4. Definition of Roles
6. Supported States and Properties
6.1. Clarification of States versus Properties 6.2. Characteristics of States and Properties
6.2.1. Related Concepts 6.2.2. Used in Roles 6.2.3. Inherits into Roles 6.2.4. Value
6.3. Values for States and Properties
6.4. Global States and Properties
6.5. Taxonomy of WAI-ARIA States and Properties
6.5.1. Widget Attributes
6.5.2. Live Region Attributes 6.5.3. Drag-and-Drop Attributes 6.5.4. Relationship Attributes
6.6. Definitions of States and Properties (all aria-* attributes) 7. Implementation in Host Languages
7.1. Role Attribute
7.2. State and Property Attributes
7.3. Focus Navigation
7.4. Implicit WAI-ARIA Semantics
7.5. Conflicts with Host Language Semantics 7.6. State and Property Attribute Processing
8. Conformance
8.1. Non-interference with the Host Language
8.2. All WAI-ARIA in DOM
8.3. Assistive Technology Notifications Communicated to Web Applications 8.4. Conformance Checkers
9. References
9.1. Normative References 9.2. Informative References
10. Appendices
10.1. Schemata
10.1.1. Roles Implementation
10.1.2. WAI-ARIA Attributes Module
10.1.3. XHTML plus WAI-ARIA DTD
10.1.4. SGML Open Catalog Entry for XHTML+ARIA 10.1.5. WAI-ARIA Attributes XML Schema Module 10.1.6. HTML 4.01 plus WAI-ARIA DTD
2 di 94 03/12/14 12:10
Accessible Rich Internet Applications (WAI-ARIA) 1.0 http://www.w3.org/TR/wai-aria/complete
10.2. Mapping WAI-ARIA Value types to languages
10.3. WAI-ARIA Role, State, and Property Quick Reference 10.4. Acknowledgments
10.4.1. Participants active in the PFWG at the time of publication
10.4.2. Other ARIA contributors, commenters, and previously active PFWG participants 10.4.3. Enabling funders

 

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

html5

pdf2htmlEX

Pubblicazione avanzata di pdf convertiti in html .
Mi ero imbattuta nel progetto di coolWangLu un annetto fa, e devo dire che già allora mi era stato utile e funzionava in maniera ottima.
Ora trova risultati ancora migliori.
E’ un software da riga di comando.
HA più funzioni di un tempo, volendo ti fa lo split delle pagine che poi vengono caricate in automatico via ajax nell’html e mette tutte le risolse in file a parte, non nell’html.
ES:
http://coolwanglu.github.io/pdf2htmlEX/doc/tb108wang.html 
 
Ora voglio vedere se è comodamente possibile aggiungere il tool di ricerca google per avere anche questo strumento:
Questo cerca nella documentazione di pdf2htmlEx:


o a questo link:
https://www.google.it/cse/publicurl?cx=006916846487818359604:lwzrmocv-2u
—
notare questo bug.
Che a me è accaduto e che effettivamente si risolve:
https://github.com/coolwanglu/pdf2htmlEX/issues/259
Mentre questo è noto e mi pare non risolto, ma abbastanza inusuale:
https://github.com/coolwanglu/pdf2htmlEX/issues/258