About a month ago I release part one of my series “A tale of two viewports,” where I discuss the widths and heights of the viewport, the <html> element, and related issues on desktop browsers. Today I release part two, which deals with the mobile browsers. And of course there’s the inevitable compatibility table.
I advise you to read part one before starting on part two; part one explains some crucial concepts that you need in order to understand part two.
Mobile browsers have two viewports, and not one, as the desktop browsers have. On mobile it’s impossible to make the viewport (relative to which all CSS layouts are calculated) as wide as the screen, because the screen is far too tiny and some CSS layouts may look horribly squashed.
Therefore mobile browser vendors have split the viewport into a visual one and a layout one; the first is the area the user actually sees on his screen, the second the area in which the CSS layout is calculated. This makes sense, but it’s one more complication for mobile web developers.
I also treat mouse coordinates, media queries, and the <meta viewport> tag.
Curious findings include:
- The best browsers in the series of tests are the iPhone and Nokia’s Symbian WebKit, which performs really brilliantly except that it doesn not support
<meta viewport>.
- When setting a
<meta viewport> in Samsung WebKit (on bada), several properties change meaning and suddenly give different data. This is obviously a bug, and one I hadn’t expected. It makes your job as a web developer more complicated — but then, nearly everything I discover does.
- The crucial visual viewport size, which tells you how much of your site the user is currently viewing, is given only in iPhone, Symbian WebKit, and BlackBerry. The other browsers don’t include this vital information — yet.
- Opera and Firefox perform rather poorly in this series of tests.
Have fun!
Shared by arty
надо же, яндекс поддерживает уже второй микроформат, наверное, у них появился проповедник, интересно, кто?
Если вам иногда хочется приготовить что-то новенькое и вы обращаетесь за помощью к интернету, то знаете, как тяжело выбрать из нескольких десятков похожих рецептов подходящий. Современные кулинарные порталы содержат информацию о множестве разнообразных способов приготовления, например, блинов с творогом, свинины с ананасами или банальной шарлотки.
Как же среди этого разнообразия быстро выбрать рецепт, который подойдет вам? Используйте наш поиск! Уже некоторое время Яндекс прямо на страницах результатов поиска показывает для страничек кулинарных сайтов набор ингредиентов и их пропорции, начало инструкции, время приготовления и другие параметры рецепта.
Например, так сейчас выглядит в Яндексе рецепт салата "Пампас":
Для того чтобы сформировать такие описания, нам необходимо выделить в тексте страницы отдельные смысловые части. И владельцы кулинарных сайтов могут нам в этом помочь. Так как структура страниц с рецептами на разных сайтах в целом стандартна, мы решили разработать партнерскую программу, к которой мог бы присоединиться любой кулинарный ресурс.
Рассказать Яндексу о структуре своего сайта, содержащего кулинарные рецепты, можно одним из двух способов:
- сформировать XML-фид и указать его адрес в соответствующей форме Я.Вебмастера;
- разметить рецепты на своем сайте микроформатом hRecipe.
Выбирайте способ передачи информации по своему усмотрению – набор данных одинаковый и результат, соответственно, тоже. Подробнее ознакомиться с правилами участия в партнерской программе владельцы кулинарных ресурсов могут в разделе Помощь.
![[info]](http://l-stat.livejournal.com/img/userinfo.gif){kind=small}
