Pinned Sites
14
Pinned Sites: опыт внедрения на Korrespondent.net Лапин Павел Александрович html-верстальщик [email protected]
description
Presentation from HTML5 Camp, UXnext for designers, developers and UX professionals
Transcript of Pinned Sites
Pinned Sites: опыт внедрения на Korrespondent.net
Лапин Павел Александрович
html-верстальщик
Что такое pinned sites?
• Привязка сайта к Windows 7• Дополнительная функциональность для
Internet Explorer 9
Что необходимо было сделать?
• Кастомизировать браузер• Добавить список задач• Добавить список последних новостей
Реализация
• Плашка прикрепления сайта• Meta тэги кастомизации• Meta тэги списка задач• Java Script движок• Создание списка последних новостей
Подводные камни
• Иконка формата .ICO• Для favicon сайта и плашки используем
разные иконки
Что должен Java Script движок
• Определить наличие поддержки pinned site, версию ОС.
• Определить режим работы браузера• Выполнить некоторые действия при
работе в режиме SiteMode
Создание списка последних новостей
• Определение наличия свеженького и загрузка свежих новостей.
• Удаление старого списка новостей и создание нового
• Уведомление пользователя о наличии новых новостей
Готовый продукт
Курим сигары. Пьем мохито.Задаем вопросы.
Используемые методыwindow.external
• msIsSiteMode• msIsSiteModeFirstRun• msSiteModeActivate• msSiteModeAddJumpListItem• msSiteModeClearIconOverlay• msSiteModeClearJumpList• msSiteSetIconOverlay• msSiteModeShowJumpList
Мета теги
• application-name• msapplication-tooltip• msapplication-starturl• msapplication-navbutton-color• msapplication-window• msapplication-task
Пожелания разработчикам Internet Explorer 9.0
Добавить следующее:• js-метод позволяющий добавить pinned
site в taskbar• возможность редактирования имени
списка Tasks• js-событие срабатывающее при
активации окна браузера
