Category Archives: HTML and CSS
Сравнение отображений сайта в разных браузерах
Adobe BrowserLab. Позволяет загрузить по урлу сайт во многих браузерах, при этом даже накладывать изображения друг на друга. Одна проблема — оччень медленно работает( https://github.com/marstall/shim/ — приложение для node.js, которое позволяет одновременно взаимодействовать с сайтом в разных браузерах, включая мобильные устройства. Использует WiFi для синхронизации отображения между устройствами. Из минусов — это не сервис, а …
Вёрстка под мобильные устройства
Хороший доклад — Прокрустовы окна. Как вписаться в устройства с минимальными потерями (ссылка на видео — http://mediadl.microsoft.com/mediadl/www/r/rus/html5camp2011/4005_800_2.wmv, слайды на http://pepelsbey.net/pres/procrustes/). Главное — это понять viewport и dpi. Для примера:
|
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.