Янв 11
Хороший доклад – Прокрустовы окна. Как вписаться в устройства с минимальными потерями (ссылка на видео – http://mediadl.microsoft.com/mediadl/www/r/rus/html5camp2011/4005_800_2.wmv, слайды на http://pepelsbey.net/pres/procrustes/).
Главное – это понять viewport и dpi.
Для примера:
<meta name="viewport"
content="width=device-width, target-densitydpi=device-dp, user-scalable=no, initial-scale=1.0, maximum-scale=1.0i" />
Советуют удобные сервисы для тестирования мобильных сайтов («firebug для мобильных устройств») – Opera Mini Simulator и Opera Mobile Emulator for desktop.
Теги: вёрстка • вёрстка под мобильные устройства
Окт 27
Имеем флеш-плеер.
На некоторых страницах при нажатии на кнопку «плэй» в плеере происходит перезагрузка flash-плеера.
После долгих и мучительных разбирательств выяснилось следующее:
Flash-player при смене статуса (play/pause) меняет фавикон на сайте следующим кодом:
$("link[rel='shortcut icon']").remove();
$("head").append("<link rel='shortcut icon' href='" + link + "' />");
Меняет на всех страницах, а перезагрузка плеера происходит только на некоторых, и только в фф.
На этих страницах перед плеером стоял элемент <i class=»clearfix»></i> со следующим стилем:
i.clearfix:after {
clear: both;
content: ".";
display: block;
height: 0;
visibility: hidden;
}
Важно здесь display: block;.
Причём стоит он не непосредственно перед плеером, а просто где-то выше по DOM-дереву.
При смене фавикона этот элемент, судя по всему, заставляет фаерфокс перерисовывать обкладывающий для плеера элемент, что приводит к рестарту флэш-плеера.
Firefox 7.0.1-7.0.2.
Будьте бдительны!)
Теги: bug • баги • браузеры • вёрстка
Дек 23
http://browsersize.googlelabs.com/ – инструмент от Google, который позволяет посмотреть сайт и оценить, какая его часть будет видна пользователям без прокрутки.
Теги: Google • вёрстка • дизайн
