Если вы ходите в html-представлении хранить данные, чтобы они не «ломались» от перестановки или изменении html, то специально для такой ситуации в HTML5 предусмотрено Microdata API. При использовании Microdata вам будет практически плевать, что верстальщик сделал с вашим html — с небольшими усилиями вы спроецируете нужную вам структуру данных на любую html-разметку.
Да-да меня тоже это насторожило.
Но, согласитесь, в Dragonfly нету:
1. «Break on * modifications». И вообще DOM-дерево в отладчике не живое. И непонятно когда этот функционал появится.
2. «pretty print». Хотя, скоро должен появится.
Странный эффект: В IE9 в режиме эмуляции IE8 работает плавнее, чем в режиме стандартов. Даже сделал версию без jQuery, к сожалению, лаги в IE9 остались :(
В стабильной Opera Mobile тоже есть поддержка камеры. Попробовал на своей A501 вашу демку и не смог добиться нормальных результатов — то ли, автофокус не работает из-под браузера, то ли еще чего, но, из-за того, что картинка размытая в верхнем окошке цифры очень сильно исковерканы.
Но, всё равно большое спасибо за статью. И работа с камерой и распознавание на JS — интересный материал.
По поводу ранжирования поисковиками хорошо ответили в комментарии habrahabr.ru/post/133961/#comment_4448384.
А семантика всего документа только выигрывает от использования Microformat's и Microdata
Если говорить про DOM API, то уже сейчас это даёт возможность создавать модели данных, описывать их в словаре, и использовать в JS, не заморачиваясь на вёрстку. Верстальщик, при этом, может творить всё, что ему хочется (в рамках разумного, конечно же).
Например, можно реализовать фреймворк типа DOJO, но при этом без генерации html-кода из самого фреймворка. За счет этого можно добиться невероятной гибкости. И, таки да, на классах и селекторах сейчас это сделать можно, но очень сложно.
Но, к сожалению, Microdata DOM API поддерживается только в Opera.
github.com/termi/Microdata-JS (Implementation of the HTML5 Microdata specification with IE6+ support)
Имплементация Microdata DOM API в Opera уже устарела — теперь itemtype возвращает DOMSettableTokenList. В своей библиотеки я это исправляю.
На данный момент есть зависимость от github.com/termi/ES5-DOM-SHIM, но её можно убрать подключив любую другую реализацию DOMSettableTokenList.
Если рекомендуете для старых браузеров эмулировать функции `Object.create` и `Object.getPrototypeOf`, то, лучше уж, давайте ссылку на github.com/kriskowal/es5-shim — тут эти методы описаны максимально по стандарту и учитывают очень много разных нюансов.
Например: функция `Object.create` задаёт свойство `__proto__` у созданного объекта, а в функция `Object.getPrototypeOf` несколько универсальные приведённого вами кода:
Можно было бы еще упомянуть code.google.com/p/ie7-js/ для исправления CSS-багов в IE6+.
Еще замечу, что и PIE.htc, и ie7.js могут работать непредсказуемо на сложных сайтах и в WEB-приложениях.
Скорее всего, проблема на стороне Гугла.
С другой стороны, посмотрите как выглядит css3test.com на родном браузере планшета на Android и в Opera Mobile. В Opera, соответственно, намного лучше.
еше бы возможность отключать адресную строку в альбомном положении. на телефоне много места занимает. раньше в мобильном фоксе расширение ставил для этого, было очень удобно.
В одной из версий Opera.Next под Андроид такая функция есть — пока юз-кейс не доделан, не всегда удобно принудительно вызывать «панель задач»
И еще не хватает управления с клавиатуры. Если бы Speed Dial была бы написана на HTML, управление с клавиатуры работало бы :(
Но, согласитесь, в Dragonfly нету:
1. «Break on * modifications». И вообще DOM-дерево в отладчике не живое. И непонятно когда этот функционал появится.
2. «pretty print». Хотя, скоро должен появится.
Сам был очень удивлён отсутствием этой информации, т.к. в аналогичном расширении для Opera есть и название файла и номер строки.
Кода меньше и он более читаемый. Работает в IE7+ и во всех других браузерах
Но, всё равно большое спасибо за статью. И работа с камерой и распознавание на JS — интересный материал.
А семантика всего документа только выигрывает от использования Microformat's и Microdata
Например, можно реализовать фреймворк типа DOJO, но при этом без генерации html-кода из самого фреймворка. За счет этого можно добиться невероятной гибкости. И, таки да, на классах и селекторах сейчас это сделать можно, но очень сложно.
github.com/termi/Microdata-JS (Implementation of the HTML5 Microdata specification with IE6+ support)
Имплементация Microdata DOM API в Opera уже устарела — теперь itemtype возвращает DOMSettableTokenList. В своей библиотеки я это исправляю.
На данный момент есть зависимость от github.com/termi/ES5-DOM-SHIM, но её можно убрать подключив любую другую реализацию DOMSettableTokenList.
github.com/kriskowal/es5-shim — тут эти методы описаны максимально по стандарту и учитывают очень много разных нюансов.
Например: функция `Object.create` задаёт свойство `__proto__` у созданного объекта, а в функция `Object.getPrototypeOf` несколько универсальные приведённого вами кода:
Поддержка анимации только планируется. Возможно сегодня вечером.
В 11.6* мультивыбор работает, но происходит ошибка в JS после загрузки первого файла.
Еще замечу, что и PIE.htc, и ie7.js могут работать непредсказуемо на сложных сайтах и в WEB-приложениях.
github.com/Raynos/DOM-shim/blob/master/test/test-suites/Element.js#L332
Там есть нюансы, например: как преобразовать «data--foo»? Ответ: «Foo»
element.dataset.foo;
Для совместимости IE6+ эмулируется достаточно тривиально
С другой стороны, посмотрите как выглядит css3test.com на родном браузере планшета на Android и в Opera Mobile. В Opera, соответственно, намного лучше.
В одной из версий Opera.Next под Андроид такая функция есть — пока юз-кейс не доделан, не всегда удобно принудительно вызывать «панель задач»