Tag Archives: вёрстка

Сервис для работы с .psd от Adobe

https://projectparfait.adobe.com/ Бесплатный. Жаль только не умеет .png от Fireworks

Вёрстка под мобильные устройства

Хороший доклад — Прокрустовы окна. Как вписаться в устройства с минимальными потерями (ссылка на видео — 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-dpi, user-scalable=no, initial-scale=1.0, maximum-scale=1.0" />

1 2	<meta name="viewport" content="width=device-width, target-densitydpi=device-dpi, user-scalable=no, initial-scale=1.0, maximum-scale=1.0" />

Советуют удобные сервисы для тестирования мобильных сайтов («firebug для мобильных устройств») — Opera Mini Simulator и Opera Mobile Emulator for desktop.

Проблемы рендеринга страниц в Firefox

Имеем флеш-плеер. На некоторых страницах при нажатии на кнопку «плэй» в плеере происходит перезагрузка flash-плеера. После долгих и мучительных разбирательств выяснилось следующее: Flash-player при смене статуса (play/pause) меняет фавикон на сайте следующим кодом:

	$("link[rel='shortcut icon']").remove();
	$("head").append("<link rel='shortcut icon' href='" + link + "' />");

1 2	$("link[rel='shortcut icon']").remove(); $("head").append("<link rel='shortcut icon' href='" + link + "' />");

Меняет на всех страницах, а перезагрузка плеера происходит только на некоторых, и только в фф. На этих страницах перед плеером стоял …

Что видят пользователи в браузере — инструмент от Google

http://browsersize.googlelabs.com/ — инструмент от Google, который позволяет посмотреть сайт и оценить, какая его часть будет видна пользователям без прокрутки.