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
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
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