Сегодня мы запускаем новый продукт специально для iPad, который называется Coast. Созданный для просмотра веба на досуге, этот браузер делает интерфейс как можно более незаметным. Каждый сайт в нём — это приложение, которым легко можно пользоваться с помощью жестов в удобном полноэкранном режиме. Ничего лишнего.
Ещё со времён браузера Mosaic браузеры щеголяли кнопками «Назад», менюшками, иконками (большая часть из которых не изменилась за последние 20 лет). Coast легко обходится безо всего этого: чтобы пойти назад — смахните влево, чтобы добавлить сайт в экспресс-панель — перетащите его иконку, для перезагрузки просто потяните вниз. Остались только две кнопки: для главного экрана и недавних сайтов.
Мы хотим, чтобы Coast помог закрыть разрыв между привычными браузерами со вкладками-страницами и приложениями. Мы совсем не хотим, чтобы приложения взяли верх наб вебом, мы хотим, чтобы веб победил.
Для разработчиков
Coast приложенизирует сайты (уж простите за сомнительный неологизм). Поэтому в Coast всё просто работает™, если вы делаете сайты, которые и так хорошо работают на разных устройствах и в разных браузерах, которые готовы к толстым пальцам, слушают тач-жесты (например, с полифилом HandJS, который реализует поддержку W3C Pointer Events и вам больше не нужно думать про мышь и тач-события).
Размер иконок для Coast
Поскольку Coast считает сайты приложениями, иконка становится крайне важна для того, чтобы ваш сайт можно было найти и запомнить. Для группировки страниц под одной иконкой мы смотрим на адрес страницы и указанную для неё иконку. Так что вам стоит указывать одну и ту же иконку для страниц, которые вы хотите сгруппировать в одно «приложение».
Чтобы сделать самые аккуратные иконки, Coast предпочитает картинки 228×228 пикселей — чуть больше, чем нужно для IE и браузеров Apple (144×144). Следующая разметка внутри <head> укажет путь к идеальной иконке для Coast.
<link rel="icon" href="$URL" sizes="228×228″> Эта разметка никак не помешает той, что вы уже используете для Windows 8, Android или iOS. Если вы не укажете иконку 228×228, то Coast сообразит что-нибудь на основе найденных иконок.
Поддержка веб-стандартов
Coast использует встроенный в iOS компонент UIWebView для отрисовки страниц, он основан на движке WebKit (не Blink, как в других наших браузерах).
Браузер Coast, созданный в Opera Software, доступен в App Store:
P.S. И ещё одно видео:
ссылка на оригинал статьи http://habrahabr.ru/company/opera/blog/193078/
Добавить комментарий