Елена Глухова "Верстка кастомными тегами для API Яндекс.Карт"
•
1 like•964 views
28 мая 2011, Я.Субботник в Киеве Елена Глухова "Верстка кастомными тегами для API Яндекс.Карт" О докладе: Речь пойдет об оптимизации или усовершенствовании верстки элементов интерактивной карты. YMaps JavaScript API – програмный интерфейс (JS-приложение), при помощи которого можно разместить интерактивную карту на сторонние сайты. Верстка интерактивной карты и ее элементов должна не ломать сторонние сайты и работать независимо от сайта пользователя. Одним из способов достижения данной цели является использование кастомных тегов. В докладе будет рассказано о способах внедрения кастомных тегов. О их непосредственном применении в верстке YMaps JavaScript API. О проблемах, с которыми столкнулись, и о будущем использовании кастомных тегов в верстке.
Recommended
More Related Content
More from Yandex
More from Yandex (20)
Елена Глухова "Верстка кастомными тегами для API Яндекс.Карт"
- 1. API Яндекс.Карт и верстка кастомными тегами Глухова Елена Разработчик интерфейсов Я.Субботник, Киев, 28 мая 2011 года Friday, May 27, 2011
- 2. API Яндекс.Карт и верстка кастомными тегами 2 Friday, May 27, 2011
- 3. YMaps JavaScript API 3 Friday, May 27, 2011
- 4. 4 Friday, May 27, 2011
- 5. Цель Оптимизация и усовершенствование верстки API.Карт 5 Friday, May 27, 2011
- 6. Задачи Защитить нашу верстку от верстки пользователей 6 Friday, May 27, 2011
- 7. Задачи Защитить нашу верстку от верстки пользователей Защитить верстку пользователя от верстки API.Карт 7 Friday, May 27, 2011
- 8. Задачи Защитить нашу верстку от верстки пользователей Защитить верстку пользователя от верстки API.Карт Позволить верстке пользователей жить внутри нашей верстки 8 Friday, May 27, 2011
- 9. Как было <div class=“YMaps-balloon”> <i class=“YMaps-balloon-top”></i> ... 9 Friday, May 27, 2011
- 10. Как было <div class=“YMaps-balloon”> <i class=“YMaps-balloon-top”></i> ... 10 Friday, May 27, 2011
- 11. Что может случиться div { margin: 20px 0 20px 20px; } 11 Friday, May 27, 2011
- 12. Что может случиться div { margin: 20px 0 20px 20px; } 12 Friday, May 27, 2011
- 13. Придумали использовать кастомные теги 13 Friday, May 27, 2011
- 14. Придумали использовать кастомные теги <mytags> ... </mytags> 14 Friday, May 27, 2011
- 15. Придумали использовать кастомные теги <mytags> ... </mytags> Что получаем? 15 Friday, May 27, 2011
- 16. Придумали использовать кастомные теги <mytags> ... </mytags> Что получаем? Уникальность 16 Friday, May 27, 2011
- 17. Где нужна уникальность? 17 Friday, May 27, 2011
- 18. Где нужна уникальность? 18 Friday, May 27, 2011
- 19. Где нужна уникальность? 19 Friday, May 27, 2011
- 20. Где нужна уникальность? 20 Friday, May 27, 2011
- 21. Работает? Да! Firefox, Opera, Safari, Chrome 21 Friday, May 27, 2011
- 22. За исключением ... IE < 9 :-( 22 Friday, May 27, 2011
- 23. Как победить IE? 23 Friday, May 27, 2011
- 24. Как победить IE? Создание кастомных тегов в DOM-е при помощи JavaScript-а document.createElement(“custom-tag”); ... <custom-tag>Я.Уникальный</custom-tag> 24 Friday, May 27, 2011
- 25. Ещё ... Импорт кастомных тегов <html xmlns:prefix[=urn] ... 25 Friday, May 27, 2011
- 26. Почему пространство имен? 26 Friday, May 27, 2011
- 27. Почему пространство имен? 1. Официальный способ поддержки кастомных тегов в IE, начиная с версии 5.5 27 Friday, May 27, 2011
- 28. Почему пространство имен? 1. Официальный способ поддержки кастомных тегов в IE, начиная с версии 5.5 2. Сводит к минимуму совпадения 28 Friday, May 27, 2011
- 29. Почему пространство имен? 1. Официальный способ поддержки кастомных тегов в IE, начиная с версии 5.5 2. Сводит к минимуму совпадения 3. Не использует document.create.Element() 29 Friday, May 27, 2011
- 30. На практике ... 30 Friday, May 27, 2011
- 31. На практике ... <html xmlns:ymaps xmlns:“http://www.w3.org/1999/xhtml”> ... 31 Friday, May 27, 2011
- 32. На практике ... <html xmlns:ymaps xmlns:“http://www.w3.org/1999/xhtml”> ... <ymaps:balloon> <ymaps:balloon-top> ... 32 Friday, May 27, 2011
- 33. @media all { ymaps:balloon { ... } ymaps:balloon-top { ... } } 33 Friday, May 27, 2011
- 34. 34 Friday, May 27, 2011
- 35. Супер — работает! Firefox, Opera, Safari, Chrome 35 Friday, May 27, 2011
- 36. За исключением ... IE < 9 :-( 36 Friday, May 27, 2011
- 37. За исключением ... IE < 9 :-( IE не инициализирует свое пространство имен до полной загрузки документа 37 Friday, May 27, 2011
- 38. Резюме Частично задачи выполнены 38 Friday, May 27, 2011
- 39. Резюме Частично задачи выполнены Там где можно — кастомную верстку 39 Friday, May 27, 2011
- 40. Резюме Частично задачи выполнены Там где можно — кастомную верстку IE — дивную верстку 40 Friday, May 27, 2011
- 41. Cветлое будущее <ymaps> ... </ymaps> 41 Friday, May 27, 2011
- 42. Cветлое будущее <ymaps> ... </ymaps> <ymaps class=“YMaps-balloon”> ... </ymaps> 42 Friday, May 27, 2011
- 43. Вопросы? 43 Friday, May 27, 2011
- 44. Глухова Елена Разработчик интерфейсов lento4ka@yandex-team.ru Friday, May 27, 2011