1.


motiv personal:
(pe mine personal ma intereseaza pentru VIDEO si filme in NET)






HTML5
definitie, introducere, aplicatii, general

HTML5
wiki.ro
http://ro.wikipedia.org/wiki/HTML5

dar mult mai amplu explicata si cu exemplificari, mereu imediat actualizata pe:

HTML5
wiki.en
http://en.wikipedia.org/wiki/HTML5

Acolo gasiti si conditia ca browser sa functioneze cu HTML5

Datorita faptului ca totul in VIDEO/AUDIO in general depinde de Java, Flash si video/audio CODECS si de Drivers ale acestor CODECS
CODECS in x32...32bits
sau in

x64... 64bits.

si de faptul ca firmele si programatorii au ramas in urma serios la trecerea si adaptarea codecs pentru noile sisteme x64, multe din aceste codecs de flash, video si sunet NU sunt inca perfect si complet adaptate pentru x64, deci browsere in x64 sunt ab initio dezavantajate si aduc inca rezultate nu tocmai multumitoare.

Deci browsere x64 vor da rezultate inca nu suficient multumitoare in HTML5.

Avem, adica eu am, inafara de cele x32 obisnuite, de fapt numai firefox actualizat parca acum e versiunea 18, dar nu prea lucrez pe el:

si unul ciudat, chinez, mai vechi, dar nu prea cunoscut, parca lucreaza pe baza de Internet Explorer, cu CLOUDS, dezavantajul major pentru mine este ca addons lui specifice sunt in chineza descrise si nu vreau sa cumpar matza-n sac (matza care sa-mi scoata ochii apoi)..dar e fantastic de rapid si cu cele mai multe puncte realizabile in HTML5, unul numit Maxthon (x32), aici tot experimentez PRECAUT fiindca nu stiu ce informatii personale aduna pentru China Populara si expansiva, insa. abia acum am descoperit, se poate sterge automat la iesire TOT cache intern, inclusiv cookies..dar aici mai sterg mereu si cu CCleaner, sigur e sigur) eu am acum versiunea( x32)
MAXTHON-4.03 1000 RC
http://www.maxthon.com/windows/changelog/

MAXTHON

wiki.ro
http://ro.wikipedia.org/wiki/Maxthon

wiki.en
http://en.wikipedia.org/wiki/Maxthon

aici putin mai mult despre el, in References, in special aplicatiile mobile cred ca le aveti deja, desi e vorba de versiuni mai vechi, datele generale raman oarecum actuale:

http://wiki.maxthon.com/index.php/Maxthon_2_-_Maxthon_Setup_Center_Reference


LINK-ul pentru descarcare versiunea curenta totdeauna, la mine apare mereu pentru Germania, dar daca-l deschideti CRED ca va apare in romana sau engleza, se adapteaza singur:

http://de.maxthon.com/




MAXTHON bate toate recordurile la punctaje in HTML5 si cu el am cea mai mare viteza in NET, mi se pare putin dubios, caci uneori am obtinut viteze nerealiste, mai mari decat imi permite teoretic serverul DSL personal....



X64.

de baza este la mine o varianta mai aparte firefox x64-beta(acesta se numeste de fapt
NIGHTLY )

si de altcineva facuta chestia, se numeste
x64-WATERFOX,

acum e varianta 18.01, varianta 17 a fost urgent abandonata fiindca avea prea ciudate bugs. Acesta imi este cel mai drag ...Daca in paralel ai si un firefox x32 accepta automat LINKs si (aproape) toate addons ale acestuia, (deci eu tin firefox x32 numai ptr addons care nu sunt acceptate direct si fara intermediere in x64, asa le mai aduce inauntru).

WATERFOX
http://www.waterfoxproject.org/

Cum am zis, mai am si un firefox x64, deci varianta beta NIGHTLY x64, dar o tin numai pentru verificare paralela cu Waterfox.

discutii despre si referinte Nightly x64:
http://kb.mozillazine.org/64_bit_builds

download in aceasta varianta e mai greu de gasit:
http://www.firefox64bit.com/
http://www.chip.de/downloads/Firefox-21-64-Bit_35450182.html


Si, acum am descoperit cu bucurie, a aparut in sfarsit OPERA x64, si anume versiunea 12.12.

http://www.opera.com/browser/


Viteza DSL

o puteti masura comparativ in pagina cea mai buna dupa parerea mea, dar trebuie sus in harta sa va alegeti orice server din lume intai si sa comparati atat server cat si browser..de fiercare data goliti intai cache cu CCleaner, apoi masurati:

Speedtest.Net
http://www.speedtest.net/

Aici, pentru o masurare corecta, aveti nevoie de un addon in Firefox. Este vorba de faptul ca in fiecare pagina pe langa chestia cautata, apare oarece reclama in FLASH care va mananca din banda utila DSL.

Si atunci, avem nevoie de un FLASHBLOCK, care taie tot ce este FLASH, dar care trebuie extra deschis in campul util FLASH, deci NUMAI in acesta, fie Youtube, fie DSL-Speed.Net, care functioneaza cu Java si cu Flash.

deci instalat, iar la masurare viteza net sau la Youtube deschideti sageata in campul util, restul de tot felul FLASH in pagina, deci RECLAME in FLASH raman inchise si nu mai deranjeaza si nu aduc paduchi colaterali:

Flashblock
https://addons.mozilla.org/de/firefox/addon/flashblock/?src=ss

Abia acum puteti masura oarecum mai corect.





Insa, repet, pentru a putea lucra in HTML5 atat pe browsere x32 cat si x64 e necesar sa avem CODECs video si audio atat in x32 cat si in x64, eu folosesc K-LIte Mega x32 si K-Lite Mega x64, unele se bat cap-in-cap, dar dupa ce le-ati instalat (atentie la paduchi pe langa si nu instalati automat, sa aveti controlul, altfel va treziti cu tot felul de Babylon si alte-celea) mergeti pe pagina Microsoft la Codecs, le aranjeaza automat.

H.264 MPEG-4 este automat adus de VLC-Player, VLC acum il gasiti atat in x32 cat si in x64, se pot instala amandoua separat.

La fel suplimentar, pentru altele, Java x32 si Java x64, trebuiesc amandoua instalate,

iar la FLASH-Player ultima varianta e atat pentru x32 cat si pentru x64..desi la varianta anterioara X64 imi fura x32 care nu mai functiona si a trebuit sa instalez variante mai vechi, care erau HOTARAT SEPARATE, deci nu se putea amesteca..aici am interzis actualizarea, care-mi aducea iarasi amestecul nedorit.

Div-X sunt agresive de tot, de aici am instalat NUMAI drivers si am anulat/deactivat in Waterfox/Firefox DivX VOD Helper Plug-in.

Numai in x32 se gasesc Real-Alternative si QuickTime-Alternative, la Options trebuie avut de grija Quick-Time cauta sa anexeze mult, si trebuie repus in granitele lui..sa stea numai acolo unde trebuie, in rest deschideti OPTIONS si sa lucreze in mmc NUMAI VLC (si eventual Windows Media Player). Nu instalez Real si nici QuickTime complet, fiindca anexeaza tot..
Baza imi este in VLC...x32 si x64..




Si acum inapoi la HTML5 si functionarea in Browseri compatibili.
o grafica, nu stiu cat de rapid actualizata, acum destul de actuala inca,e dusa pana inclusiv anul 2012, treceti cu Mouse peste razele soarelui si vi se arata amanunte mai clar:

HTML5 & CSS3 READINESS
http://html5readiness.com/

Dar vrem sa stim ce poate browser-ul personal, direct si imediat:
Dinamic, imediat aplicabil si mereu actualizat:

Exista o pagina interesanta cu tabele comparative statice si dinamice..
La a doua pagina, deci in prima pagina sus, in compare pagina de comparat, in prima rubrica alegeti My Browser si apoi inca doua care va convin..Uneori prima rezultanta, dupa ce treceti prin tot, capata puncte in plus ,deci browserul personal isi actualizeaza punctajul in valori pozitive..acesta este rezultatul real..

The HTML5 test - How well does your browser support HTML5?

http://html5test.com/

vi se da PRIMA APRECIERE a browser-ului propriu, inca nu definitiva

si acum deschideti alternativ sus other browsers, cititi pe acolo, apoi deschideti compare si alegeti in prima rubrica My Browser, iar in celelalte, ce doriti..primiti rezultatul de punctaje. Daca va intoarceti la prima pagina, my browser, s-ar putea sa aveti acum punctaje in plus.

Recordul absolut totdeauna, in orice variante, il are MAXTHON

la mine pe
Waterfox 18.01 x64 am 393 puncte
OPERA 12.12 x64 am 404 puncte
MAXTHON-4.03 1000 RC x32 am 464 puncte.

________________________________________________________________________

suplimentar pentru HTML5


HTML5 Demos and Examples
http://html5demos.com/


de fapt aici aveti TOTUL, inclusiv actualizari, aplicatii,discutii, forum, noutati, si mereu actualizat, e cea mai importanta si INTERESANTA pagina:


HTML5 Rocks - A Resource for Open Web HTML5 Developers

http://www.html5rocks.com/en/




o actualizare calda-proaspata :

W3C


HTML 5.1 Nightly

A vocabulary and associated APIs for HTML and XHTML

Editor's Draft 24 January 2013

http://www.w3.org/html/wg/drafts/html/master/





Jucati-va cu placere...





Georg Schoenpflug von Gambsenberg

2.


HTML5 Addons for Mozilla Firefox x32 Nightly (Firefox x64) Waterfox 18.01 x64

Avertisment:
Trebuie sa tineti cont ca TOATE ADDONS odata activate va ingusteaza BANDA-UTILA-DSL, deci activati numai ADDONS necesare.
dar aceasta se face prin experimentare si mereu verificare cu Speedtest.Net
http://www.speedtest.net/ dat mai sus. Inainte de fiecare verificare de Speedtest.Net goliti CACHE (suplimentar si prin CCleaner, totdeauna ramane ceva) si inchideti browserul, apoi il deschideti iarasi si verificati prin Speedtest.Net http://www.speedtest.net/ viteza-DSL si PING.
Folositi mereu activat Flashblock https://addons.mozilla.org/de/firefox/addon/flashblock/?src=ss pe care-l deschideti manual NUMAI in campul activ de Speedtest.Net sau Youtube, restul de flashuri-reclame sa nu joace tzurca in jur.
__________________________________________________________________




1 EXEMPLU

sunt acceptate.. trebuie verificat, in special VALIDATOR l-am incercat pe Waterfox 18.01 x64 pe pagina de Youtube si functioneaza se pare, cel putin arata oarece acceptante sau non-acceptante de functionare HTML5 in video-ul care tocmai este deschis.
S-ar putea VALIDATOR sa nu fie ultimul racnet si sa nu lucreze perfect corect..nu va bazati numai pe ce caraie el acolo.

In caz ca unul din addons face figuri, puteti sa-l dezactivati simplu si jucandu-va, va dati seama ce se poate si ce nu se poate. Ar fi bine sa COMUNICATI AICI care sunt rezutatele si observatiile..

La mine sunt deocamdata TOATE ACTIVATE, inca nu-mi dau seama ce si cum...

Sfaturi inca nu ma simt in stare sa dau, intrucat si eu sunt tot in faza de descoperire si experimentare, abia acum ma joc cu asta.




HTML5 Validator 0.1.1

About Validator.Nu
http://about.validator.nu/

https://addons.mozilla.org/en-US/firefox/addon/html-5-validator/



mi se pare ff important
OpenLink HTML5 WebDB-to-XMLA Bridge

https://addons.mozilla.org/en-US/firefox/user/1939571/?src=api




mi se pare ff important:

HTML5 WebSQL for Firefox
Adds basic WebSQL support to Firefox.

About this Add-on
Since Google Gears isn't supported on Firefox 4.0 us WebSQL developers have been left in the dark when it comes to Firefox support. This add-on provides exposure of basic WebSQL functions through a wrapper of some of the internal SQLite functions in Firefox.

More info about WebSQL and the HTML5 Web Database API at http://www.w3.org/TR/webdatabase/

https://addons.mozilla.org/en-US/firefox/addon/html5-websql-for-firefox/?src=api




(poate la asta ar trebui sa fiti atenti sa nu activeze nedorit blocarea HTML5, eventual dezactivat si-l activati cand va convine):

HTML5 Outliner 0.1

Displays the HTML5 document outline of the current web page. HTML5 Outlines are composed of labels for important structural elements (e.g., heading text, table titles, form titles etc).
Source Code: https://github.com/arky/html5-outliner-addon

https://addons.mozilla.org/en-US/firefox/addon/html5_outliner/?src=api




mi se pare ff important:

Media Loop 0.2.3
von Sonny Piers

Implements the loop attribute for HTML5 videos/audios and adds an item to control it from the context menu.

https://addons.mozilla.org/de/firefox/addon/media-loop-45730/






Video Filters for HTML5 videos(beta) 1.0.2

https://addons.mozilla.org/en-US/firefox/addon/video-filters-for-html-5-vi/?src=api





YouTube HTML5 Switch v0.1.3.8
by constanton

An Add-on that adds "&html5=1" in the URL to turn the default player to an HTML5 player.

https://addons.mozilla.org/en-US/firefox/addon/youtube-html5-switch/?src=search




este necesar:


Foundstone HTML5 Local Storage Explorer 1.1

by Foundstone Inc.

Foundstone HTML5 Local Storage Explorer allows for viewing, modifying and deleting of data items stored in the browser's LocalStorage. LocalStorage is a client side storage technology introduced in HTML5.


About this Add-on
HTML5 introduces a bunch of client side storage technologies: Session Storage, Local Storage, Indexed Database and Web SQL Database. Local Storage is a key-value based store which allows web application developers to store data in a persistent fashion that is available across the user's multiple browsing sessions.

Foundstone HTML5 Local Storage Explorer allows for viewing, modifying and deleting of data items stored in the browser's LocalStorage. It also allows the user to copy the contents of the Local Storage to clipboard.

Foundstone HTML5 Local Storage Explorer does NOT collect NOR transmit any user data.


https://addons.mozilla.org/en-US/firefox/addon/foundstone-html5-local-storage/






(bineinteles ca noi suntem aici in HTML4 si nu HTML5 , dar:)
asa in joaca:
Verificare Practica


Sa vedem cum lucreaza HTML5-VALIDATOR prin Waterfox 18.01 x64, deci cum analizeaza el pagina de aici din Sibiul.ro Forum:
(daca il aveti instalat, verificati singuri: aveti pe pagina Mouse. KLICK Tasta dreapta, se deschide coloana info, va apare HTML5 Validator...Klick cu Tasta stanga pe el si vi se deschide. Aplicabil la ORICE PAGINA):

http://html5.validator.nu/?doc=http://www.sibiul.ro/forum/viewtopic.php?p=43407

About Validator Nu
http://about.validator.nu/













Georg Schoenpflug von Gambsenberg

3.







HTML5 Introduction
http://www.w3schools.com/html/html5_intro.asp

aveti mult de invatat din aceste Schools.

Certificatele(Get certified) pe mana stanga sunt pe bani..asa ca..admirati-le, vedeti despre ce este vorba, si faceti cum stiti ca e bine.




HTML5 Demos and Examples

http://html5demos.com/



Mozilla Developer Network/Mozilla Demo Studio_/HTML5
364 Demos, repartizate pe mai multe pagini, cate 12 Demos pe fiecare pagina

https://developer.mozilla.org/de/demos/tag/tech:html5

29.01.2013 22:08 Uhr:

In LINK-ul Mozilla de mai sus aveti de exemplu si un Joc-de-Sah ONLINE, puteti juca...pentru a nu va obosi cu rasfoitul pana la pagina a II.-a dau aici direct Jocul-de-Sah-Interactiv, incercati si jucati, la fiecare miscare va spune daca albele (white) sau negrele (black) sunt la rand la mutat, si jucati cum vreti, ca in nuvela lui Stefan Zweig: Jucatorul de Sah..:

Demo: Chess Drag-and-Drop Responsive Design
https://developer.mozilla.org/de/demos/detail/chess-drag-and-drop-responsive-design






Georg Schoenpflug von Gambsenberg

http://html5test.com/results/desktop.html


Se pare ca Opera (494 puncte) a devansat Maxthon (485 puncte) si dupa evolutia graficului, ar urma sa depaseasca inclusiv Chrome care este pe locul 1 momentan cu 503 puncte.


M-am jucat si eu in trecut cu nightly, dar n-am observat cine stie ce performanta in plus. Minusurile legate de compatibilitatea cu addonurile firefox sunt destul de multe...

Sunt curios cum se comporta opera x64 ?