Начальная

Windows Commander

Far
WinNavigator
Frigate
Norton Commander
WinNC
Dos Navigator
Servant Salamander
Turbo Browser

Winamp, Skins, Plugins
Необходимые Утилиты
Текстовые редакторы
Юмор

File managers and best utilites

Сервисы просмотра сайта на разных разрешениях экрана. Эмулятор разрешения экрана


Чем тестировать адаптивный дизайн? / Хабр

Хватит менять размер окна браузера, хватит его насиловать! Готов спорить, вы не раз слышали это. Хорошо, возможно и не слышали. Но если вы профессионально занимаетесь разработкой адаптивных сайтов, вы понимаете о чем я: любое изменение DOM или правка CSS, и вы снова начинаете тянуть край браузера вперед, назад, тестируя изменения и просматривая ничего ли не сломалось.

Целью ваших движений является имитация экранов различных устройств.

В корпоративной среде зачастую, у вас есть множество гаджетов предоставленных компанией для теста. На моей работе в моем распоряжении есть iPad, iPod, другие планшеты, ноутбуки, а также настольные мониторы. Если у вас нет такой роскоши, приходится использовать то, что под рукой.

К счастью, есть внушающий набор онлайн инструментов, имитирующих различные диагонали устройств. Конечно, каждый из них имеет свои преимущества и недостатки, мы рассмотри несколько таких инструментов.

Для тестирования я выбрал реально адаптивный сайт PajamasOnYourFeet.com, сайт построено на основе HTML5 шаблона, бесплатно предоставленным EGrappler.

Am I Responsive?
Am I Responsive, очень простой инструмент, позволяющий быстро просмотреть ваш сайт на 4 устройствах. Все они — IOS и разработчик объясняет это фишкой сайта. В общем никаких настроек, никакого выбора, а очень просто и наглядно.

Доступные размеры:

  • настольный монитор — 1600 x 992px;
  • ноутбук — 1280 x 802px;
  • планшет — 768 x 1024px;
  • мобильный телефон — 320 x 480px.
Цитирую разработчика: «это не инструмент для тестирования, крайне важно проводить тестирование на реальных устройствах. А данный инструмент поможет быстро сделать скриншот и показать клиенту, что вы имеете ввиду».

Есть две приятные фишки: возможность таскать устройства по вашему экрану, а также возможность поделится ссылкой на тест сайта.

deviceponsive
deviceponsive очень похож на Am I Responsive, тем, что он настолько же прост, с минимум настроек и опций. Все доступные устройства отображаются сразу на одной длинной странице. Из всех доступных опций это возможность отредактировать фон заголовка и добавить туда свой логотип, что будет полезно когда вы решите поделится скриншотом.

Устройства и доступные разрешения экранов.

  • Macbook — 1280 x 800
  • iPad портрет — 768 x 1024
  • iPad портрет — 1024 x 768
  • Kindle портрет — 600 x 1024
  • Kindle альбомная ориентация — 1024 x 600
  • iPhone портрет — 320 x 480
  • iPhone альбомная ориентация — 480 x 320
  • Galaxy портрет — 240 x 320
  • Galaxy альбомная ориентация — 320 x 240
Как и на большинстве подобных инструментах отображаются полосы прокрутки, которых бы не было бы на реальных устройствах. Это вынужденный шаг для обеспечения возможности прокрутки на не сенсорных устройствах.

responsive test
Как и deviceponsive, responsive test отображает ваш сайт в различных устройствах. Но вместо показа всех сразу, вы сами выбираете необходимое устройство в верхнем меню страницы. Кстати тут корректно работает масштабирование, что позволяет проводить тестирование большего разрешения на меньшем.

30 различных разрешений доступно на сайте, начиная от огромного настольного монитора, до того, что они называют «дрянный андроид» (справедливости стоит заметить, что есть и нормальный андроид).

Что касается браузера Firefox, то он немного не корректно работает с данным сайтом. Обратите внимание, что на скриншоте не отображается слайдер между зеленым заголовком и белой областью фонового содержания.

responsive.is
Очень похож на предыдущих два инструмента, но есть одна вещь которая отличает responsive.is от других. Это плавная анимация при переходе от одного устройства к другому, а также полу-прозрачная область которая показывает реальную площадь сайта не попадающую в область просмотра.

Доступные варианты устройств — авто (то как вы видите сайт), настольный комьютер, планшет в альбомной и портретной ориентации, смартфон в портретной и альбомном положении. Задавать произвольные размеры в px, к сожалению нельзя.

Screenqueries
А вот возможности и доступные опции отличают Screenqueries от предыдущих сервисов. 14 телефонов и 12 планшетов представлены здесь, с отдельной возможностью переключения в портретный и альбомный режим. Результаты отображаются на сетке с линейками. Также возможно задать произвольное разрешение, потянув за правый или нижний край.

Интересной особенностью этого сайта, для ряда устройств есть “Trueview” вариант, который показывает ваш сайт в нативном браузере устройства.

К сожалению, Firefox и тут не смог отобразить слайдер. Не нужно обвинять меня, Firefox мой любимый браузер, но такие вот дела.

Screenfly
Screenfly пожалуй наиболее функциональный из всех. Доступно 9 больше чем планшет устройств — от 10" ноутбуков, до 24" мониторов, 5 планшетов, 9 телефонов, 3 телевизионных разрешения, а также произвольное разрешение. Добавьте сюда отдельный переключатель в портретный и альбомный режим, а также опцию показа прокрутки. Также можно поделится ссылкой на тест с помощью одной кнопки.

У каждого устройства в меню указано размер экрана в px., а также в правом верхнем углу отображается фактический размер вашего окна браузера.

Все перечисленные достоинства позволяют претендовать на лидерство если бы не одно но (цитата разработчика): «Screenfly может использовать прокси-сервер, чтобы имитировать устройства во время просмотра вашего сайта. Прокси-сервер имитирует строку агента пользователя, но не поведение этих устройств.» Screenfly является единственным сервисом из списка, который позволяет тестировать на основе строки агента пользователя.

Используете ли вы представленные инструменты в своей практике? Делитесь своими секретами разработки адаптивных сайтов в комментариях.

P.S. Ошибки по поводу перевода просьба сообщать в личку.

habr.com

Проверка сайта на разных разрешениях экрана

Бывает необходимость посмотреть, как выглядит сайт на разных разрешениях экрана. Особенно, если сайт адаптивный для мобильных устройств, т.е. корректно трансформируется под разные разрешения экрана. И в этой статье мы рассмотрим несколько способов, с помощью которых можно сделать проверку сайта на разных разрешениях экрана.

Для чего это может пригодиться?

Например, по статистике своего сайта можно проанализировать, — какие разрешения экрана и в каком процентном отношении используют посетители Вашего сайта:

Анализ статистики сайта

Затем можно посмотреть, как отображается Ваш сайт на устройствах с данными разрешениями. Если Вам разработали/разрабатывают адаптивную версию сайта, — то, посмотрев, как выглядит сайт в разных разрешениях, — можно обсудить с разработчиком какие-то детали.

Также, если на Вашем сайте используется уже какой-то определенный адаптивный шаблон, то можно посмотреть, как выглядит сайт в разных разрешениях и принять решение, — использовать данный шаблон или заняться поиском другого.

Как посмотреть сайт на разных разрешениях экрана

Есть много способов, чтобы сделать просмотр сайта в разных разрешениях экрана. Так, например, основные разрешения экранов для сайта можно было бы посмотреть вообще простыми средствами Windows, изменив разрешение экрана в разделе Настройки экрана:

Как посмотреть сайт на разных разрешениях экрана

Но, данный способ не совсем удобен, а также он дает возможность посмотреть, как выглядит сайт только с основными разрешениями экранов компьютера.

Проверка сайта в браузере. Разрешение экрана

Другой способ просмотра сайта в разных разрешениях экрана дают встроенные возможности браузеров. Например, в Гугл Хром, находясь на нужном сайте, нажимаем правой кнопкой мыши и выбираем Просмотреть код (либо пользуемся комбинацией клавиш, как показано на снимке):

Просмотреть код

Появляется дополнительная панель с кодами сайта, где для включения просмотра сайта в разных разрешениях нажимаем на специальную вкладку (1), как показано на снимке ниже.

Для выбора разных мобильных устройств используем выпадающее меню (2). Справа также указывает разрешения экрана на выбранном устройстве. Чтобы развернуть экран устройства, — пользуемся соответствующей кнопкой (3):

Проверка сайта в браузере. Разрешение экрана

А более удобный способ проверки сайта на разных разрешениях экрана дают специальные онлайн сервисы.

Просмотр разрешения экрана сайта в Screenfly

Это один из самых удобных (при этом, — бесплатный) на текущий момент сервисов, с помощью которого можно быстро посмотреть сайт не только на основных, а вообще на разных разрешениях экрана!

Переходим в сервис Screenfly. Вводим в предлагаемое поле проверяемый сайт и получаем результат (прокомментирую под снимком):

Просмотр разрешения экрана сайта в сервисе Screenfly

Первые вкладки позволяют просмотреть сайт со всеми основными популярными разрешениями экрана. Т.е. можно посмотреть, как выглядит сайт при просмотре на нетбуках или ноутбуках, на планшетах, мобильных телефонах, в телевизорах.

Дополнительные функции:

  1. Можно задать вручную конкретный размер разрешения экрана
  2. Можно развернуть экран по горизонтали или вертикали
  3. Можно включить скроллинг, чтобы просматривать страницы сайта вниз-вверх.
  4. Можно скопировать ссылку на просмотр текущего выбора. Может пригодиться, если нужно обсудить с кем-либо отображение сайта с конкретным разрешением

Другие сервисы для проверки разрешения экрана сайта

В общем-то, вышеприведенный сервис удовлетворит практически любые потребности в проверке разрешения экрана сайта. Но, если он будет недоступен или хочется попробовать что-то другое, то вот, на всякий случай, еще парочка сервисов: Сybercrab и Infobyip.

infodio.ru

Сервисы просмотра сайта на разных разрешениях экрана

Продолжая работать и размышлять над адаптивным дизайном блога я столкнулся с необходимостью просмотра сайта на разных разрешениях экрана. С развитием смартфонов и появлением множества разных размеров экранов полезно просмотреть как будет выглядеть ваш сайт на том или ином устройстве. Для решения этой задачи есть несколько вариантов. Для просмотра сайта на компьютере при меньших разрешениях нежели ваш монитор достаточно просто зайти в настройки экрана и выбрать нужно значение.

Смена разрешения экрана

Еще есть вариант с использованием плагинов для бразуера, например Web Developer для Firefox, который также сущесвтует и для Google Chrome. Опция Resize позволяет изменить размер браузера до нужного вам значения.

Web Developer - разрешения экрана

Методы эти наиболее простые, но сейчас их уже недостаточно — просмотреть сайт на разрешениях экрана побольше или увидеть как он будет смотреться с мобильного не получится. Помнится недавно я рассматривал проект CrossBrowserTesting, позволяющий тестировать сайты во всех браузерах. Он крайне полезен для проверки кроссбраузерной верстки на разных OS и браузерах, однако разрешений экрана там было не так много. К тому же для его использования нужно было регистрироваться. Сегодня рассмотрю парочку более простых и доступных сервисов для быстрого просмотра сайта на разных разрешениях экрана.

Сервисы просмотра сайта на разных разрешениях экрана

Некоторые проекты позволяют только менять разрешение экрана, другие же имеют дополнительные функции. Я не буду детально их рассматривать, просто упомяну в обзоре, возможно, вам пригодятся.

Screenfly

Просто вводите ссылку на свой сайт и жмете кнопку Go, после чего увидите результат работы сервиса.

Сервис Screenfly

В меню есть несколько иконок для работы: список вариантов размера экрана для компьютеров, планшетов, смартфонов, телевизора + возможность указать любое произвольное значение. Дальше идут разные дополнительные функции, например, отображения скролбара, использование проекта через прокси, есть даже возможность поделиться ссылкой на результаты просмотра. Все предельно просто.

Кстати, под доменом quirktools.com скрывается еще парочка интересных простых сервисов:

  • Smaps — создание карт сайтов или просто иерархической схемы.
  • Wires — вот это классная штука, которая позволяет создавать макеты веб-страниц с помощью разных функциональный блоков (текста, табов, форм, кнопок и т.п.)

Сервис Wires

Cybercrab Screencheck

Максимально простой сервис для просмотра разных разрешений экрана. Здесь также есть перечень наиболее популярных устройств, из которых нужно выбрать свое.

Cybercrab Screencheck - просмотр сайта при разных разрешениях

Весьма симпатичный дизайн у проекта.

Browserstack

Этот сервис похож на CrossBrowserTesting, поскольку дополнительно позволяет оценить ваш сайт на разных браузерах и ОС. Причем он также требует регистрацию и имеет платные функции. Хотя для просмотра разных разрешений экрана это не обязательно — переходите в пункт меню Responsive.

Сервис Browserstack

По дизайну и функциональности все очень круто сделано, чего только стоит возможность для смартфонов выбирать варианты просмотра Portrait и Landscape. Да, в остальных сервисах имеется функция поворота (Rotate), но, согласитесь, так все смотрится намного ярче. Кстати, если я правильно понял, то после регистрации вы сможете использовать опцию живого интерактивного тестирования в реальном времени.

Responsivepx

Сервис в духе минимализма. Здесь есть поле для ввода названия сайта + возможность выбора размеров экрана для просмотра.

Responsivepx - просмотр сайта в разных разрешениях экрана

InfoByIp

Еще один максимально простой проект. Кроме адреса сайта и размеров представлены наиболее популярные разрешения экрана для вашего удобства.

Сервис InfoByIp

Если внимательно посмотреть на низ картинки, то можно увидеть, что сервис InfoByIp показывает наличие нижней полосы прокрутки при разрешении 1024х768. Если же изменить разрешение монитора вручную, то можно увидеть, что скролбара там никакого нет. Подобные неточности в некоторых сервисах немного удручают, не будете же вы линейкой перемеривать достоверность отображаемого результата. Именно поэтому советую осуществлять просмотр сайта на разных разрешениях экрана, используя парочку разных сервисов на всякий случай.

tods-blog.com.ua

Настройки разрешения экрана и памяти в эмуляторе Droid4X

Вы наверное успели заметить после установки Droid4X, что по умолчанию у него в настройках довольно скудный набор доступных для выбора разрешений экрана, а выделяемая память для него в самом приложении и вовсе не настраивается. Для этих целей специально для данного сайта был разработан скрипт «Droid4X Resolution and Memory Setting«, позволяющий с легкостью настроить RAM и разрешение.

Инструмент настройки

Скрипт «Droid4X Resolution and Memory Setting» представляет из себя переделанный батник «Droid4X Settings Tools v1.1.4«, выложенный на китайском форуме эмулятора. Из него убраны лишние, на мой взгляд, пункты, такие как «Install APK» и «Open VirtualBox Manager», т.к. установить приложение можно и из самого эмулятора, а запустить менеджер VirtualBox можно и из проводника, и часть других пунктов, которые для рядового пользователя просто не нужны.

В итоге имеем приложение, которое настраивает только разрешение экрана и выделяемую для эмулятора оперативную память, а так же выводит текущую конфигурацию Droid4X. Плюс ко всему, приложение переведено на русский язык. В архиве представлены два варианта приложения, на русском и на английском языках. Если у Вас не корректно отображается кириллица, то воспользуйтесь приложением на английском языке.

Скачать Droid4X Resolution and Memory Setting

Важно!!! Все настройки данной утилитой делаются при закрытом эмуляторе!

Настройка разрешения экрана и DPI

Скачайте себе на компьютер архив по ссылке выше и запустите версию приложения, соответствующую необходимому Вам языку. В статье будем рассматривать русскоязычную версию.

Основное меню:

Droid4X Resolution and Memory Setting - Главное окно

Введите цифру 1 и нажмите Enter, что бы получить информацию о текущей конфигурации:

Droid4X Resolution and Memory Setting - Информация о Droid4X

Здесь мы видим какое кол-во памяти(RAM) выделено для эмулятора, его текущие разрешение экрана и DPI, а так же пути установки самого эмулятора и VirtualBox. Нажмите любую клавишу, что бы вернутся в основное меню.

В приложение разрешение и DPI можно настраивать как отдельно так и вместе, выбрав необходимое разрешение с DPI из предоставленного списка. В главном меню введите цифру 2 и нажмите Enter, что бы выбрать доступные размеры экрана с DPI из списка.

Droid4X Resolution and Memory Setting - Выбор разрешения экрана

В данном меню можно видеть текущее, установленное в эмуляторе, значение размера экрана а так же выбрать из списка то, которое необходимо установить. Если Вы хотите ввести какое то не стандартное разрешение, которого нет в предложенном списке, введите цифру 0 для ручного ввода данных.

Не зависимо от того, вводили Вы в ручную, либо выбирали размеры из списка, по окончанию ввода появится окно:

Droid4X Resolution and Memory Setting - Подтверждение настроек

где указанны текущие и новые значения как разрешения экрана так и DPI. Для сохранения настроек введите Y и нажмите клавишу Enter для сохранения, либо введите N, для возврата в меню без сохранения настроек.

Бывает, что в предложенном списке устраивает разрешение, но не устраивает DPI, в этом случае, настройки можно ввести либо в ручную(пункт 0 в выборе разрешения), либо уже после ввода и сохранения предложенных настроек в главном меню выбрать пункт 4. Настройка DPI, для его ручного ввода.

Droid4X Resolution and Memory Setting - Настройки DPI

здесь так же указано текущее значение DPI, а так же ряд предупреждений. Кстати, если Вы до сих пор не знаете что такое DPI, то это количество точек на дюйм и более подробно об этом можете узнать на странице Wikipedia.

Введите необходимое значение DPI и сохраните изменения, вводом Y.

 

Настройка выделяемой эмулятору оперативной памяти(RAM)

Введите в «Droid4X Resolution and Memory Setting» в главном меню цифру 5 для настроек выделяемой памяти:

Droid4X Resolution and Memory Setting - Настройки RAM

Какое кол-во RAM выделить для эмулятора? Тут нужно понимать 2 момента:

  • кол-во выделяемой памяти не может быть меньше 512Mb, во-первых — это минимальное системное требование для эмулятора, во-вторых через данный скрипт Вы просто не сможете ввести меньшее значение, т.к. оно ограничено по первой причине;
  • не стоит выделять под Droid4X больше половины установленной памяти, т.е., если у Вас, например установлено 4Gb оперативки в компьютере, то введенное значение не должно превышать 2048Mb.

Введите новое значение(без Mb) и нажмите Ввод.

Droid4X Resolution and Memory Setting - Настройки RAM

Нажмите любую клавишу для возврата в основное меню.

По окончанию всех изменений зайдите еще раз в меню информации об эмуляторе Droid4X и убедитесь, что первоначальные установки изменены:

Droid4X Resolution and Memory Setting - Проверка настроек

В заключении хочется сказать, что к изменению данных настроек стоит подходить с умом. Не стоит выделять для эмулятора много памяти, если Вы не собираетесь играть в серьезные игры, это впустую будет тратить системные ресурсы. Так же, сильное увеличение разрешения с DPI может привести к «тормозам» в играх, по этому если у вас со стандартными настройками не тянут игры, то лучше и вовсе его уменьшить.

xn----7sbmatugdkfphym2m9a.xn--p1ai

Инструменты для анализа отображения сайта на разных устройствах

Для кого: владельцам сайтов, верстальщикам

Уровень подготовки: начальный

Поисковые системы учитывают поведенческие факторы как в десктопной версии, так и на мобильных устройствах, поэтому необходимо учитывать этот факт при разработке сайта (или при его редизайне).

Ранее я рассказывала о том, какие существуют варианты реализации мобильных версий сайта. В этой же статье я расскажу о том, какие инструменты и сервисы я использую в работе для проверки вёрстки сайта.

Все описанные мной варианты бесплатны и, следовательно, доступны каждому. Используйте их, чтобы сделать ваш сайт более аккуратным.

1. Инструмент проверки адаптивности Viewport Resizer

Viewport Resizer — инструмент-закладка, работающий в браузере. Видеомануал представлен тут. Сервис используется для проверки отображения сайта при разных разрешениях. При работе с инструментом можно использовать предложенные варианты разрешения, а можно дополнить их пользовательскими вариантами, например, по этой таблице.

Запускается инструмент следующим образом: нужно открыть сайт, вёрстку которого требуется проверить, и нажать на закладку «Resize». В браузере появится такая надстройка с вариантами разрешений:

Resizer для chrome

Первый клик по иконке устройства применит портретную ориентацию, второй — ландшафтную. Нажимая на карандаш, вы можете менять ширину/высоту имитируемого устройства.

2. Браузер Google Chrome

Этот браузер — находка для разработчика. В нём можно проводить проверку/отладку вёрстки для устройств следующими двумя способами:

1) в телефоне — через USB-кабель в связке с инструментом отладки Google ChromeДля устройств на базе Android необходимо включить в настройках телефона отладку через USB:

Меню -> Настройки -> Для Разработчиков (или «Разработка») -> Отладка по USB

Нужно поставить галочку напротив пункта «Отладка по USB».

Часто этого достаточно, но если нет, то лучше поищите инструкцию конкретно для вашего устройства и вашей версии операционной системы.

Затем нужно подключиться к мобильному устройству по USB-кабелю, открыть браузер Chrome и в адресной строке прописать chrome://inspect/#devices. Далее нужно нажать на Enter. В результате появится список открытых окон в мобильном браузере:

Devices (устройство) в chromeОдна из открытых страниц в режиме отладки выглядит вот так:

Демонстрация работы Inspect в chrome

2) в консоли Google Chrome для разработчиков — через настройки (там примерно такая же идея, как в Viewport Resizer, — набор вариантов устройств).

Сначала нужно нажать F12. Откроется консоль, в которой нужно кликнуть по 3 вертикальным точкам (вызов меню) и выбрать «Настройки» (Settings):

Демонстрация работы Inspect в chromeДалее в появившемся окне нужно выбрать «Устройства» (Devices):

Демонстрация работы Inspect в chromeМожно добавить «Устройство» с нужными шириной/высотой:

Демонстрация работы Inspect в chromeРежим просмотра сайта можно активировать через эмулятор устройств (значок двух наложенных друг на друга экранов):

Демонстрация работы Inspect в chromeТеперь можно переключаться между устройствами и исследовать вёрстку на наличие ошибок или смотреть, как сделать сайт более удобным:

Демонстрация работы Inspect в chrome

3. Онлайн-сервисы с набором имитаций мобильных и десктопных устройств

1) Сервис Screenfly

Пользоваться им достаточно просто — нужно вставить ссылку на тестируемый сайт в единственное поле на странице сервиса и найти баги вёрстки.

Здесь так же, как и в дополнении от Malte Wassermann, можно выбирать предложенные разрешения или создавать свои.

Сервис удобен тем, что в нём большой набор устройств. К тому же ссылкой с конкретным разрешением можно поделиться:

Сервис ScreenflyВозможность поделиться ссылкой может быть полезна, если вы нашли проблему в отображении сайта именно при конкретной ширине. Такую ссылку можно передать верстальщику и в результате ускорить внесение правок.

2) Инструмент Мэтта Керсли

Набор разрешений невелик (от 240 px (интересно, у кого-то ещё есть телефон с таким экраном и выходом в интернет? :)) до 1024 px), но для беглого тестирования отдельной страницы инструмент подойдёт. Сервис можно использовать, например, тогда, когда вы уверены в корректной вёрстке сайта, но какую-то отдельную страницу вам наполняет человек, с которым вы работаете впервые. Логично, что вы захотите удостовериться в корректном отображении страницы на всех устройствах. Инструмент Мэтта Керсли позволит это сделать.

Сервис Online responsiveness checker

3) Эмулятор мобильных устройств

Набор эмулируемых устройств невелик и давно не обновлялся. В перечне есть Iphone с 3 по 6, пара моделей Samsung, BlackBerry, LG.

В сервисе нужно указать:— адрес проверяемой страницы;— ориентацию (вертикальная или горизонтальная (портрет/ландшафт)):— размер терминала (есть два варианта: «размер экрана» (зависит от разрешения вашего монитора, с которого вы проверяете вёрстку) или «реальный размер» устройства, которое вы эмулируете (например, BlackBerry)).

На экране каждого устройства в инструменте есть вертикальная полоса прокрутки, поэтому можно просмотреть всю страницу и определить, есть ли погрешности вёрстки:

Эмулятор мобильных устройств

Есть ещё уйма онлайн-сервисов, но они не отличаются от перечисленных принципом работы. Некоторые инструменты уступают лишь по набору функций.Есть вероятность, что устройства определяются скриптами при загрузке, поэтому простого изменения ширины будет мало. Нужно обновлять страницу и смотреть вёрстку, при этом сжимая окно браузера по ширине.

Отмечу также, что не всегда кривая вёрстка в одном из этих сервисов означает, что на вашем сайте есть проблема в отображении на реальном устройстве. Поэтому нужно проверять сайт несколькими способами и на всех доступных реальных устройствах.

Принимая работу верстальщика, используйте хотя бы 1-2 инструмента из списка. В таком случае вашим сайтом будут довольны все: и вы, и ваши клиенты, и поисковые системы.

Понравилась статья? Поделитесь ссылкой со своими друзьями:

Подписывайтесь на наши группы в сообществах, чтобы быть в курсе всех SEO-событий:

Оцените статью: 

Автор: Анна Себова, Web-разработчик

[email protected]

Google+

siteclinic.ru


 

..:::Новинки:::..

Windows Commander 5.11 Свежая версия.

Новая версия
IrfanView 3.75 (рус)

Обновление текстового редактора TextEd, уже 1.75a

System mechanic 3.7f
Новая версия

Обновление плагинов для WC, смотрим :-)

Весь Winamp
Посетите новый сайт.

WinRaR 3.00
Релиз уже здесь

PowerDesk 4.0 free
Просто - напросто сильный upgrade проводника.

..:::Счетчики:::..